mon image dépasse de mon tableau

Bonjour,

je vous explique mon problème:
-j'ai un tableau html qui est centré dans ma page
-dans la 1ère cellule en haut à gauche: j'ai une image qui s'affiche en background et un menu déroulant par dessus
-le problème c'est que bizarrement juste en dessous de cette cellule, le haut de cette meme image apparait(ce qui crée un décalage avec la cellule à coté)
je vous montre mon code de ma cellule:

<! <table width="100%" height="100%" align="center" valign="middle">
<tr><td align="center" valign="middle">
<table width="730" border="0" cellspacing="0" cellpadding="0" height="420">
<tr align="left" valign="top">
<td align="left" valign="top">
<table width="730" border="0" cellspacing="0" cellpadding="0" height="33">
<tr align="left" valign="top">

<td width="200" height="33" align="right" background="media/home_menubar_L.gif">
// ma cellule
<div id="Menulayer" style="position:relative"> // mon menu
<form name="p2fr" action="http://www.paris.com/cgi-bin/menu.cgi" method="get" target="_top">
<select name="select" size="1" onChange="submit();">
<option value="somm" selected>Sommaire </option>
<option value="histfr">Histoire </option>
<option value="batfr">Bateaux </option>
<option value="maxfr">Restaurants</option>
<option value="residfr">Résidence </option>
<option value="parfumfr">La beauté</option>
<option value="eng">English </option>
</select>
<input type="submit" value="GO" name="submitButtonName">
</form>
</div>
</td> !>

merci d'avance

Donne une url pour voir ! :D

Salut,

2 problèmes possibles:

1 - si tu utilises ms Explorer et que le background de ta cellule ce répète c'est que la hauteur de cette cellule est trop grande. Il faut qu'elle soit identique à la hauteur de l'image en background.

2 - si tu utilise Netscape ou FireFox ton image va se répéter dans toutes les cellules alors voici un truc : Lien

p.s. les images en background d'une table donns des résultats pas trop jolie quand on passe d'un navigateur à un autre...

jf

Aussi,

Pour ne pas que l'image se répète même si la cellule est plus grande change cette ligne :

<td width="200" height="33" align="right" background="media/home_menubar_L.gif">

pour :
<td width="200" height="33" align="right" background="media/home_menubar_L.gif" style="background-repeat: no-repeat;">

Elle ne se répètera plus.

jf

g insérer style="background-repeat: no-repeat;" et aussi style="margin: 0;" dans ma balise form
ça fonctionne, mon image ne se répète plus
par contre, entre la 1ère ligne du haut de mon tableau et la seconde il y a une ligne de blanc de 5mm un peu près