Floats and wraps, an ongoing problem — OZONE Asylum, home of the Mad Scientists

This page's ID: 27235

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[quote]DL: If you simply place them one after another in your code, without floating them, they will naturally sit side by side (it is important to note that adding a float value of left or right to an element changes it's display value to block).[/quote] And if you do so, make sure that there is no whitespace, no line breaks/no spaces, between the images in your code. [code] <div id="contain"> <img src="img1.jpg" width="250" height="250" alt="" border="0" /><img src="img2.jpg" width="250" height="250" alt="" border="0" /><img src="img2.jpg" width="250" height="250" alt="" border="0" /> </div> [/code] If not, they will still wrap because....ummm...browsers suck. Also, if you happen to be using any global declarations for images, specifically "[i]img {display:block;border:0;}[/i]" which a lot of people use nowadays, be sure to set the images inside the container div to "[i]display:inline;[/i]". Do that, and what DL says will work perfectly. Ram [small](Edited by [url=http://www.ozoneasylum.com/user/1866]Ramasax[/url] on 01-02-2006 00:43)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post