CSS Styling Issue - UL, positioning, links
Wed, 12/02/2009 - 4:13pm
I am currently finishing up a design for Mission San Jose Church here in San Antonio, and am having some issues with the navigation system I set up. Any thoughts would be helpful.
I'd suggest looking at these with Firebug to see what the code looks like, because there are a lot of elements at play with this issue.
The problem: In Safari or Firefox, if you check out the beta here, mouseover the "Join" tab and take a look at how the first column of choices is not recognized as hyperlinked, but the second column is. These are both lists, each styled seperately. I'm trying to figure out why the first column of hyperlinked items is not being recognized.
Thanks, friends.
Angela
Thu, 12/03/2009 - 11:59pm
#2
Awesome.
I had a feeling it was the z-index. I was just afraid of the effect it would have on the navigation tabs, so I just indexed the first list to index 1000, and it worked perfectly across browsers. Yay. Thanks for the tip, Jeff.
Tue, 12/08/2009 - 6:53pm
#3
Welcome!
Welcome to the community Angela! I hope you find OpenSourceCatholic a nice place where designers and developers come together. Prayers during your Finals Week.
Sun, 12/20/2009 - 12:32am
#4
Thanks, Josh.
Site's finished
Thanks, Josh.
Site's finished and now in the church's hands. It's here: http://www.missionsanjosechurch.org
Sun, 12/20/2009 - 2:04am
#5
Nice! I just realized, I
Nice! I just realized, I walked by there when I was in San Antonio for the SQPN celebration last year!
Sun, 12/20/2009 - 2:33am
#6
Did you really "walk by"?
Did you really "walk by"? It's quite far from the University of the Incarnate Word or downtown San Antonio. You may be thinking of San Fernando Cathedral.
I think it might have to do with the fact that the join overlay overlaps the others; when you have a ton of overlaps like this, you need to be careful with the z axis of your page - you might need to add some z-index properties to make sure your navigation divs appear on top of each other correctly.
Also check the widths of the individual li items; they seem to be overlapping each other.
Advancing the faith.