HTMLHelp Forums > Tables Help Needed

HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)

MudMike

Oct 7 2009, 03:57 PM

Ok so first I'd like to say I am new to HTML coding and website stuff. I am studying in college ( I live in Quebec, Canada so College is between High School and University ) in computer programming.
I have to make a website as a first project in my web class. I do not have the right to use CSS (I haven't seen it yet anyways). The site is in french (the language we speak in my city.) So here's the problem: I made a table as the layout of the whole site. Every pages have the same table. There are menu buttons (which are in the table) on the left side of the website. Here's the code for one of the tables:

CODE

<table>
    <tr>
        <td width="100" height="50" valign="top"><a href="../Accueil.htm"><img src="../Images/Accueil.png"></a></td>


        <td rowspan="4" width="900" align="center" valign="top">
        
       <p><img src="../Images/WOPD.jpg" width="500" height="500"></p>
        <font size="+3">Winds Of Plague</font>
        <hr>
        
        <img src="../Images/WOPband.jpg" align="left">
<p>Le groupe <b>Winds Of Plague</b> a été formé en 2002 mais la parution de leur premier album s'est fait en 2005.Ils ont vraiment connu leur popularité avec l'album <b>Decimate The Weak</b>, paru en 2008. La chanson du même nom, est leur oeuvre la plus connue. Ils ont aussi tout récemment sorti l'album <b>The Great Stone War</b> qui est beacoup plus mélodique que les deux autres albums. L' album est en fait un album concepte, racontant l'histoire de la fin de la civilisation, se terminant par un combat ultime. Un des faits frappants du groupe est que l' un des membres est une femme. Certains affirment que cette dame est une bonne publicité pour le groupe car selon l'opinion de plusieurs, elle est très jolie.</p>
<hr>
<font size="+2">Extrait Musical de <b>Decimate The Weak</b></font>

<script type="text/javascript" src="swfobject.js"></script>

<div id="flashPlayer" align="right">
  SVP, Activer le controle ActiveX</div>

<script type="text/javascript">
   var so = new SWFObject("playerSingle.swf", "mymovie", "192", "67", "7", "#FFFFFF");
   so.addVariable("autoPlay", "no");
   so.addVariable("soundPath", "../Music/WOPEXTRAIT.mp3");
   so.write("flashPlayer");
</script>


<br>
<br>
<hr>

<p><font size="+2" align="center">Membres du groupe</font>


<p><img src="../Images/WOPMembers1.jpg" align="center"><img src="../Images/WOPMembers2.jpg" align="center"></p>

<p>Dernière Mise-à-Jour le 7 Octobre 2009</p>

      </td>


  </tr>
    <tr>
        <td width="100" height="50" valign="top"><a href="../Liens.htm"><img src="../Images/Liens.png"></a></td>
    </tr>
    <tr>
        <td width="100" height="50" valign="top"><a href="../Alphabetique.htm"><img src="../Images/Liste.png"></a></td>
      </tr>
    <tr>
        
        <td width="100"> </td>
    </tr>
</table>

In Firefox , everything looks fine but in IE, the menu buttons ( "Accueil.png" , "Liens.png" and "Liste.png" ) auto rezise themself even if I have specified a Height for the cell.
This creates unwanted space between each menu buttons and I'd like to fix it because the default browser at my school is Internet Explorer so the teacher will probably evaluate me using this browser. By the way, the teacher didn't show us DOCTYPE and stuff like that, I know I have to use it but I simply know nothing about it. She said the only thing we needed to put at the top of the page is

CODE

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Description" content="Accueil de North America Wreckords">
<meta name="Keywords" content="North America Wreckords, ">
<meta name="Author" content="Michaël Ferland">

Please tell me if you need more informations I am pretty new to the computer world so I might have forgotten something!

pandy

Oct 8 2009, 04:45 AM

When you say the menu buttons auto-resize, do you mean that the cells resize rather than that the images do? A URL would be nice so we can see what happens.

pandy

Oct 8 2009, 04:51 AM

I think you do. You could make the table simpler. You don't need a new row for each button. A simple two column table (2 cells only) would be enough, at least for what you have now.

MudMike

Oct 8 2009, 07:55 AM

QUOTE(pandy @ Oct 8 2009, 05:45 AM)

I think you do. You could make the table simpler. You don't need a new row for each button. I simple two column table (2 cells only) would be enough, at least for what you have now.

Brilliant, should have tought about it. Thanks a lot you just saved me a lot of time

pandy

Oct 8 2009, 08:19 AM

Sorry for the typos.

My brain is faster than my fingers.

Hope you teacher lets you move to CSS soon. Tables for layout is one thing, but to still use tags like FONT today, that's a little too old to even be taught, me thinks. It should be mentioned as a parenthesis...

MudMike

Oct 9 2009, 12:26 PM

Yeah well she was there to show us the basics but she is leaving after she corrects the project. We're going to have a new teacher afterwards and we're suppose to move on css so it's a good thing I guess

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.