pictures side by side

thisandthat · May 4th, 2006, 06:56 PM

my pictures arent linening up side by side, theres a bit of space in between

they're GIFS if that makes a difference

here is the section of the code where the pictures are:

HTML Code:

<div id="container">
<center>
<img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertophome.gif"></img>
<img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopgallery.gif"></img>
<img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopabout.gif"></img>
<img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopforums.gif"></img>

<hr size=2 color=000000>
<hr size=1 color=666666>
<h1 class="welcome">WELCOME TO THIS AND TAHT STUDIOS, UPDATED EVERY 2 WEEKS
<br><a href="http://www.phpbb88.com/paulandcompany/index.php?mforum=paulandcompany">CHECK OUT THE FORUMS</a></h1>

Thoric · May 4th, 2006, 07:31 PM

Hey, Code was correct, took out the </img> tags, deleted some spacing, and it should line up now.

HTML Code:

<center><div id="container">
<img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertophome.gif"><img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopgallery.gif"><img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopabout.gif"><img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopforums.gif"> 
<hr size=2 color=000000> <hr size=1 color=666666> <h1 class="welcome">WELCOME TO THIS AND TAHT STUDIOS, UPDATED EVERY 2 WEEKS <br>
<a href="http://www.phpbb88.com/paulandcompany/index.php?mforum=paulandcompany">CHECK OUT THE FORUMS</a></h1>

sypher · May 4th, 2006, 08:23 PM

Just to make it xhtml compliant i also edited it a little.

Code:

<center><div id="container">
<img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertophome.gif" /><img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopgallery.gif" /><img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopabout.gif" /><img src="http://img.photobucket.com/albums/v479/Qmonkey/thisandthatbannertopforums.gif" /> 
<hr size="2" color="#000000" /> <hr size="1" color="#666666" /> <h1 class="welcome">WELCOME TO THIS AND TAHT STUDIOS, UPDATED EVERY 2 WEEKS <br />
<a href="http://www.phpbb88.com/paulandcompany/index.php?mforum=paulandcompany">CHECK OUT THE FORUMS</a></h1>

gumlor · May 15th, 2006, 08:36 PM

if you find stacking multiple image tags (or other tags) without spacing is hard to read. i.e.,

<img ... some attributes ... /><img ... some attributes ... /><img ... some attributes ... /><img ... some attributes ... />

try this trick:

<img ... some attributes ...
/><img ... some attributes ...
/><img ... some attributes ...
/><img ... some attributes ... />

note there is still no space between the tags but we put line break WITHIN the tag.