Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Html Table Alignment

    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 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

  • #2
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Maverick3698
    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 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?

  • #3
    Regular Coder
    Join Date
    Nov 2003
    Location
    Vancouver Island Canada
    Posts
    139
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    Code:
    <!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>

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    i took the liberty of recoding your site, using mostly divs and 2 tables, the tables were used for the paypal stuff, here 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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •