CSS problem in IE5 windows
- Started
- Last post
- 6 Responses
- laboboy
hey i have a problem with the following css code only in windows ie5.0
heres my css code...A.arrowLink
{
BACKGROUND-POSITION: 2px 4px;
PADDING-LEFT: 12px;
FONT-SIZE: 11px;
BACKGROUND-IMAGE: url(images/arrow.gif);
VERTICAL-ALIGN: middle;
COLOR: #ef2e23;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline
}i use this for links. it should create a arrow to the left of all my links with spacing in between. but in ie5 there seems to be no padding and spacing at all. the arrow just goes under/over the text link. does anyone know whats wrong? i know i can use div tags but that would mean going thru all my pages and adding the div tags. could there be something im missing in my css code?
- ethios0
Could you post an example?
- jamble0
should it not be
A.arrow:Link ?
Not sure because I've not got IE5 on my machine here so I don't know if that makes any difference?
- heavyt0
it doesnt understand "padding-left"
use
padding:0 0 0 12px
insteadTR1
- shotoshi0
laboboy, can you post an example?
- busstopboxer0
'heavyt' is right, IE5 doesn't understand "padding-left" so use
padding:0 0 0 12px instead.You should really have a style sheet for each browser and use javascript to detect the browser and then use the correct stylesheet.
- ********0
Or just code standard CSS and fuck IE...