Sujet Précédent Sujet Suivant

Aide largeur titre d'un tableau

Fermé
eric_pierre - 23 janv. 2015 à 11:03
clé de 12 Messages postés 139 Date d'inscription samedi 19 juin 2010 Statut Membre Dernière intervention 3 novembre 2024 - 2 févr. 2015 à 23:51
Bonjour,

J'essaie de faire un tableau qui est compose d'un titre puis de sous bloc contenant des champs mais je n'arrive pas a faire en sorte que la largeur du titre prenne tout le sous bloc pour avoir un bandeau qui va du debut du sous tableau jusqu'a la fin automatiquement.
Quelqu'un pourrait m'aider s'il vous plait voici mon code: 

print "    <table cellspacing=\"0\" cellpading=\"0\" >\n";
print "      <tr  style=\"background-color:#006f8b;\">\n";
print "        	<td valign=\"top\"><b><font color=WHITE>test</font></b>\n";
print "			</td>";
print "		</tr>";
print "      <tr style=\"background-color: #fff;\">\n";
print "        	<td valign=\"top\" style=\"height:97px;\">\n";
print "          	<table cellspacing=\"0\" cellpading=\"0\" >\n";
print "           	 	<tr>\n";
print "              		<td><center><span class=\"sous_titre_coul\">Dossier :</span><br> \n";
print "							<input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center></td>\n";
print "           	 	</tr>\n";
print "         	 </table>\n";
print "        </td>";
print "  <td class=\"espace\"></td>\n";
print "        <td valign=\"top\" style=\"height:97px;\">\n";
print "          <table cellspacing=\"0\" cellpading=\"0\" >\n";
print "            <tr>\n";
print "              <td><center><span class=\"sous_titre_coul\">Nom :</span><br> \n";
print "					<input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center></td>\n";
print "              <td><center><span class=\"sous_titre_coul\">Prenom :</span><br> \n";
print "					<input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center></td>\n";
print "            </tr>\n";
print "          </table>\n";
print "        </td>";
print "  <td class=\"espace\"></td>\n";
print "        <td valign=\"top\" style=\"height:97px;\">\n";
print "          <table cellspacing=\"0\" cellpading=\"0\" >\n";
print "            <tr>\n";
print "              <td><center><span class=\"sous_titre_coul\">telephone :</span><br> \n";
print "					<input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center></td>\n";
print "            </tr>\n";
print "          </table>\n";
print "        </td>";
print "  <td class=\"espace\"></td>\n";
print "        <td valign=\"top\" style=\"height:97px;\">\n";
print "          <table cellspacing=\"0\" cellpading=\"0\" >\n";
print "            <tr>\n";
print "              <td><center><span class=\"sous_titre_coul\">email :</span><br> \n";
print "					<input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center></td>\n";
print "            </tr>\n";
print "          </table>\n";
print "        </td>";
print "  <td class=\"espace\"></td>\n";
print "        <td valign=\"top\" style=\"height:97px;\">\n";
print "          <table cellspacing=\"0\" cellpading=\"0\" >\n";
print "            <tr>\n";
print "              <td><input type='submit' name='ok' value='odddddddddddddddddddddddddd'/></td>\n";
print "            </tr>\n";
print "          </table>\n";
print "        </td>";
print "            </tr>\n";
print "    </table>\n";
A voir également:

4 réponses

Réponse 1 / 4
Mazamazine Messages postés 81 Date d'inscription mercredi 27 février 2008 Statut Membre Dernière intervention 10 février 2015 13
2 févr. 2015 à 18:06
Mais c'est quoi le titre là-dedans? Test?
Je ne vois nulle part la largeurs de définies.
0
Réponse 2 / 4
clé de 12 Messages postés 139 Date d'inscription samedi 19 juin 2010 Statut Membre Dernière intervention 3 novembre 2024 1
2 févr. 2015 à 19:57
Et si tu utilisais un peu de CSS où des % pourraient définir lesdiverses largeurs de tes TD?
0
Mazamazine Messages postés 81 Date d'inscription mercredi 27 février 2008 Statut Membre Dernière intervention 10 février 2015 13
2 févr. 2015 à 20:10
Ah oui là c'est un sacré boxon! Ça mélange le CSS et les attributs... Et ça, ça peut générer des conflits...
0
Réponse 3 / 4
jordane45 Messages postés 38296 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 19 novembre 2024 4 704
2 févr. 2015 à 21:16
Bonsoir,

