471,896 Members | 1,664 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,896 software developers and data experts.

inline background image in IE

OK, so here's a new one for the group...

I have the two following classes:

.ratings_link {
display: block;
background: #ffeec1 url(image.gif) no-repeat center right;
font: bold Arial, Helvetica, sans-serif;
color: #176fcc;
text-decoration: none;
margin-top: 3px;

.ratings_link_inline {
background: #ffeec1 url(image.gif) no-repeat center right;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #176fcc;
text-decoration: none;
padding: 1px 20px 1px 1px;

The first class works just fine as it displays block style. The background image is aligned right, with no repeat. Wonderful.

Now, for the second, I need this to be an inline style. Everything seems to work fine but the background image does not show in IE. I tried inserting display:inline in the class, but that does nothing. Nor does putting it inside a div. Simply, the code is:

1. <a href="link.htm" class="ratings_link">link 1</a>
2. <a href="link.htm" class="ratings_link_inline">link 1</a>

Any suggestions? Thanks.
Aug 9 '07 #1
5 3169
7,435 Expert 4TB
Hm. Works for me. .
Aug 9 '07 #2
Really?? I've checked in both IE 6 and 7.

Please look at it on an actual page:

Do you see the red square on the second style?

I found this article that explains IE doesn't handle positioning well for non-block items:


Aug 10 '07 #3
I'm noticing some positioning things ... now it's showing up, just not in the right place :-)
Aug 10 '07 #4
I got her working ... needed an IE hack though


Thanks for your help!
Aug 10 '07 #5
7,435 Expert 4TB
I do not see the problem in IE6 but I do only partially see the red square in IE7. I had only checked in IE6 before. The solution is not obvious right now but I'm not really here today (out of the office).
Aug 10 '07 #6

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by Desigan Chinniah | last post: by
46 posts views Thread by DJ WIce | last post: by
3 posts views Thread by Aaron | last post: by
1 post views Thread by Johannes Theile | last post: by
12 posts views Thread by Stanimir Stamenkov | last post: by
3 posts views Thread by Mark Tranchant | last post: by
1 post views Thread by Jens | last post: by
7 posts views Thread by massic80 | last post: by
reply views Thread by YellowAndGreen | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.