Basic HTML problem...

Discussion in 'OT Technology' started by Funky Munky, Jan 13, 2005.

  1. Funky Munky

    Funky Munky Chronic Masturbator OT Supporter

    Joined:
    Oct 5, 2003
    Messages:
    14,551
    Likes Received:
    0
    Location:
    OT
    I don't know if this goes here or not but whatever.

    I am doing first year HTML and for our assignment we have to make a basic website about a training facility (college, whatever) so I decided to do an IT based training college.

    Anyway I am making the layout of my webpage in an invisible table like style to keep it all in order and not get messy. However I can't seem to find the code to insert a table cell in the main area of the page (right of the links and below the heading). I will post the code I have already used and can someone tell me the exact code and where to place it in the HTML coding.

    [​IMG]


    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body>
    <table width="800" height="600" cellspacing="1" cellpadding="2" border="0">
    <tr>
    <td width="200" td length="180"><img src="logo.gif" alt="" width="163" height="159" border="0"></td>
    <td colspan="3"><font face="Verdana" color="#FF0000"><div align="center"><font size="+2"><strong>Shannon Institute Of Technology</strong></font></div></font></td>
    </tr>
    <tr>
    <td width="200"><br><br><br><font face="Verdana" color="#FF0000"><strong><font size="-1">Certificate in Financial Services and e-Business</font></strong></font><br><br></td>
    <td rowspan="5" colspan="3" width="600"></td>
    </tr>
    <tr>
    <td width="200"><font face="Verdana" color="#FF0000"><strong><font size="-1">Certificate in Information Technology</font></strong></font><br><br></td>
    </tr>
    <tr>
    <td width="200"><font face="Verdana" color="#FF0000"><strong><font size="-1">Certificate in Information Processing</font></strong></font><br><br></td>
    </tr>
    <tr>
    <td width="200"><br><br><div align="center"><img src="crestsmall.gif" alt="" width="90" height="103" border="0"></div></td>
    </tr>
    <tr>
    <td width="200"><br><br><br><div align="center"><img src="email.jpg" width="137" height="67" alt=""><br><font face="Verdana" color="#FF0000"><strong><font size="-1">E-Mail Us!</font></strong></font></div></td>
    </tr>
    </table>
     
     
    </body>
    </html>
     
  2. Rommel

    Rommel friends forever

    Joined:
    Jul 31, 2001
    Messages:
    36,867
    Likes Received:
    0
    Location:
    /yourself now
    no css?
     
  3. P07r0457

    P07r0457 New Member

    Joined:
    Sep 20, 2004
    Messages:
    28,491
    Likes Received:
    0
    Location:
    Southern Oregon
    css has proven to be way more trouble than it's worth to me. Interesting concept, looks great on paper, but with basically everything the w3 sticks their hands into, they completely miss the delivery.
     
  4. P07r0457

    P07r0457 New Member

    Joined:
    Sep 20, 2004
    Messages:
    28,491
    Likes Received:
    0
    Location:
    Southern Oregon
    [​IMG]

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled</title>
    </head>
    <body>
    <table width="800" height="600" cellspacing="1" cellpadding="2" border="0">
    <tr>
    <td width="200" td length="180"><img src="logo.gif" alt="" width="163" height="159" border="0"></td>
    <td colspan="3"><font face="Verdana" color="#FF0000"><div align="center"><font size="+2"><strong>Shannon Institute Of Technology</strong></font></div></font></td>
    </tr>
    <tr>
    <td width="200" valign='top'><font face="Verdana" color="#FF0000"><strong><font size="-1">Certificate in Financial Services and e-Business</font></strong></font></td>
    <td rowspan="5" colspan="3" width="600" valign='top'>asdf asdf asdf asdf asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf  asdf asdf asdf </td>
    </tr>
    <tr>
    <td width="200" valign='top'><font face="Verdana" color="#FF0000"><strong><font size="-1">Certificate in Information Technology</font></strong></font></td>
    </tr>
    <tr>
    <td width="200" valign='top'><font face="Verdana" color="#FF0000"><strong><font size="-1">Certificate in Information Processing</font></strong></font></td>
    </tr>
    <tr>
    <td width="200" valign='top'>  <div align="center"><img src="crestsmall.gif" alt="" width="90" height="103" border="0"></div></td>
    </tr>
    <tr>
    <td width="200" valign='top'>  <div align="center"><img src="email.jpg" width="137" height="67" alt=""><br><font face="Verdana" color="#FF0000"><strong><font size="-1">E-Mail Us!</font></strong></font></div></td>
    </tr>
    </table>
     
     
    </body>
    </html>
     
  5. WERUreo

    WERUreo Imua!

    Joined:
    Oct 15, 2003
    Messages:
    566
    Likes Received:
    0
    Location:
    Daytona Beach, Florida
    I like CSS. Yeah, it's a pain in the ass, but this is coming from someone who's done most every website without it. It's been hard for me to convert to using more CSS, but I haven't given up on it yet.

    For Rommel, though, CSS isn't necessary for what he's trying to accomplish. Yeah, I'm one to say that it's better for someone just learning web design to start using CSS early. But, seeing as how this is a basic HTML class, CSS thrown in here would be a little much.

    As for the problem, you already had the table cell defined there. However, if you don't put something between the TD tags (like jollyogre did), you won't actually see the cell. For example, if you had defined a border for the table, the border would look raised compared to the actual cells. However, that area below the logo would have all been raised. Usually, if I intend on having a blank cell in my table, I'll throw in a non-breaking space (&nbsp; ). That way, there is something in the cell.

    Another thing I noticed... You've got the second column of your table set to colspan="3". You really don't need that. That whole table only has two columns anyway. The only reason you would need the colspan="3" would be if you intended for one of those rows to have more than two columns. Keeping that colspan="3" in there is asking for trouble later.
     
  6. Penguin Man

    Penguin Man Protect Your Digital Liberties

    Joined:
    Apr 27, 2002
    Messages:
    21,696
    Likes Received:
    0
    Location:
    Edmonton, AB
    I can't do a website using entirely CSS yet, mostly because of compatibility problems between browsers, but I do use it for all my formatting. It simplifies things a lot in terms of fonts and things because I can store all that information in a central CSS file and then just edit that if my client wants changes.
     
  7. JasonS

    JasonS New Member

    Joined:
    Aug 16, 2004
    Messages:
    778
    Likes Received:
    0
    Location:
    Winnipeg, Manitoba, Canada
    I usually use some CSS in my webpages. It helps for having a global color/style for fonts, borders, etc...but doing tables and stuff is difficult.
     
  8. Rommel

    Rommel friends forever

    Joined:
    Jul 31, 2001
    Messages:
    36,867
    Likes Received:
    0
    Location:
    /yourself now
    i actually started doing it the normal way and then i converted most of it to css, which was when i had to figure out all the bugs etc. Which arnt necessarily hard, its just annoying, it would be nice if i could automate that kinda of crap with a script, unfortunateley i need to learn how to write the damn script :hsugh:

    maybe a project for the future
     
  9. Funky Munky

    Funky Munky Chronic Masturbator OT Supporter

    Joined:
    Oct 5, 2003
    Messages:
    14,551
    Likes Received:
    0
    Location:
    OT
    :rofl:

    I am doing BASIC html coding.

    I have been doing it for only 3 months. Never done HTML before.

    CSS? :rofl:
     
  10. Penguin Man

    Penguin Man Protect Your Digital Liberties

    Joined:
    Apr 27, 2002
    Messages:
    21,696
    Likes Received:
    0
    Location:
    Edmonton, AB
    If you've never done it before, you're at an advantage for learning CSS. Those of us who started doing it before CSS was invented are still stuck to our old ways, you should be starting out doing things the correct, modern way rather than the old-fashioned way.
     
  11. P07r0457

    P07r0457 New Member

    Joined:
    Sep 20, 2004
    Messages:
    28,491
    Likes Received:
    0
    Location:
    Southern Oregon
    :werd:
     
  12. barnold999

    barnold999 New Member

    Joined:
    Jul 8, 2003
    Messages:
    243
    Likes Received:
    0
    Location:
    TX
    While your at it, learn some server side scripting, I recomend PHP... also do everything with XHTML standards... etc. Oh and you do need Java Script... Stick with learning HTML now and after you mastered HTML, then start in on CSS, then learn java script, then learn PHP.... (or ASP if you want me to hate you)
     
  13. P07r0457

    P07r0457 New Member

    Joined:
    Sep 20, 2004
    Messages:
    28,491
    Likes Received:
    0
    Location:
    Southern Oregon
    forget javascript... it's crap. Most of the times people use it I just end up pissed off. I always try to find a way NOT to use it.
     
  14. Penguin Man

    Penguin Man Protect Your Digital Liberties

    Joined:
    Apr 27, 2002
    Messages:
    21,696
    Likes Received:
    0
    Location:
    Edmonton, AB
    :werd: I very rarely use JavaScript these days. It doesn't really serve much purpose.
     

Share This Page