Bonjour,
Dans une page html, j'ai ce tableau, je veux que le mot "Accueil" soit en heut de la cellule mais elle se retrouve au milieu, pourquoi ?
Voir la page sur le lien suivant:
http://www.oricom.ca/laguns97/probleme.html

Merci ! c'est le code de mon tableau en bas.




<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="775" HEIGHT="575">
<TR>
<TD ROWSPAN="10" COLSPAN="1" WIDTH="527" HEIGHT="428" background="background_texte.png">
Accueil</TD>

</TR>
</table>

Je vois qu'il y a une fusion de 10 rangées, mais où sont les autres «tr» et «td»? Y a-t-il d'autres rangées et (ou) colonnes? Si une seule cellule est nécessaire, pourquoi ne pas avoir simplement créer un table avec une seule cellule ou encore mieux un «DIV» et du CSS?

De plus, le colspan est inutile lorsqu'il y a un rowspan. C'est l'un ou l'autre. Il n'est pas nécessaire d'indiquer les deux.

Pour afficher le mot «Accueil» en haut à gauche, il faut
1. utiliser «align="left" valign="top"» ou
2. utiliser le CSS

«height» n'est pas un attribut du tag «table». Par conséquent, il ne doit pas s'y trouver. Pour établir la hauteur du tableau entier, le CSS est recommandé.

«background» n'est pas un attribut du tag «td». Il ne peut être utiliser qu'à l'intérieur du tag «body». Le CSS est de mise ici.

_________________
EinsteinBQAT, Membre des forums Micro.Info
Étudiant à temps plein à l'Université de Montréal en doctorat en médecine dentaire (DMD).
PowerBook 17" WS- 1,5 GHz PowerPC G4 - 2 GB DDR SDRAM - Mac OS X 10.4.x (Tiger) - ATI Mobility Radeon 9700 128 MB DDR
iPod 3G - 20 GB

Désolé, oui il y avait d'autre rangées/lignes, voici en entier



<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="775" HEIGHT="575">

<TR>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="239" HEIGHT="134">
<IMG NAME="logo" SRC="images/logo.png" WIDTH="239" HEIGHT="134" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="536" HEIGHT="134">
<IMG NAME="image_resto" SRC="images/image_resto.png" WIDTH="536" HEIGHT="134" BORDER="0"></TD>
<TD WIDTH="1" HEIGHT="134">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="134" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="2" COLSPAN="2" WIDTH="248" HEIGHT="45">
<IMG NAME="haut_menu" SRC="images/haut_menu.png" WIDTH="248" HEIGHT="45" BORDER="0"></TD>
<TD ROWSPAN="1" COLSPAN="1" WIDTH="527" HEIGHT="13">
<IMG NAME="background_annonce" SRC="images/background_annonce.png" WIDTH="527" HEIGHT="13" BORDER="0"></TD>
<TD WIDTH="1" HEIGHT="13">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="13" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="10" COLSPAN="1" WIDTH="527" HEIGHT="428" background="images/background_texte.png">
Accueil</TD>
<TD WIDTH="1" HEIGHT="32">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="32" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="41">
<a href="accueil/index.htm" onMouseover="img_act('accueil');" onMouseout="img_inact('accueil')"><IMG NAME="accueil" SRC="images/accueil_off.png" WIDTH="248" HEIGHT="41" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="41">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="41" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="40">
<a href="menu/index.htm" onMouseover="img_act('menu');" onMouseout="img_inact('menu')"><IMG NAME="menu" SRC="images/menu_off.png" WIDTH="248" HEIGHT="40" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="40">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="40" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="40">
<a href="tablehote/index.htm" onMouseover="img_act('tablehote');" onMouseout="img_inact('tablehote')"><IMG NAME="tablehote" SRC="images/tablehote_off.png" WIDTH="248" HEIGHT="40" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="40">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="40" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="40">
<a href="vin/index.htm" onMouseover="img_act('vin');" onMouseout="img_inact('vin')"><IMG NAME="vin" SRC="images/vin_off.png" WIDTH="248" HEIGHT="40" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="40">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="40" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="47">
<a href="groupes/index.htm" onMouseover="img_act('groupes');" onMouseout="img_inact('groupes')"><IMG NAME="groupes" SRC="images/groupes_off.png" WIDTH="248" HEIGHT="47" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="47">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="47" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="41">
<a href="speciaux/index.htm" onMouseover="img_act('speciaux');" onMouseout="img_inact('speciaux')"><IMG NAME="speciaux" SRC="images/speciaux_off.png" WIDTH="248" HEIGHT="41" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="41">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="41" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="49">
<a href="localisation/index.htm" onMouseover="img_act('localisation');" onMouseout="img_inact('localisation')"><IMG NAME="localisation" SRC="images/localisation_off.png" WIDTH="248" HEIGHT="49" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="49">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="49" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="43">
<a href="rejoindre/index.htm" onMouseover="img_act('rejoindre');" onMouseout="img_inact('rejoindre')"><IMG NAME="rejoindre" SRC="images/rejoindre_off.png" WIDTH="248" HEIGHT="43" BORDER="0"></a></TD>
<TD WIDTH="1" HEIGHT="43">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="43" BORDER="0"></TD>
</TR>

<TR>
<TD ROWSPAN="1" COLSPAN="2" WIDTH="248" HEIGHT="55">
<IMG NAME="bas_menu" SRC="images/bas_menu.png" WIDTH="248" HEIGHT="55" BORDER="0"></TD>
<TD WIDTH="1" HEIGHT="55">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="1" HEIGHT="55" BORDER="0"></TD>
</TR>

<TR>
<TD WIDTH="239" HEIGHT="1">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="239" HEIGHT="1" BORDER="0"></TD>
<TD WIDTH="9" HEIGHT="1">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="9" HEIGHT="1" BORDER="0"></TD>
<TD WIDTH="527" HEIGHT="1">
<IMG NAME="blank" SRC="images/blank.gif" WIDTH="527" HEIGHT="1" BORDER="0"></TD>
</TR>
</TABLE>

merci, le valign top fait la job !

Le CSS pourrait notamment te faire économiser beaucoup de temps, enlever l'utilisation des tableaus et enlever les JS que tu utilises en onMouseOver/onMouseOut.

_________________
EinsteinBQAT, Membre des forums Micro.Info
Étudiant à temps plein à l'Université de Montréal en doctorat en médecine dentaire (DMD).
PowerBook 17" WS- 1,5 GHz PowerPC G4 - 2 GB DDR SDRAM - Mac OS X 10.4.x (Tiger) - ATI Mobility Radeon 9700 128 MB DDR
iPod 3G - 20 GB