|
|
Posted by Martin Jay on 06/23/06 13:30
In message <t9-dnZ1BsNZSRgbZ4p2dnA@telenor.com>, Jeff
<it_consultant1@hotmail.com.NOSPAM> writes
>Hey
>
>This code works in IE, but not in FireFox, Opera, Netscape. I mean that in
>IE this CSS generates a border arround this UL, but in
>firefox/opera/netscape this border isn't shown, so I wonder what I must
>change to make this border visible in FireFox, Opera, netscape too.
>
>I uses PHP to I check what browser the user is using, so if the user are
>using IE I send IE dedicated CSS script and if the user are using FireFox I
>send Firefox dedicated CSS script... does it for Opera and Netscape also
Different style sheets for different browsers isn't a good idea, and can
make a lot of extra work.
>.my_menu ul {
>padding-top:10px;
>padding-bottom:10px;
>margin-bottom:0px;
>margin-top:0px;
>margin-left:10px;
>margin-right:10px;
>border-style:dotted;
>border-bottom:1px;
>border-left:1px;
>border-top:1px;
>border-right:1px;
>}
This is something I haven't come across before, but I'd guess the
problem occurs because of the way you're written the border style rules.
>border-style:dotted;
Gives all four sides a dotted line.
>border-bottom:1px;
>border-left:1px;
>border-top:1px;
>border-right:1px;
Gives all four sides a line of 1px, but with no style so they're not
shown.
To set the border size and retain the dotted style you should use:
border-style:dotted;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
Or just use the following in this case:
border: dotted 1px;
Probably a good idea to use a colour too, so:
border: dotted 1px red;
--
Martin Jay
Phone/SMS: +44 7740 191877
Fax: +44 870 915 2124
Navigation:
[Reply to this message]
|