...

View Full Version : text-indent for FF not working



jcdevelopment
02-19-2008, 05:25 PM
Does FF not accept or does it do something wierd with the style text-indent? I have this code



.forum h3 a {
font-family:"Times New Roman", Times, serif;
font-size:13px;
font-weight:700;
text-align:left;
color:#000;
text-indent:10px;
}


why would the text-indent work in IE but not FF?

thanks guys!!

_Aerospace_Eng_
02-19-2008, 06:31 PM
It shouldn't work in IE but we all know IE does things it shouldn't. The reason its not working is because text-indent only works on block level elements. Make the link display:block; and it will work in Firefox as well.

Andrew Johnson
02-19-2008, 06:34 PM
Add this to make it work:


display:block

However you're probably better off using "padding" instead of "text-indent" - however both will require display:block

_Aerospace_Eng_
02-19-2008, 06:40 PM
However you're probably better off using "padding" instead of "text-indent" - however both will require display:block

It will require display:block; only if you intend on adding top and/or bottom padding. Left or right padding is allowed on inline elements.

jcdevelopment
02-19-2008, 06:53 PM
thank you guys, that worked, as far the padding usage, i thought IE and FF had different views on how padding works?

i thought IE usses badding outside of the box
and
i thought FF uses it inside, i might be wrong though!

Andrew Johnson
02-19-2008, 06:59 PM
Padding is inside, margin is outside

jcdevelopment
02-19-2008, 07:10 PM
so there are no differences between IE and FF?

sobrien79
02-19-2008, 09:21 PM
Padding is inside and margin is outside with borders between them.

This article explains it better than I can.

http://www.quirksmode.org/css/quirksmode.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum