Putting Pictures next to each other

I am trying to create a banner across the website. While the code below does create the banner size I need,  a single picture comes out too stretched. Therefore I would like to put two or three pictures right next to each other across the same row. However the code that I have puts the pictures one BELOW another. . how can I change that to make them stitched....
<table width="100%" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td>
					<img src="images/logo1.gif" width="580" height="240">
                    <img src="images/logo2.gif" width="580" height="240">
					</td>
				</tr>
				</table>

Open in new window

Starquest321Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
try:
<table width="100%" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                        <td>
                                        <img src="images/logo1.gif" width="580" height="240"></td>
                    <td><img src="images/logo2.gif" width="580" height="240">
                                        </td>
                                </tr>
                                </table>

Open in new window

0
lpxtechCommented:
Try adding style="display: inline;" to the image.

Also, is the table sitting inside of a fixed width tag?
0
Starquest321Author Commented:
Can you please tell me the exact "code" to use with the inline command? I have attached the complete code below. Also what is the <!-- tag? The values there are in gray in my dreamweaver and I don't see them on the actual site anywhere...


<tr>
	<td>&nbsp;</td>
	<td colspan="5">
		<table width="975" cellpadding="0" cellspacing="0" border="0" align="center">
		<!--
		<tr>
			<td colspan="3" bgcolor="#E92727" height="6"><img src="images/spacer.gif" border="0" width="1" height="1"></td>
		</tr>
		<tr>
			<td colspan="3" background="images/bg_topblue.gif" height="54">
			
				<table cellpadding="0" cellspacing="0" border="0" class="normal_12_black">
				<tr>
					<td width="500"><img src="images/logo.gif" width="356" height="24"></td>
					<td width="250">
 
						<form action="site_search.php" method="get" style="margin:0px">
						<table cellpadding="2" cellspacing="0" border="0" class="normal_12_black">
						<tr>
							<td valign="middle"><strong>FIND BUSINESS</strong></td>
							<td valign="middle"><input type="text" name="search_keyword" value="" style="width:120px" class="textbox"></td>
							<td valign="middle"><input type="image" src="images/icon_search.gif" vspace="2"></td>
						</tr>
						</table>
						</form>
 
					</td>
					<td width="230" align="right">
						<font class="normal_12_blue_verdana"><strong>Best Business Directory</strong></font><br>
					</td>
					<td width="20"><img src="images/spacer.gif" border="0" width="1" height="1"></td>
				</tr>
				</table>
 
			</td>
		</tr>
		-->
		<tr>
			<td colspan="3" bgcolor="#FFFFFF" height="3"><img src="images/spacer.gif" border="0" width="1" height="1"></td>
		</tr>
		<tr>
			<td colspan="3">
 
				<table width="100%" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td>
					<img src="images/logo1.gif" width="980" height="160">
                    				</td>
				</tr>
				</table>
 
			</td>
		</tr>
		<tr>
			<td colspan="5" bgcolor="#FFFFFF" height="3"><img src="images/spacer.gif" border="0" width="1" height="1"></td>
		</tr>
		<tr>
			<td colspan="3">
				
				<table width="100%" cellspacing="0" cellpadding="0">
				<tr>
					<td width="1%" align="left"><img src="images/nav_left.gif" width="20" height="37"></td>
					<td width="100%" background="images/nav_bg_blue.gif">
 
						<table cellspacing="0" cellpadding="0" class="normal_12_white_verdana">
						<tr>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							<td width="100" align="center" class="{$nav_class_home}" onclick="location.href='index.php'">
								<a href="index.php" class="normal_12_white_verdana"><strong>Home</strong></a>
							</td>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							<td width="100" align="center" class="{$nav_class_about}" onclick="location.href='site_about.php'">
								<a href="site_page_about.php" class="normal_12_white_verdana"><strong>About Us</strong></a>
							</td>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							<td width="100" align="center" class="{$nav_class_resources}" onclick="location.href='site_resources.php'">
								<a href="site_resources.php" class="normal_12_white_verdana"><strong>Resources</strong></a>
							</td>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							<td width="150" align="center" class="{$nav_class_account}" onclick="location.href='member_login.php'">
								<a href="member_login.php" class="normal_12_white_verdana"><strong>My Account</strong></a>
							</td>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							<td width="100" align="center" class="{$nav_class_register}" onclick="location.href='member_register.php'">
								<a href="member_register.php" class="normal_12_white_verdana"><strong>Register</strong></a>
							</td>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							<td width="100" align="center" class="{$nav_class_contact}" onclick="location.href='site_contact.php'">
								<a href="site_page_contact.php" class="normal_12_white_verdana"><strong>Contact Us</strong></a>
							</td>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							<td width="150" align="center" class="{$nav_class_terms}" onclick="location.href='site_terms.php'">
								<a href="site_page_terms.php" class="normal_12_white_verdana"><strong>Terms of Use</strong></a>
							</td>
 
							<td><img src="images/nav_divider.gif" width="2" height="37"></td>
							
						</tr>
						</table>
 
					</td>
					<td width="1%" align="right"><img src="images/nav_right.gif" width="20" height="37"></td>
				</tr>
				</table>
				
			</td>
		</tr>
		<tr>
			<td colspan="2" bgcolor="#FFFFFF" height="3"><img src="images/spacer.gif" border="0" width="1" height="1"></td>
		</tr>
		<tr>
			<td width="1%" valign="top"><img src="images/search_left.gif" width="12" height="48"></td>
			<td width="100%" height="60" background="images/search_hor.gif" style="background-repeat:repeat-x;">
			
				{if $clogin_member != ""}
				<table width="100%" cellpadding="0" cellspacing="0" border="0" class="normal_12_black">
				<tr>
					<td>
 
						<table cellpadding="2" cellspacing="0" border="0" class="normal_12_black">
						<tr>
							<td valign="middle"><strong>MY ACCOUNT : </strong></td>
							<td valign="middle"><a href="member_profile.php" class="normal_12_red">My Profile</a></td>
							<td valign="middle"> | </td>
							{if $clogin_member_type == "agent"}
							<td valign="middle"><a href="member_subscription.php" class="normal_12_red">My Subscription</a></td>
							<td valign="middle"> | </td>
							{/if}
							<td valign="middle"><a href="member_listing.php" class="normal_12_red">My Property Listings</a></td>
							<td valign="middle"> | </td>
							<td valign="middle"><a href="member_favourite.php" class="normal_12_red">My Favourite Listings</a></td>
							<td valign="middle"> | </td>
							<td valign="middle"><a href="system_member_logout.php" class="normal_12_red">Logout</a></td>
						</tr>
						</table>
					
					</td>
					<td align="right" class="normal_12_blue_verdana"><strong>Welcome, <u>{$clogin_member_firstname} {$clogin_member_lastname}</u>!</strong></td>
				</tr>
				</table>
				{else}
				<img src="images/spacer.gif" border="0" width="956" height="1">
				{/if}
 
			</td>
			<td width="1%" valign="top"><img src="images/search_right.gif" width="12" height="48"></td>
		</tr>
		</table>
	</td>
	<td>&nbsp;</td>
</tr>

Open in new window

0
Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

lpxtechCommented:
<!-- opens a comment and --> closes it. Anything within the comments are ignored and wont be displayed.
<table width="100%" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                        <td>
                                        <img src="images/logo1.gif" width="580" height="240" style="display: inline;"><img src="images/logo2.gif" width="580" height="240" style="display: inline;">
                                                </td>
                                </tr>
                                </table>

Open in new window

0
Starquest321Author Commented:
Thanks for you help. Can you also look to see if you see anything with my post:

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/Q_23884495.html

Much appreciated.
0
Starquest321Author Commented:
It worked with the pictures but it put the whole site to display vertically. It seems that it put all the tables on top of one another.
0
lpxtechCommented:
No problem,

Glad I could help. I will take a look at your other post soon.
0
lpxtechCommented:
After looking at your code again. I know what the problem is. Your table width is set to 975 and 580+580 is 1160 which is much wider than your table.

To fix the problem, take the style="display: inline" out that I told you to put in, and either use 2 images that are equal to or less than 975 or change the width of the table to be equal to or larger than 1160.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Starquest321Author Commented:
Excellent! Thanks so much!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.