Hi
Can anyone help? I have some CSS code set up to create a horizontal menu bar which displays links with borders around them. When I created it I was using IE5 and it looked fine, and it also looked OK in Netscape. I've just checked it out in IE6 though, and the borders don't appear around the links anymore. It seems that IE6 will only display borders around links if a display:block is used, but I don't think I can do that with a horizonal set of links. Can anyone explain this and/or suggest a way to work around it?
Here's the code:
#topnavlist
{
FONT-SIZE: 11px;
LEFT: 160px;
PADDING-BOTTOM: 4px;
WIDTH: 600px;
COLOR: black;
PADDING-TOP: 8px;
POSITION: absolute;
TOP: 75px;
HEIGHT: 50px
}
#topnavlist A
{
BORDER-RIGHT: silver 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: silver 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: silver 1px solid;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: silver 1px solid
}
Thanks!
IanAmendment:
It turns out I'm getting my browsers mixed up. Actually it works in IE6 and not in IE5! Still, if anyone can help it would be appreciated.
Ianwould that be 5.0?
offhand, try float: left;
Can anyone help? I have some CSS code set up to create a horizontal menu bar which displays links with borders around them. When I created it I was using IE5 and it looked fine, and it also looked OK in Netscape. I've just checked it out in IE6 though, and the borders don't appear around the links anymore. It seems that IE6 will only display borders around links if a display:block is used, but I don't think I can do that with a horizonal set of links. Can anyone explain this and/or suggest a way to work around it?
Here's the code:
#topnavlist
{
FONT-SIZE: 11px;
LEFT: 160px;
PADDING-BOTTOM: 4px;
WIDTH: 600px;
COLOR: black;
PADDING-TOP: 8px;
POSITION: absolute;
TOP: 75px;
HEIGHT: 50px
}
#topnavlist A
{
BORDER-RIGHT: silver 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: silver 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: silver 1px solid;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: silver 1px solid
}
Thanks!
IanAmendment:
It turns out I'm getting my browsers mixed up. Actually it works in IE6 and not in IE5! Still, if anyone can help it would be appreciated.
Ianwould that be 5.0?
offhand, try float: left;