Jump to content

Image Spacing Issue

Recommended Posts

I'm working with a photo gallery script on my personal portfolio. I'm having a little bit of trouble with the way that part of it is formatted though. In Internet Explorer everything looks fine (for once), and in Firefox and Safari it appears incorrectly. The site I'm working with is listed below.When you look at the "Featured Projects" section of the page, in IE, there is a margin between each of the images, but in FF and Safari they are stacked directly on top of one another. I'd like to have them spaced as they appear in IE. Below is a portion of the code I'm working with (I know it's messy, but I'm being rushed to finish this for a class during finals week).

<div class="highslide-gallery">		 	  	  			<a href="images/lg-adhesion.jpg" class="highslide" onclick="return hs.expand(this)">			<img src="images/sm-adhesion.jpg" alt="Highslide JS"		title="Click to enlarge" /></a>							<div class="highslide-caption">Current design for my small web contracting business, Adhesion Ar</div>		<a href="images/lg-wtsoa.jpg" class="highslide" onclick="return hs.expand(this)">	<img src="images/sm-wtsoa.jpg" alt="Highslide JS"		title="Click to enlarge" /></a>	   		<div class="highslide-caption">Design for a contract with the Wisconsin Traffic Safety Officer's Association</div>

Because the script uses a div for the caption, I've been unable to use <ul> and <p> tags that have been properly formatted around them. Any advice on how to do this?Thanks,X

Edited by AnonymousX
Link to post
Share on other sites

add a img{ margin-bottom: 1em; } works to space those out. I don't have IE available for testing. You might need an IE only Conditional Comment style to affect those browsers differently.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...