bg img in link problem in IE 7
Posted: 12 December 2006 10:13 PM   [ Ignore ]
Newbie
Rank
Total Posts:  2
Joined  2006-11-09

I added the code below to my css to put a new window icon next to all my external links. This code works great in Firefox, but not exactly how I want it to work in IE 7.
I want the icon to be at the end of the link, but in IE 7 if the link continues to the next line the icon doesn’t appear at the end of the link but at then end of the first line of the link.

a[href^="http:"] {
    background
url(../images/newwindow.gifno-repeat right top;
    
padding-right10px;


If what I am saying does not make to sense then please look at it in IE 7 and then in Firefox. There is an example at the end of the “Upcoming Events” list on this page - http://www.nsuok.edu/studentaffairs/

thank you!

Profile
 
 
Posted: 13 December 2006 02:11 AM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  19
Joined  2006-05-22

missyac,

It is my understanding that it (a[href^=“http:”]) is not a MSIE thing.

You can try something like this:

CSS

.ahttp{
color: #333;
background: #fff url(‘images/YOUR.GIF’) no-repeat top right;
padding-left: 5px;
}

assign the appropriate “a link” a class such as .ahttp, .amailto, etc.

You’ve done a nice job on your web site.  Super~!

There’s another great suggestion found on A LIST APART, however, I couldn’t find the link in my bookmarks readily, sorry.

Kind regards,
Al Toman

Profile
 
 
Posted: 13 December 2006 09:10 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  2
Joined  2006-11-09

Al,

I forgot about using a class. I will try that and see if I can get IE to do something similiar the way I want it.

Thanks for your help!

Missyac

Profile