[HTML/CSS] Construire un tableau
varfendell
Messages postés
3259
Date d'inscription
Statut
Membre
Dernière intervention
-
varfendell Messages postés 3259 Date d'inscription Statut Membre Dernière intervention -
varfendell Messages postés 3259 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila, j'ai construit un tableau mais je n'arrive pas a fixer la largeur des cellules.
Voici mon fichier HTML (simplifié):
Et mon fichier CSS:
Je souhaite que mon tableau soit compatible pour IE et firefox.
Il faudrais diviser par deux la taille du tableau. Cependant l'attribut width ne marchant pas....je ne voit pas quelles options s'offrent à moi.
Voila, j'ai construit un tableau mais je n'arrive pas a fixer la largeur des cellules.
Voici mon fichier HTML (simplifié):
<table id="table_saisie"> <tr id="month_colonne"> <td colspan="3" class="sans_bordure">test</td> <td colspan="8" class="mois">test</td> <td colspan="8" class="mois">test</td> <td colspan="8" class="mois">test</td> </tr> <tr id="title_colonne"> <td class="vertical tailleGrand">Collaborateur</td> <td class="vertical tailleMoyen">N°-d'agence</td> <td class="vertical taillePetit">TJM-en-euro</td> <td class="vertical taillePetit">Consommation</td> <td class="vertical taillePetit">Production</td> <td class="vertical taillePetit">Autresprojets</td> <td class="vertical taillePetit">Formation</td> <td class="vertical taillePetit">Congéspayésetponts</td> <td class="vertical taillePetit">RTTH</td> <td class="vertical taillePetit">RTTC</td> <td class="vertical taillePetit">Autresabscences</td> <td class="vertical taillePetit">Consommation</td> <td class="vertical taillePetit">Production</td> <td class="vertical taillePetit">Autresprojets</td> <td class="vertical taillePetit">Formation</td> <td class="vertical taillePetit">Congéspayésetponts</td> <td class="vertical taillePetit">RTTH</td> <td class="vertical taillePetit">RTTC</td> <td class="vertical taillePetit">Autresabscences</td> <td class="vertical taillePetit">Consommation</td> <td class="vertical taillePetit">Production</td> <td class="vertical taillePetit">Autresprojets</td> <td class="vertical taillePetit">Formation</td> <td class="vertical taillePetit">Congéspayésetponts</td> <td class="vertical taillePetit">RTTH</td> <td class="vertical taillePetit">RTTC</td> <td class="vertical taillePetit">Autresabscences</td> </tr id="collaborateur_colonne"> </table>
Et mon fichier CSS:
#table_saisie
{
border:none;
border-collapse: collapse;
}
#month_colonne
{
border: 1px solid;
text-align: center;
}
.sans_bordure
{
border: none;
}
.mois
{
border: 1px solid;
}
#title_colonne
{
border: 1px solid;
}
.vertical {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
filter: progid : DXImageTransform.Microsoft.BasicImage ( rotation = 3 );
border: 1px solid;
height: 200px;
}
.tailleGrand
{
}
.tailleMoyen
{
}
.taillePetit
{
}
Je souhaite que mon tableau soit compatible pour IE et firefox.
Il faudrais diviser par deux la taille du tableau. Cependant l'attribut width ne marchant pas....je ne voit pas quelles options s'offrent à moi.
A voir également:
- [HTML/CSS] Construire un tableau
- Tableau word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
- Imprimer un tableau excel - Guide
- Tableau croisé dynamique - Guide
Mon projet est un projet web Java/J2EE, le code HTML se trouve dans des jsp, j'utilise un serveur tomcat, un SVN, une BDD mySQL, Maven, et plein d'autre plugin encore.