• 0

Need help with tables!

Asked by trenzterra,

 Share

Question

Mentor

trenzterra

Posted
Posted

Hi, I am trying to make a HTML table with this layout:

------------------------------------
|                                  |
------------------------------------
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
|         |                |      |
-----------------------------------

But currently it refuses to do so... What did I do wrong? My code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>


      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
      <meta name="GENERATOR" content="Arachnophilia 4.0">
      <meta name="FORMATTER" content="Arachnophilia 4.0">
<meta name="keywords" content="smilies, smiley, emoticon">
<meta name="description" content="A database of graphical emoticons/smilies for use on message boards, websites etc">
<title>TrenzSmilies: Smiley Database: Angry</title>
<STYLE type="text/css">
A:link {
	COLOR: #0000cd; TEXT-DECORATION: none; background-color: transparent
}
A:visited {
	COLOR: #0000cd; TEXT-DECORATION: none; background-color: transparent
}
A:active {
	COLOR: #000080; TEXT-DECORATION: none; background-color: transparent
}
A:hover {
COLOR: #000080; TEXT-DECORATION: underline; background-color: transparent; font-size: 9pt
}
</STYLE>




</head>
  <body text="#000000" bgcolor="#f4f4f4">

<script type="text/javascript" language="javascript">
<!--
function taction() {
location=document.pform.Cat.options[document.pform.Cat.selectedIndex].value
}
function taction2() {
location=document.pform2.Cat2.options[document.pform2.Cat2.selectedIndex].value
}
-->
</script>


<center></center>

      <table bgcolor="#000000" cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
         <tr>
            <td>
               <table cellspacing="1" cellpadding="2" border="0" align="center" width="

100%">
                  <tr>
                     <td align="center" width="100%" bgcolor="#f2f2f2">
              <img src="/logo.jpg" alt="Smile with us :)">
                     </td>
                  </tr>
               </table>
            </td>
         </tr>
      </table>
<img src="/spacer.gif" alt="spacer"><br>
<table bgcolor="#000000" cellspacing="0" cellpadding="0" border="0" align="left" width="20%">
         <tr>
            <td>
               <table cellspacing="1" cellpadding="6" border="0" align="left" width="100%">
                  <tr>
                     <td align="center" width="100%" bgcolor="#f2f2f2">
                        <font face="verdana">

                           <font size="2">
                              <b>Navigation</b>
                           </font>
                           <font style="font-size: 8.5pt">
                              <br>
                              <br>
                              <br>
<!--#include virtual="/nav.html"-->

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





      <table bgcolor="#000000" cellspacing="0" cellpadding="0" border="0" align="left" style="width: 69.8%">
         <tr>
            <td>
               <table cellspacing="1" cellpadding="3" border="0" align="left" width="100%">
                  <tr>
                     <td align="left" width="100%" bgcolor="#f2f2f2">
                        <center>
                           

                              <font size="2" face="verdana">
                                 <b>Smiley Database: Angry</b>
                              </font><br><br>
</center><font face="verdana" style="font-size: 8.5pt">
To save a smiley, right click on the smiley, and click Save Target As. <br><br>
</font>



<center><form method="post" action="blah" name="pform"><font face="verdana" size="2">Category jump: <SELECT NAME="Cat" SIZE

="1"><!--#include virtual="/smilies/oform.html"--><input type="button" value="Go" onClick="taction()"><br><br>Current 

Category: <b>Angry</b></font></form></center>
 <table bgcolor="#000000" cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
         <tr>
            <td>
               <table cellspacing="1" cellpadding="3" border="0" align="center" width="100%">
                  <tr>

                     <td width="20%" bgcolor="#B0C4DE">
<font size="2" face="verdana" color="#000000"><b>Smiley</b></font>
</td>
<td width="30%" bgcolor="#B0C4DE">
<font size="2" face="verdana" color="#000000"><b>Author</b></font>
</td>
<td width="50%" bgcolor="#B0C4DE">
<font size="2" face="verdana" color="#000000"><b>Description</b></font>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000"><img src="images/a1.gif" alt=""></font></td>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000">trenzterra</font></td>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000">From not-so-happy to angry smiley.</font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000"><img src="images/a2.gif" alt=""></font></td>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000">trenzterra</font></td>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000">Very angry smiley from green small mouth pack.</font></

td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000"><img src="images/a3.gif" alt=""></font></td>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000">trenzterra</font></td>
<td bgcolor="#FFFFFF"><font size="2" face="verdana" color="#000000">Unhappy smiley from green small mouth pack.</font></td>
</tr>

</table></td></tr></table>
<center><form method="post" action="blah" name="pform2"><font face="verdana" size="2">Category jump: <SELECT NAME="Cat2" 

SIZE="1"><!--#include virtual="/smilies/oform.html"--><input type="button" value="Go" onClick="taction2()"><br><br>
Page 1<br><br>
<!--#include virtual="pg.html"--></font></form></center><br>




<hr style="height:1px; color: black; background: black; border: none">
<center><font style="font-size: 8.5pt" face="verdana"><font size="1">Hosted by <a href="http://wynhost.com">WynHost</a>.</

font><br><!--#include virtual="/affiliates.html"--></font></center>






                     </td>
                  </tr>
               </table>
            </td>
         </tr>
      </table>
<table bgcolor="#000000" cellspacing="0" cellpadding="0" border="0" align="left" width="20%">
         <tr>
            <td>
               <table cellspacing="1" cellpadding="6" border="0" align="left" width="100%">
                  <tr>
                     <td align="center" width="100%" bgcolor="#f2f2f2">
                        <font face="verdana">

                           <font size="2">
                              <b>Navigation</b>
                           </font>
                           <font style="font-size: 8.5pt">
                              <br>
                              <br>
                              <br>
<!--#include virtual="/nav.html"-->

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






   







</body>
</html>

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0
Mentor

seethru

Posted
Posted

holy wow that looks a lot more complicated than it has to be. To get something like what you want this is really all you'd have to type.

<TABLE>
     <TR>
          <TD COLSPAN="3">HEADER CONTENT BLAG BLAHSABDFLASDF</td>
     </tr>
     <TR>
          <TD WIDTH="WIDTHGOESHERE">CONTENT HERE</td>
          <TD WIDTH="WIDTHGOESHERE">CONTENT HERE</td>
          <TD WIDTH="WIDTHGOESHERE">CONTENT HERE</td>
     </tr>
</table>

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.