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 :

PB Html tableaux


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    81
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 81
    Par défaut PB Html tableaux
    Salut tout le monde,

    j'ai un probleme dans l'affiche des cellule fusionnées d'un tableaux
    je vous envoie le 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
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
     
     
    <META NAME="Author" LANG="fr" CONTENT="Yannick CASCIARI"> 
    <META NAME="Publisher" CONTENT="Bia DIFFUSION"> 
    <META NAME="Reply-to" CONTENT="bia.diffusion@wanadoo.fr (Bia DIFFUSION)"> 
    <META NAME="Description" CONTENT="Bia Diffusion, entreprise située à Cernay dans le Haut Rhin. Spécialiste depuis plus de 15 ans dans le domaine de la sécurité des machines en entreprises">
    <META NAME="keywords" content="bia, diffusion , bircher,rose krieger, hoerbiger, origa, schmersal, phoenix-mécano, mitsubishi, datasensor, barrières de sécurité, interrupteur de sécurité, patlite, aso, radar, datalogic, atex, balluff, sick, numatics ">
    <META NAME="Indentifier-URL" CONTENT="http://perso.wanadoo.fr/bia.diffusion"> 
    <META NAME="Copyright" CONTENT="© 2006 Bia Diffusion"> 
    <META NAME="Generator" CONTENT="Bloc note, Frontpage 4.0, "> 
    <META NAME="Date" CONTENT="Mon, 01Juin 2006 08:00:00"> 
    <META NAME="Robots" CONTENT="All"> 
    <META NAME="Revisit-after" CONTENT="15"> 
    </head>
     
     
    <body background="site bia/back.gif">
    <h1><p align="center"><b><u>DEMANDE DE DOCUMENTATION<u></b></p></h1>
    <p align="center"><font size ="4"><b>Les champs marqués d'un<font color="red"> * </font>  sont obligatoires</b></font></p>
     
    				<!-- Début du formulaire-->
     
    <FORM NAME="Documentation" ACTION="mailto:bia.diffusion@wanadoo.fr" METHOD="post" ENCTYPE="text/plain"> 
     
    				<!-- Ici commence le tableau -->
    <table border >
    				<!-- Première ligne du tableau-->
    <tr>
    	<td width=40%><font color="black"> Nom <font color="red"> *</font></td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Deuxième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Prénom <font color="red"> *</font></td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Troisième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Société <font color="red"> *</font></td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!--Quatrième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Adresse <font color="red"> *</font></td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Cinquième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Code Postal <font color="red"> *</font></td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Sixième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Ville <font color="red"> *</font></td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Septième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Département </td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Huitième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Pays </td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Neuvième ligne du tableau-->
     
    <tr>
    	<td width=40%><font color="black">Adresse E-mail <font color="red"> *</font></td>
    	<td><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
    				<!-- Dixième ligne du tableau-->
     
    <tr>
    	<td width=40% rowspan=2 ><font color="black">Merci de bien vouloir m'adresser la doc. suivante : </td>
    	<td width =10% colspan=2>texte 1</td> <td width=20%>texte2</td>
    </tr>
    			<tr><td width=10% colspan=2>texte 3</td>
    				<td width=20%>texte4</td>
     
    			</tr>
     
    </form>
    </body>
    </html>
    Je n'arriver pas a ce que les textes 3 et 4 s'alignent bien en dessous du
    reste..
    Si quelqu'un pouvait m'aider.
    Merci d'avance

    stan314

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Alors j'ai revu le code entièrement et j'ai quelques petites remarques :
    -> Une ouverture de balise inclus obligatoirement une fermeture
    -> Pour ce qui est des attributs style width et etc penses à mettre les valeurs entre "
    -> Un border d'un tableau s'écrit ainsi : border="0" (si aucune bordure) et border="1" (si bordure)
    -> Pour aligner deux cellules sous une seule il faut rajouter un colspan="2" sur la cellule
    D'où le code suivant :
    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
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    <body background="site bia/back.gif">
    <h1><p align="center"><b><u>DEMANDE DE DOCUMENTATION</u></b></p></h1>
    <p align="center"><font size ="4"><b>Les champs marqués d'un<font style="color:red"> * </font>  sont obligatoires</b></font></p>
     
                    <!-- Début du formulaire-->
     
    <FORM NAME="Documentation" ACTION="mailto:bia.diffusion@wanadoo.fr" METHOD="post" ENCTYPE="text/plain"> 
     
                    <!-- Ici commence le tableau -->
    <table>
                    <!-- Première ligne du tableau-->
    <tr>
        <td width="40%"><font style="color:black"> Nom </font><font style="color:red"> *</font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Deuxième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Prénom </font><font style="color:red"> *</font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Troisième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Société </font><font style="color:red"> *</font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!--Quatrième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Adresse </font><font style="color:red"> *</font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Cinquième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Code Postal </font><font style="color:red"> *</font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Sixième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Ville </font><font style="color:red"> *</font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Septième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Département </font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Huitième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Pays </font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Neuvième ligne du tableau-->
     
    <tr>
        <td width="40%"><font style="color:black">Adresse E-mail </font><font style="color:red"> *</font></td>
        <td colspan="2"><INPUT TYPE="text" NAME="Nom" SIZE="50" MAXLENGTH="60" ></td>
    </tr>
     
                    <!-- Dixième ligne du tableau-->
     
    <tr>
        <td width="40%" rowspan="2" ><font style="color:black">Merci de bien vouloir m'adresser la doc. suivante : </font></td>
        <td width="10%">texte 1</td> <td width="20%">texte2</td>
    </tr>
                <tr><td width="10%">texte 3</td>
                    <td width="20%">texte4</td>
     
                </tr>
            </table>
    </form>
    </body>
    La mise en forme et tout le reste je te laisse faire

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    81
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 81
    Par défaut Merci
    Je voulais te remercier pout ta réponse, ca m'a beaucoup aider.
    Je ne comprend pas trop encore comme gérer les pourcentages...
    Par ex si je veux que la première colonne soit plus petite comment je dois réduire mon pourcentage ?
    J'ai essayer ma ca ne fonctionne pas très bien...

    Encore merci

    stan314

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Alors pour fixer une taille au colonne il faut que tu fixes déjà une taille à ton tableau. Ensuite les % tu les mets comme tu veux.

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

Discussions similaires

  1. HTML tableaux complexes
    Par Valenten dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 13/08/2007, 15h55
  2. Html, tableaux et formulaires.
    Par Clorish dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 08/06/2007, 23h00
  3. [HTML] Tableaux Ancre en haut et bas de page
    Par codez dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/03/2006, 14h35
  4. [HTML] Tableaux cote a cote
    Par sg-40 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 08/06/2005, 13h30
  5. [HTML] Tableaux sur toute une page
    Par tails dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 12/04/2005, 12h29

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