...

View Full Version : Html Table Alignment



Maverick3698
03-18-2005, 03:18 AM
Hey, just wanted to pop in and say how nice these forums are lol. Anyways, I need help with an issue im having on a web page im building.
d2emporium.50webs.com/Helms.html
I need the Paypal table at the very bottom of the webpage to scoot and slide :p under the 2nd image in the far right column. I've tried various ways of doing this, and nothing i've tried has worked. I'm pretty new to html though.
Thanks in advance for help!
~ Mav

Maverick3698
03-18-2005, 07:58 PM
Hey, just wanted to pop in and say how nice these forums are lol. Anyways, I need help with an issue im having on a web page im building.
d2emporium.50webs.com/Helms.html
I need the Paypal table at the very bottom of the webpage to scoot and slide :p under the 2nd image in the far right column. I've tried various ways of doing this, and nothing i've tried has worked. I'm pretty new to html though.
Thanks in advance for help!
~ Mav
Bump. :( No help on this?

glenmac
03-18-2005, 09:04 PM
This aligns them the same. Although I'd seriously look at redoing you page. The tables are a mess. Turn your borders on and you'll see what I mean.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Low Prices, Fast Service-D2Emporium</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Keywords here">
<meta name="description" content="Description here">
<meta name="Author" content="MyFreeTemplates.com">
<META NAME="robots" CONTENT="index, follow"> <!-- (Robot commands: All, None, Index, No Index, Follow, No Follow) -->
<META NAME="revisit-after" CONTENT="30 days">
<META NAME="distribution" CONTENT="global">
<META NAME="rating" CONTENT="general">
<META NAME="Content-Language" CONTENT="english">


<script language="JavaScript" type="text/JavaScript" src="images/myfreetemplates.js"></script>
<link href="images/myfreetemplates.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {
font-size: 11px;
color: #FFFFFF;
}
-->
</style>
</head>

<body background="images/pgbg.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table width="743" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="740" height="33"><TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <a href="index2.html"><IMG SRC="images/btn_home.gif" ALT="" WIDTH=96 HEIGHT=33 border="0"></a></TD>
<TD> <IMG SRC="images/navspacer.gif" WIDTH=2 HEIGHT=33 ALT=""></TD>
<TD> <a href="#"><IMG SRC="images/btn_overview.gif" ALT="" WIDTH=98 HEIGHT=33 border="0"></a></TD>
<TD> <IMG SRC="images/navspacer.gif" WIDTH=2 HEIGHT=33 ALT=""></TD>
<TD COLSPAN=2> <a href="#"><IMG SRC="images/btn_services.gif" ALT="" WIDTH=98 HEIGHT=33 border="0"></a></TD>
<TD> <IMG SRC="images/navspacer.gif" WIDTH=2 HEIGHT=33 ALT=""></TD>
<TD> <a href="#"><IMG SRC="images/btn_news.gif" ALT="" WIDTH=97 HEIGHT=33 border="0"></a></TD>
<TD> <IMG SRC="images/navspacer.gif" WIDTH=2 HEIGHT=33 ALT=""></TD>
<TD> <a href="#"><IMG SRC="images/btn_contactus.gif" ALT="" WIDTH=110 HEIGHT=33 border="0"></a></TD>
<TD> <IMG SRC="images/navspacer.gif" WIDTH=2 HEIGHT=33 ALT=""></TD>
<TD> <IMG SRC="images/toppic1.jpg" WIDTH=231 HEIGHT=33 ALT=""></TD>
</TR>
</TABLE></td>
<td width="3" rowspan="5" background="images/sidebgright.gif"><img src="images/sidebgright.gif" width="4" height="1"></td>
</tr>
<tr>
<td width="740" height="119"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG SRC="images/toppic2.jpg" WIDTH=266 HEIGHT=119 ALT=""></TD>
<TD><IMG SRC="images/toppic3.jpg" WIDTH=243 HEIGHT=119 ALT=""></TD>
<TD width="231"><IMG SRC="images/toplogo.jpg" WIDTH=231 HEIGHT=119 ALT=""></TD>
</TR>
</TABLE></td>
</tr>
<tr>
<td width="740" height="69"><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG SRC="images/topcurve1.gif" WIDTH=266 HEIGHT=69 ALT=""></TD>
<TD><IMG SRC="images/topcurve2.gif" WIDTH=474 HEIGHT=69 ALT=""></TD>
</TR>
</TABLE></td>
</tr>
<tr>
<center><td width="740" valign="top"background="images/pixi_khaki.gif"></center>
<TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD width="266" valign="top" rowspan="4">
<p>Useast Ladder Items</p>
<ul>
<li>Armors
<li>Helms
<li>Shields
<li>Weapons
<li>Jewels
<li>Charms
<li>Jewelry
<li>Sets
<li>Runes
<li>Runewords
<li>Character Specials
</ul>
<p>Useast Non-Ladder Items</p>
<ul>
<li>Armors
<li>Helms
<li>Shields
<li>Weapons
<li>Jewels
<li>Charms
<li>Jewelry
<li>Sets
<li>Runes
<li>Runewords
<li>Character Specials
</ul>
</TD>
<p><td colspan="2"><h2> Click on an image to view it larger.</p></td></h2>
<p>
<tr>
<td height="10><td align="center">Harlequin Crest Shako</td>
</tr>

