Dynadot โ€” .com Registration $8.99

Need help for CSS Navigation in FF & IE

Spaceship Spaceship
Watch

Stephen3

Established Member
Impact
0
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
AfternicAfternic
A quick look at your code showed me that in your list, your spans were empty.

Code:
<li><a href="#">Home<span></span></a></li>

It should be

<li><a href="#"><span>Home</span></a><li>

This will make your layout look different, but I'm not sure if it will totally fix your problem. I do not have IE6.0 on this comp, so testing it out in IE6.0 is hard.
 
0
•••
@JYM: Upon closer inspection you'll notice the spans are actuall for the replacement of that 'x' image, so those are correct.
The problem here is that your ul is getting a default padding since you did not remove it in the first line of the css.

Add this to #nav ul {

padding:0;

}

and it will work primo in IE and FF!
 
0
•••
Good job Dylan :)

I was in a rush so I just took a very quick glance at the html, in most cases there is text between the spans (doing otherwise it is somewhat unorthodox).

What I would have done in this case, was set a background image for 'li' (the section in the middle of the overall nav image), then set one round corner as bg image for 'li a', (with top left positioning), then another as bg for li a span (top right positioning). This way it is fully expandable horizontally (if you ever decide to need to change widths), and eliminates the empty <span>s, by using them with the text.
 
0
•••
Dynadot โ€” .com Registration $8.99Dynadot โ€” .com Registration $8.99
Appraise.net
Unstoppable Domains
Domain Recover
NameMaxi - Your Domain Has Buyers
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back