Submit Your Article Webforumz RegistrationAnnouncements Contact Webforumz StaffContact
Home Resources Blogs Meet the Team Contact Register
 

Go Back   WebForumz.com > The Code > HTML, XHTML and CSS

Reply
 
LinkBack Thread Tools
Old May 4th, 2006, 06:56 PM   #1
New Member
 

Join Date: May 2006
Location: a split level cave twenty miles below the surface of the earth
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 thisandthat is on a distinguished road
pictures side by side

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>
thisandthat is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 4th, 2006, 07:31 PM   #2
New Member
 

Join Date: May 2006
Location: Canada
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 Thoric is on a distinguished road
Re: pictures side by side

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>
Thoric is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 4th, 2006, 08:23 PM   #3
Most Reputable Member
 

Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 23
Posts: 1,063
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 sypher has a spectacular aura about sypher has a spectacular aura about
Re: pictures side by side

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>
__________________
North Wales Web Design - sypher design
sypher is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Old May 15th, 2006, 08:36 PM   #4
New Member
 

Join Date: May 2006
Location: Vancouver BC
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0 gumlor is on a distinguished road
Re: pictures side by side

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.
gumlor is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Bookmarks

Tags
pictures , side


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
how do i put a border only on a certain side snelll HTML, XHTML and CSS 15 May 28th, 2008 09:30 AM
Side by side positioning josephman1988 HTML, XHTML and CSS 7 October 20th, 2007 08:49 AM
two divs side by side nashultz07 HTML, XHTML and CSS 10 August 9th, 2007 07:28 PM
Client-Side VS Server Side Scripting redev2006 JavaScript 1 July 30th, 2005 03:30 PM
3D Side Scrolling noanswer42 Flash and ActionScript 4 July 29th, 2005 08:37 AM


Search Engine Optimization by vBSEO 3.2.0 RC8