开发者

CSS Sprite Button Using Table... Can't get rid of line breaks after table in IE (quirks mode)

开发者 https://www.devze.com 2023-04-10 23:35 出处:网络
I am creating a css button using the following image... This is the background of a table.. the text for the image goes inside td blocks.

I am creating a css button using the following image...

CSS Sprite Button Using Table... Can't get rid of line breaks after table in IE (quirks mode)

This is the background of a table.. the text for the image goes inside td blocks.

You can see it in action here, please view source to see how it all works, css is in-lined.

css button link

Everything appears to be working great... but view it in IE and Firef开发者_C百科ox. You'll notice that for some reason there are line breaks in IE and not in Firefox. I want it to not have the line breaks, firefox style.

I know a lot of people will immediately say "Just add a DOCTYPE tag and all will be well!" Unfortunately my use case is such that it has to work in I.E. quirks mode.

So..with that being a restriction.. any ideas?


Did you try to add "float:left;" to css class ".spriteTableButton" ? This can solve the problem of linebreak in no time.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号