Table isn't taking on the set width and height :-(

Associate
Joined
20 May 2007
Posts
441
Hey everyone

Im created an image that i want to use on my web page as a border, ive used a table to align the images to fit together, on my desktop on linux it looks fine, on my mac on firefox 3 it has little gaps between the images.

Ive tried setting all the heights of the table and class but nothing is happen.

the link is http://www.gauntface.co.uk/sites/programs.php any help would be appreciated or if anyone knows why this is happenin

Gaunt
 
im not an expert on css / designy stuff but it looks like font size issues / default font sizes certainly that the inner text is stretching the table cells anyway
 
Can you post up the code?

Is cellspacing set to 0? (in the table properties)
 
yeah cell spacing and cell padding is set to 0, ill have a little play with the font height, but that shouldn't effect it.

Ill post the code a.s.a.p. just played with it last night and mucked up a little bit :)
 
Code:
<table width="800px" align="center" cellspacing="0" cellpadding="0">
    <tr>
        <td height="20px" width="20px">&nbsp;</td>
        <td height="20px" width="40px">&nbsp;</td>
        <td height="20px" width="20px" class="topleft"></td>
        <td height="20px" class="horizontaltop"></td>
        <td height="20px" width="20px" class="topright"></td>
        <td height="20px" width="20px">&nbsp;</td>
        <td height="20px">&nbsp;</td>
        <td height="20px" width="20px">&nbsp;</td>
        <td height="20px">&nbsp;</td>
        <td height="20px" width="20px">&nbsp;</td>
    </tr>
    <tr>
        <td width="20px">&nbsp;</td>
        <td width="40px">&nbsp;</td>
        <td width="20px" class="verticalleft"></td>
        <td width="80px" align="center"><a href="#programDescrip" id="year1" onclick="year1()">Year 1</a></td>
        <td width="20px" class="verticalright"></td>
        <td width="20px">&nbsp;</td>
        <td width="80px" align="center"><a href="#programDescrip" id="year2" onclick="year2()">Year 2</a></td>
        <td width="20px">&nbsp;</td>
        <td>&nbsp;</td>
        <td width="20px">&nbsp;</td>
    </tr>
    <tr>
        <td height="20px" width="20px" class="topleft"></td>
        <td height="20px" width="40px" class="horizontaltop"></td>
        <td height="20px" width="20px" class="bottomright"></td>
        <td height="20px">&nbsp;</td>
        <td height="20px" width="20px" class="bottomleft"></td>
        <td height="20px" class="horizontaltop" colspan="4"></td>
        <td height="20px" width="20px" class="topright"></td>
    </tr>
    <tr>
        <td width="20px" class="verticalleft"></td>
        <td colspan="8">
            <div class="programDescripMenu">
                <li><a href="#programDescrip" id="introCompSci" onclick="introCompSci()">Intro. to Computer Science</a></li>
                <li><a href="#programDescrip" id="introSoftEng" onclick="introSoftEng()">Intro. to Software Engineering</a></li>
                <li><a href="#programDescrip" id="compArch" onclick="compArch()">Computer Architecture</a></li>
                <li><a href="#programDescrip" id="hiTec" onclick="hiTec()">HiTec Enterprises</a></li>
                <li><a href="#programDescrip" id="introAcc" onclick="introAcc()">Intro. to Accounting</a></li>
            </div>
            <div id="programDescripContent">
            </div>
        </td>
        <td width="20px" class="verticalright"></td>
    </tr>
    <tr>
        <td height="20px" width="20px" class="bottomleft"></td>
        <td height="20px" class="horizontalbottom" colspan="8"></td>
        <td height="20px" width="20px" class="bottomright"></td>
    </tr>
</table>

That is the table code, the classes of topleft, topright, bottomleft, bottom right are all images of 20 x 20 px and the horizontal and vertical are images of 1 x 20 px and 20 x 1 px that are repeated the whole cell left, and im just having problem with some browsers not joing the table celss together perfectly and some browsers doing it.

Anyone have any ideas why?

Edit : Just put up some screenshots it Working and one of it not working
 
Last edited:
Back
Top Bottom