HTML Problem: Tables

Bear-Max · 22-02-2007, 09:06 PM

Hey guys,

I'm making a website at the moment with *gasp* tables. I've been told it's stupid and I should use CSS but alas I don't know much of it. Anyways I was coding fine and the site looked fine in Firefox, but when I opened up in IE7 the tables were skewed (and for no obvious reason).

You might also be happy to know you're getting a sneak preview at something I wasn't planning to show anyone until I opened the site.

Code:

<html>


<head>

<title>Habloomberg</title>

<style type="text/css">
            
            body   {font-family: verdana;
                    color: #000000;
            padding: 0;
            margin: 0;}

            td     {font-size: 8pt;
            font-weight: bold;
            padding: 0;}

            .table {top: 190px;
                    left: 190px;
                position: absolute;
            padding: 0;
            margin: 0;}

        .top   {align:left;
                top: 0px;
                    left: 0px;
                position: absolute;}


         </style>

</head>



<body background="images/backgrounds/bglight.gif">

<div class="top">

<img left="0px" border="0px" valign="top" src="images/banner1.gif">

</div>

<div class="table">

<table background="images/backgrounds/bgdark.gif" cellpadding="0" cellspacing="0" width="536">



    <tr height="14">
        <td width="16"  height="14" colspan="1"></td>
        <td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/normal.gif"></td>
        <td width="32"  height="14" colspan="2"></td>
        <td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/hc.gif"></td>
        <td width="32"  height="14" colspan="1"></td>
        <td width="102" height="14" colspan="2"><img width="102" height="14" src="Images/buttons/seasonal.gif"></td>
        <td width="32"  height="14" colspan="1"></td>
        <td width="102" height="14" colspan="3"><img width="102" height="14" src="Images/buttons/super.gif"></td>
        <td width="16"  height="14" colspan="1"></td>
    </tr>



    <tr height="40">
        <td colspan="1" width="16"></td>
        <td colspan="1" width="42"></td>
        <td colspan="1" width="60"></td>
        <td colspan="1" width="25"></td>
        <td colspan="1" width="7"></td>
        <td colspan="1" width="65"></td>
        <td colspan="1" width="37"></td>
        <td colspan="1" width="32"></td>
        <td colspan="1" width="58"></td>
        <td colspan="1" width="44"></td>
        <td colspan="1" width="32"></td>
        <td colspan="1" width="9"></td>
        <td colspan="1" width="72"></td>
        <td colspan="1" width="21"></td>
        <td colspan="1" width="16"></td>
    </tr>



    <tr>
        <td width="58" height="37" colspan="2" rowspan="5"><img width="58" height="37" src="Images/table/furnibase.gif"></td>
        <td width="85" height="37" colspan="2" rowspan="5"><img width="85" height="37" src="Images/table/buyingselling.gif"></td>
        <td width="72" height="1"  colspan="2" rowspan="1" bgcolor="#000000"></td>
        <td width="37" height="37" colspan="1" rowspan="5"><img width="37" height="37" src="Images/table/changeup.gif"></td>
        <td width="32" height="37" colspan="1" rowspan="5"></td>
        <td width="58" height="37" colspan="1" rowspan="5"><img width="58" height="37" src="Images/table/furnibase.gif"></td>
        <td width="85" height="37" colspan="3" rowspan="5"><img width="85" height="37" src="Images/table/buyingselling.gif"></td>
        <td width="72" height="1"  colspan="1" rowspan="1" bgcolor="#000000"></td>
        <td width="37" height="37" colspan="2" rowspan="5"><img width="37" height="37" src="Images/table/changedown.gif"></td>
    </tr>

    <tr>
        <td width="72" height="17" colspan="2" rowspan="1" bgcolor="#007C3F">16.4 HC</td>
        <td width="72" height="17" colspan="1" rowspan="1" bgcolor="#007C3F">16.4 HC</td>
    </tr>

    <tr>
        <td width="72" height="1"  colspan="2" rowspan="1" bgcolor="#000000"></td>
        <td width="72" height="1"  colspan="1" rowspan="1" bgcolor="#000000"></td>
    </tr>
                
    <tr>
        <td width="72" height="17" colspan="2" rowspan="1" bgcolor="#0078A2">17.0 HC</td>
        <td width="72" height="17" colspan="1" rowspan="1" bgcolor="#0078A2">17.0 HC</td>
    </tr>

    <tr>
        <td width="72" height="1"  colspan="2" rowspan="1" bgcolor="#000000"></td>
        <td width="72" height="1"  colspan="1" rowspan="1" bgcolor="#000000"></td>
    </tr>



    <tr>
        <td height="20" width="100&#37;" colspan="15"></td>
    </tr>






</table>

</div>

</body>


<html>

It's messy... I know

Thanks, any useful help will be repped.

Lysine · 22-02-2007, 09:07 PM

Offtopic ; What font did you use on your banner?

ontopic ; i dont know sorry.

Bear-Max · 22-02-2007, 09:20 PM

Volter Goldfish (bolded). It's the font Habbo uses in the client

Bear-Max · 23-02-2007, 03:44 PM

Please close thread

Bear-Max · 24-02-2007, 06:42 PM

Can a mod PLEASE close and delete the image link.

Thank you.

Edited by Mattps22004 (Forum Moderator): Please do not triple post.

Thread: HTML Problem: Tables

Thread Tools

HTML Problem: Tables

Posting Permissions