...

View Full Version : Images don't appear on same line in IE 7



coreyvf
11-12-2008, 07:51 PM
Hello, I'm having problems making 2 image links appear on the same line in internet explorer 7, but it works fine in firefox 3.

Here's how it looks in Firefox 3.0
http://www.mintwebdesigns.com/images/firefox_3.gif

Here's how it looks in Internet Explorer 7
http://www.mintwebdesigns.com/images/ie_7.gif

Here's the code for the two buttons to appear on the page:

<div class="vup"><a href="javascript:{$link_shakebox_javascript_vote}" title="Vote Up">vote up</a></div><div class="vdown"><a href="javascript:{$link_shakebox_javascript_report}" title="Vote Down" target="_blank">vote down</a></div>

Here's the CSS for these images and links.

.vup a { background:url("../images/vup.gif");background-repeat: no-repeat;text-indent: -7887px;width: 26px;height: 35px;float:left; display: block;}
.vup a:hover {background:url("../images/vup2.gif");background-repeat: no-repeat;}
.vdown a {background:url("../images/vdown.gif");background-repeat: no-repeat;text-indent: -7887px;width: 24px;height: 35px;float:left;display: block;}
.vdown a:hover {background:url("../images/vdown2.gif");background-repeat: no-repeat;}

What am I doing wrong that IE spaces the images like this or puts them on a new line? Is there a more effective way of doing this? Both images are links to vote up or down an article. They change when they are hovered over.

abduraooft
11-13-2008, 08:30 AM
Could you post a link to your page?

coreyvf
11-13-2008, 04:06 PM
I cannot, I don't have a server or have this uploaded.
I'm using Wampserver to view these files on a local host.

194673
11-13-2008, 04:53 PM
Try using inline instead of block. Not sure if that will do it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum