vanishing borders
The code below works fine with a transitional DTD. It displays a horizontal list that looks like a navigation bar. If the DTD is changed to strict however, all the top and bottom borders for all li's vanish.
Taming Lists NAVIGATION
#tabs ul {
margin-left: 0;
padding-left: 0;
display: inline;
}
#tabs ul li {
margin-left: 0;
margin-bottom:0;
padding: 5px 15px 5px 0px;
border: 1px solid #000;
list-style: none;
display: inline;
}
#tabs ul li.here {
border-bottom: 1px solid #ffc;
list-style: none;
display: inline;
}
- Item 1
- Item 2
- Item 3
- Item 4
any help would be welcome.
Thanks in advance.
robfenn posted this at 14:59 — 9th May 2006.
He has: 471 posts
Joined: Jun 2005
I've never used a 3 letter colour code before, i thought it had to be 6?
timjpriebe posted this at 16:17 — 9th May 2006.
He has: 2,667 posts
Joined: Dec 2004
Nope, it can be 3. #FFAACC would be #FAC
Roo posted this at 17:27 — 9th May 2006.
She has: 840 posts
Joined: Apr 1999
The doctype is HTML 4...does that support just three letters in the hex code?
Does validation produce any error messages?
• Code should all be lower case
• If you are not doing a border all the way around, you should specify where it should be in the css...border-bottom, border-top, etc....
Roo
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.