28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je voudrais que ce tableau apparaisse comme un tableau de 3 lignes...c'est a dire que les bordures exterieures du tableau interieur soient confondues avec les bordures de la cellule dans laquelle il se trouve....un peu embrouillé mais c'est exactement ce que je veux dire !

<table border=1 style="margin=0px; padding:0px;" width=100% heigth=100%>
	<tr>
		<td>
			<table style="margin=0px; padding:0px;" width="100%" border=1>
				<tr><td>1&nbsp;</td></tr>
				<tr><td>2&nbsp;</td></tr>
				<tr><td>3&nbsp;</td></tr>
			</table>
		</td>
	</tr>
	</table>


J'y arrive po !
Sauf erreur, pour joindre complètement les bords, il faut spécifier cellpadding="0" et cellspacing="0" directement dans le code html.
Bonjour,

@Nicolas,

Pas mal mais non....les bordures interieures et exterieures sont collés mais pas fusionnées...j'utilise de plus l'attribut "border: 2px solid black" dans ma css ca me fais donc une bordure de 4px...beurk ! En plus ca s'etire bien en largeur mais pas en hauteur snif (hé oui ce n'est qu'une cellule d'un gros tableau) !!!

@Hermann

Merci pour le conseil mais je peux pas faire autrement sans faire tres tres compliqué...
bonjour a tous,
j'utilise une méthode simple pour enlever tout formatage en css aux tableaux:

/* j'enlève tout d'abord les écarts */
table{
border-spacing: 0;
border-collapse: collapse;
}
/* puis le padding dans les td */
td{
padding:0;
}

Ca permet d'avoir un tableau sans espace et de faire des bordures toutes belles


EDIT: oups appuis sur entrée
Modifié par otterman (18 Sep 2007 - 16:27)
wep le border collapse c pas mal

bon j'ai utilisé un artifice avec le

style="border-top:none;border-bottom:none;"

Je suis pas fier mais bon je me fais moins chier allez allez je suis excusé j'ai plein d'autres problemes et je lance un autre topic sur le page-break-after....hummmm !!!!