SPAN Tag (Firefox)
-
Hello, I noticed in Firefox when using the span tag with a background image like this: Testing .spanNavBtnText { color:#FFFFFF; font-family: Verdana; font-weight:bold; width:118px; height:23px; text-align:center; font-size: 11px; padding-top:5px; } That the background image is the size of the text. In Internet Explorer this is not the case the total size of the image is rendered and it's not based on the size of the text. Is there any easy way to fix this? Thank you. RB
-
Hello, I noticed in Firefox when using the span tag with a background image like this: Testing .spanNavBtnText { color:#FFFFFF; font-family: Verdana; font-weight:bold; width:118px; height:23px; text-align:center; font-size: 11px; padding-top:5px; } That the background image is the size of the text. In Internet Explorer this is not the case the total size of the image is rendered and it's not based on the size of the text. Is there any easy way to fix this? Thank you. RB
RadioButton wrote:
Is there any easy way to fix this?
Don't use IE? ;P As near as i can tell, Firefox is doing the "Right Thing" here -
span
s are inline elements,width
andheight
attributes do not apply. So... You can use adiv
(or other block element), you can add thedisplay:block;
attribute to thespan
, or you can float or absolutely position thespan
.---- Scripts i've known... CPhog 0.9.9 - make CP better. Forum Bookmark 0.2.1 - bookmark forum posts on Pensieve Print forum 0.1.2 - printer-friendly forums