Un autre de tes soucis... c'est l'utilisation de Table ... dans des tables..... ce n'est carrément pas terrible ...

Testes ceci (uniquement via des TD de ton TABLE principal) : 
    <table cellspacing=\"0\" cellpadding=\"0\" >
      <thead>
       <tr  style=\"background-color:#0FFF8b;\">
         <th valign=\"top\" colspan =\"8\">
		   <b><font color=black>test</font></b>
	  </th>
      </tr>
       </thead>
      <tbody>
      <tr style=\"background-color: #0ff;\">
        <td valign=\"top\" style=\"height:97px;\">
		 <center><span class=\"sous_titre_coul\">Dossier :</span><br>
 		 <input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center>
        </td>
        <td class=\"espace\"></td>
        <td valign=\"top\" style=\"height:97px;\">
         <center><span class=\"sous_titre_coul\">Nom :</span><br>
		 <input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center>
		</td>
        <td valign=\"top\" style=\"height:97px;\">        		
		<center><span class=\"sous_titre_coul\">Prenom :</span><br>
  		 <input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center>
        </td>
    <td class=\"espace\"></td>
    <td valign=\"top\" style=\"height:97px;\">
      <center><span class=\"sous_titre_coul\">telephone :</span><br>
      <input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center>
    </td>
    <td class=\"espace\"></td>
    <td valign=\"top\" style=\"height:97px;\">
     <center><span class=\"sous_titre_coul\">email :</span><br>
	 <input type=\"text\" size=\"19\" name=\"adresse_bien\" id=\"adresse_bien\" ></center>
    </td>
    <td class=\"espace\"></td>
    <td valign=\"top\" style=\"height:97px;\">
     <input type='submit' name='ok' value='odddddddddddddddddddddddddd'/>
    </td>
   </tr>
   </tbody>
  </table>


NB : j'ai viré les print pour tester... (dans une page html).
Mais n'hésites pas à les remettre pour ton code php ...
0
Réponse 4 / 4
clé de 12 Messages postés 139 Date d'inscription samedi 19 juin 2010 Statut Membre Dernière intervention 3 novembre 2024 1
Modifié par clé de 12 le 2/02/2015 à 23:58
tu peux t'inspirer de ceci
<head>
ton CSS
<style type="text/css">
td {
width:25%;
font-family: sans-serif;
border: thin solid #6495ed;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
.largeur
{
width:100%; /*la, tu occupes tout ton écran*/

}
.taille2
{
height:25px; /*hauteur cellule 1*/

color:#00FF66;
}
.taille4
{
height:55px;/*hauteur cellule 2*/
color:#00FF66;
}
/* tu peux modifier fond, couleurs, border, etc... pour chaque choix*/
</style>


</head>
<html>
<body>
<table class='largeur'>
<tr><td class='taille2' colspan='2'>hello</td><td class='taille2' >garde</td><td class='taille2'></td></tr>
<tr><td class='taille2'>hello</td><td class='taille2'>garde</td><td class='taille2'>toi à gauche</td><td></td></tr>
<tr><td class='taille4'>hello</td><td class='taille4'>garde</td><td class='taille4'>toi à gauche</td><td class='taille4'>toi à droite</td></tr>
</table>
j espère que ça t'aidera
0

Discussions similaires

document html
Utilisateur anonyme -
brucine -

1 réponse
Bibliothèque
cosjac85 -
renard bleu -

3 réponses
"Nom de l'adresse" lors d'une inscription sur une site
ScarexStupid -
Rossignol -

9 réponses
Dimensions L x l x H : comment lire ces infos ?
Miss-Curieuse -
valou -

8 réponses