Bonjour
J'essaie de faire un tableau (largeur 600 px) de 3 cellules en hauteur avec images en bords arrondis en haut et en bas
J’ai un problème de largeur de cellule centrale qui déborde par rapport aux autres éléments sous Firefox, (sous IE tout va bien)
Je reéalise ca avec SPIP !
J’ai essayé de mettre le code td style=width: 600px dans mon css (dans les premiers lignes .article), la largeur s'initie bien à 600px (toujours dans Firefox) , mais après ce rajout de code j'ai un décalage en hauteur assez important entre la cellule haute et la cellule centrale ,
Par contre la cellule basse elle est bien, accolée à la centrale..
http://velaux.net/essai/
Quelqu’un (e) a t’il (elle) la solution ? car je pense qu'il manque un élément dans le css
Merci D'avance Juan
======================
voici le code des 3 cellules ci dessous
Modifié par Juan13 (27 Feb 2006 - 18:37)
J'essaie de faire un tableau (largeur 600 px) de 3 cellules en hauteur avec images en bords arrondis en haut et en bas
J’ai un problème de largeur de cellule centrale qui déborde par rapport aux autres éléments sous Firefox, (sous IE tout va bien)
Je reéalise ca avec SPIP !
J’ai essayé de mettre le code td style=width: 600px dans mon css (dans les premiers lignes .article), la largeur s'initie bien à 600px (toujours dans Firefox) , mais après ce rajout de code j'ai un décalage en hauteur assez important entre la cellule haute et la cellule centrale ,
Par contre la cellule basse elle est bien, accolée à la centrale..
http://velaux.net/essai/
Quelqu’un (e) a t’il (elle) la solution ? car je pense qu'il manque un élément dans le css
Merci D'avance Juan
======================
voici le code des 3 cellules ci dessous
/* main: article -------------------------------------- */
.article1{ /* la cellule du haut /*
padding: 0px 0px 0px 0px;
text-align: justify;
line-height: 110%;
color: navy;
background-image: url(../interface/haut.gif);
background-position: left;
background-repeat: no-repeat;
}
.article { /* la cellule du centre /*
/* J’ai essayé de mettre le code ici td style=width: 600px et j'ai un decalage en hauteur ( FireFox), je perds aussi mes fonctions padding /*
padding: 1px 10px 1px 10px;
text-align: justify;
line-height: 120%;
font-family: Trebuchet, Arial, Helvetica, sans-serif;
font-size: 12px;
color: navy;
background-image: url(../interface/centre.gif);
}
.article2{ /* la cellule du bas /*
padding: 0px 0px 0px 0px;
text-align: justify;
line-height: 110%;
color: navy;
background-image: url(../interface/bas.gif);
background-position: left;
n;
background-repeat: no-repeat;
}
Modifié par Juan13 (27 Feb 2006 - 18:37)