[HTML 4.0] alignement image dans tableau

alignement image dans tableau

bonjour j'ai réaliser un tableau en html et dans ce tableau j'ai des chexbox suivi de texte pius d'une icones: donc je voudrais obtenir cecu

checkbox... text... icone
checkbox... text... icone
checkbox... text... icone

je voudrais pouvoir aligner mes chexbox entre elle et mes icones

voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<table cellspacing="0" border="0">
  	<tr>
      <td><a href="http://xxxxxx" target="_blank" title="xxx"><img alt="Logo xxx" src="../../fichiers/....gif" title="xxx" style="border-width:0px" /></a></td>
      <td align=right><img alt="Titre " src="../../fichiers/....gif" title="Titre du site" style="border-width:0px" /></td>
    </tr>
    <tr><td colspan="0"><img src="../../fichiers/ligne_horizontale.gif" alt="ligne horizontale" /></td></tr>
    <tr><td colspan="2">
 
      <form name="info" action="gis_fiche.aspx" method="get" target="_blank">
        <input type="hidden" name="coord" value="" />
        <input type="hidden" name="list" value="" />
        <input type="hidden" name="scale" value="" />
        <table cellspacing="0" style="text-align:center" class="clean" border="0">
          <tr>
          <p > <center> <b style=" FONT-SIZE: 18px; COLOR: #0066b1; FONT-FAMILY: Arial, Helvetica, sans-serif;">Module A </b> </p>
            <td class="clean"><div id="navigationButtonBar"><a href="javascript:reLoad2();"><img alt="Vue initiale" src="../../fichiers/img_barre_outils.jpg" height="27" style="border-width:0px" /></a></div></td>
            <td class="clean"><center><a href="javascript:retourPagePrec()">Page précédente</a></center></td>
 
            <td class="clean"><center><a href="siges_modemploi.html">Mode&nbsp;d'emploi</a></center></td>
          </tr>
          <tr>
            <td width="550" colspan="2" valign="top">
           <img src="../../fichiers/img_carto_1.jpg" alt="cartographie" border="solid black 2 px" >
              <div id="mainMapPane"></div>
              <div id="loading2" style="position: relative; top:-400px;"></div>
            </td>
            <td width="450" valign="top" >
                                             <b> couche de la carte </b>
                <!--Module -->
 
			  <div id="legend" style="width:630px; height:260px; overflow:auto; border:solid 1px width; ">
<INPUT TYPE="CHECKBOx"' NAME="nomdelacase" VALUE="valeurdelacase">  Nom de la couche <img src="../../fichiers/legend_icon.gif"><br></tr>
<tr><INPUT TYPE="CHECKBOx"' NAME="nomdelacase" VALUE="valeurdelacase"><tr> Nom de la couche <img src="../../fichiers/legend_icon.gif"><tr><br><br><br>
 
 
 
			  <INPUT TYPE="CHECKBOx"' NAME="nomdelacase" VALUE="valeurdelacase">Limites de communes <img src="../../fichiers/legend_icon.gif"><br>
			   <INPUT TYPE="CHECKBOx"' NAME="nomdelacase" VALUE="valeurdelacase">Limite départements MPY<img src="../../fichiers/legend_icon.gif"><br>
			    <INPUT TYPE="CHECKBOx"' NAME="nomdelacase" VALUE="valeurdelacase">Limite région MPY<img src="../../fichiers/legend_icon.gif"><br>
			  <INPUT TYPE="CHECKBOx"' NAME="nomdelacase" VALUE="valeurdelacase">Fonds de cartes IGN <img src="../../fichiers/legend_icon.gif"><br>
 
 
	<br><center>	
		              catalogue <br>
 
			    <div id="catalogLegend" style="width:430px; height:300px; overflow:auto;">
			  	  Nom de la couche <img src="../../fichiers/addProvider.gif"><br>
			    Nom de la couche <img src="../../fichiers/addProvider.gif"><br>
 
              </div>
            </td>
          </tr>
        </table>
      </form>
    </td></tr>
  </table>

pouvez vous m'aider ?

Bonjour,

Avant toutes choses, il est très important que tu penses à indenter correctement ton code et à vérifier les ouvertures/fermetures de balises.
Dans ton code, je trouve la ligne suivante :

Code:

<tr><INPUT TYPE="CHECKBOx"' NAME="nomdelacase" VALUE="valeurdelacase"><tr> Nom de la couche <img src="../../fichiers/legend_icon.gif"><tr><br><br><br>

Tu ouvres 3 fois à la suite un <TR>, ce qui est syntaxiquement incorrect. Chaque navigateur interprètera ça à sa sauce.

Rappel :
<TABLE> indique qu'on veut créer un tableau
<TR> indique qu'on va créer un nouvelle ligne dans le tableau
<TD> indique qu'on va créer une cellule dans la ligne.
Il faut systématiquement fermer la dernière balise ouverte. L'indentation te permet de bien voir où tu en es dans ton code.
Code:

1 2 3 4 5 6 7 8 9 10 <TABLE> <TR> <TD>ligne 1 - cellule 1</TD> <TD>ligne 1 - cellule 2</TD> </TR> <TR> <TD>ligne 2 - cellule 1</TD> <TD>ligne 2 - cellule 2</TD> </TR> </TABLE>
Pourras tu reposter ton code quand tu l'auras correctement nettoyé ?
Stéphanie

Et indiquer aussi le DocType que tu utilises... ;)

On dirait un mix de HTML & de XHTML (la syntaxe n'est pas la même en de multiples points)...