<tr>
<td height="199"><a href="#" onclick="window.open('images/shako2.jpg','enlarged_view','toolbar=no,resizable=no,scrollbars=no,width=650,height=750'); return false;"><img src="images/shako.jpg" width="250" height="245"></td>
<td width="169"> <td align="center"></td>
</font></strong><strong><font color="#FF00FF" size="2"></font></strong></div>
<tr>
<td align = "right">
<table width="10" border="1">
<tr>
<td>Qty</td>
<td>Price</td>
<td>Add to Cart</td>
</tr>
<tr>

<td>1</td>
<td>$1.50</td>
<td><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="none">
<input type="hidden" name="item_name" value="none">
<input type="hidden" name="amount" value="$1.50">
<input type="image" src="https://www.paypal.com/images/sc-but-03.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<input type="hidden" name="add" value="1">

</form></td>
</tr>
</table></td>

</TD>
</tr>
</p>

<p>
<tr>
<td colspan="1.5">
<td height="10><td align="right">Harlequin Crest Shako</td>
</tr>

<tr>
<td colspan="1.5">
<td height="199"><a href="#" onclick="window.open('images/shako2.jpg','enlarged_view','toolbar=no,resizable=no,scrollbars=no,width=650,height=750'); return false;"><img src="images/shako.jpg" width="250" height="245"></td>
<td width="169"> <td align="right"></td>
</font></strong><strong><font color="#FF00FF" size="2"></font></strong></div>
<tr>
</tr>
<td colspan=2>
<table width="10" border="0" align="right">
<tr>
<td>Qty</td>
<td>Price</td>
<td>Add To Cart</td>
</tr>
<tr>
<td>1</td>
<td>$1.50</td>
<td><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="none">
<input type="hidden" name="item_name" value="none">
<input type="hidden" name="amount" value="$1.50">
<input type="image" src="https://www.paypal.com/images/sc-but-03.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<input type="hidden" name="add" value="1">

</form></td>
</tr>
</table></td>

</TD>
</tr>
</p>
<tr>
<td width="740" align="right" background="images/pixi_khaki.gif" style="padding-right: 15px; "><br>
<a href="mailto:mattlee09@gmail.com" target="_blank" class="style1"><font face="Arial, Helvetica, sans-serif">Contact Maverick</font></a><br></td>
</tr>
</table>
</center>
</body>
</html>

_Aerospace_Eng_
03-18-2005, 09:23 PM
i took the liberty of recoding your site, using mostly divs and 2 tables, the tables were used for the paypal stuff, here (http://www.inraged-inc.com/helms.zip) is the zip file that contains all of the files you will need, o yeah and instead of your page being 200 lines long its now only 100 lines long, you may want to check out www.htmldog.com and www.w3schools.com so you can understand the CSS somewhat, though its not overly complicated, o and one other thing the page i coded is valid html according to the w3c validator http://validator.w3.org



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum