IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

alignement image dans tableau [HTML 4.0]


Sujet :

HTML

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2009
    Messages
    17
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2009
    Messages : 17
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 ?

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    103
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 103
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    <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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  3. #3
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    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)...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. insérer lien sur image dans tableau
    Par Stéph utilisateur d'acces dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 09/01/2009, 19h05
  2. [phpToPDF] Insertion image dans tableau PDF
    Par kanabzh29 dans le forum Bibliothèques et frameworks
    Réponses: 4
    Dernier message: 17/09/2008, 08h29
  3. images dans tableau
    Par hynposat7 dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 9
    Dernier message: 01/09/2008, 21h18
  4. Insertion image dans tableau
    Par tidoc dans le forum VB.NET
    Réponses: 2
    Dernier message: 30/07/2007, 11h28
  5. Image dans tableau
    Par Tor_XIII dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 28/09/2006, 18h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo