28217 sujets

CSS et mise en forme, CSS3

[resolu]Probleme padding et <td>

Bonjour,

j'aurai juste une petite question, voila j'utilise un tableau composé de 2 colonnes de largeur fixe (dont une en couleur, c'est pour ca que je n'ai pas utilisé de balise div car leur hauteur varie). J'ai defini un padding de 10px pour chaque colonne et je ne comprend pas pourquoi la largeur des colonnes est modifiée:

voici mon code:
	<table cellspacing="0" cellpadding="0" class="general">
	<tr>
		<!-- Colonne de Gauche -->
		<td class="gauche">	
		-
		</td>
		<td class="droite">
		-
		</td>
	</tr>
	</table>


et la definition des styles:

table.general{
width:605px;
border:0;
padding:0;
margin:0;
border-top:1px solid #000000;
}
td.gauche{
width:431px;
height:344px;
border:0;
border-left:1px solid #000000;
padding:10px;
margin:0;
vertical-align:top;
}
td.droite{
width:174px; 
height:344px;
background-color:#CCFFCC; 
border:0; 
border-left:1px solid #000000;
padding:10px;
margin:0;
vertical-align:top;
}


Smiley confus si quelqu'un à une idée!!!!!!
MERCI
Salut,

Ton but est bien d'avoir la première colonne à 431px? (exprime toi mieux)

Si OUI:

<style>
	table, tr ,td { margin: 0px; padding: 0px; border: 0px; border-collapse: collapse }
	.fond { border-left: 1px solid #000000; padding: 10px; vertical-align: top }
	.general { width: 605px; border-top: 1px solid #000000 }
	.gauche { width: 411px; height: 344px }
	.droite{ background-color: #CCFFCC }
</style>

<table class="general">
	<tr>
		<!-- Colonne de Gauche -->
		<td class="gauche fond">
			-
		</td>
		<td class="droite fond">
			-
		</td>
	</tr>
</table>

Quand tu met un padding cela t'agrandi ta colonne donc tu dois la diminuer de la même dimension

Si NON:

reformule ta demande Smiley cligne

PS si quelqu'un à une autre manière je suis aussi preneur Smiley biggrin
oui c'etait bien ca, merci . en fait quand on defini width il faut déduire les padding et les bordures. Mais ca me paraissait pas logique car pading c la marge interne d'un element....... Smiley confus mais bon j'ai modifié comme ca tant pis!!!

Merci!!!!!!
Modifié le 02 Feb 2005 - 17:46
Sujet clos
Aller à