...

View Full Version : Spacing between images when screen resizing



Broomy
01-30-2007, 12:12 AM
Hi,

I'm trying to add 3 images next to each other that span the width of the screen, seen near the top of qwikezine .com (labelled video, audio, image). I would like them to be equally spaced apart with the right image (labelled image) tight to the right hand side of the screen, the left image (video) on the left next to the register and login boxes, and the middle image inbetween the two.

I was wondering how I could space these apart so that they would still fit into the screen when visitors using smaller screen sizes (800x600 for example) view the site whilst also being spaced apart for larger screen viewers?

Thanks for any help.

Arbitrator
01-30-2007, 01:11 AM
I donít see the images you speak of. Assuming that you want these images to consume a whole line though:

HTML:

<div>
<img alt="Video" src="video.png"/>
<img alt="Audio" src="audio.png"/>
<img alt="Image" src="image.png"/>
</div>

CSS:

img[alt="Video"] { float: left; }
img[alt="Audio"] { display: block; margin: 0 auto; }
img[alt="Image"] { float: right; }

And no, attribute selectors donít work in IE6. I didnít feel like typing it the long way.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum