Aide largeur titre d'un tableau
eric_pierre
-
clé de 12 Messages postés 154 Statut Membre -
clé de 12 Messages postés 154 Statut Membre -
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:
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:
- Aide largeur titre d'un tableau
- Tableau word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
- Trouver un film sans le titre - Télécharger - Divers TV & Vidéo
- Imprimer un tableau excel - Guide
4 réponses
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) :
NB : j'ai viré les print pour tester... (dans une page html).
Mais n'hésites pas à les remettre pour ton code php ...
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 ...
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
<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
