28173 sujets

CSS et mise en forme, CSS3

Mettre en forme un tableau

Bonsoir à tous

comme mon site a été fait au départ avec des tableaux (désolé, je ne connaissais pas alsacreations !) , je voudrais mettre en forme par exemple :

<table width="300" border="0">
<tr>
<td></td>
</tr>
</table>
notamment lui donner une hauteur, une largeur, un fond coloré, et une épaisseur..
comment faire ça ?

dois je travailler sur
table ?
tr ?
td ?
tout refaire mon site ?( y en pour plusieurs jours !)

merci de vos lumières
ben tu dois travailler sur chaque element pour justement mettre en forme tout les element

.table
.td
.tr

etc...

ou creer une class l'appliquer a ton tableau 


.tableau {
attribut : ..... ;
}


mais bon je te conseille de le refaire proprement parceque meme avec une feuille de style ca va etre dur dur de si retrouver Smiley sweatdrop
par exemple j'ai voulu créer une id
sur "table"
et j'ai le commentaire, par exemple avec margin
"margin ne s'applique pas à la sélection, car elle n'est pas héritée.elle s'applique à une balise avec fermeture"...
certes, je comprends
mais la je suis perdu...

je vais boire un verre d'eau fraiche...
bon je me lance !
.cellulestableau1 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	height: 50px;
	width: 100px;
	border: thin solid #000000;
	padding: 50px;
	text-align: center;
	margin: 50px;
	float: Aucune;
}
-->
</style>
</head>

<body class="cellulestableau1">
contenu contenu2 
contenu3


pourquoi
1. les contenus sont les uns sous les autres alors que je les voudrais les uns à coté des autres (comme dans un tableau, quoi ! )
2. ma bordure n'apparait pas ? ( toujours comme dans un tableau, quoi !)
merci de vos lumières !
Petit Scarabee a écrit :
bon je me lance !
.cellulestableau1 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	height: 50px;
	width: 100px;
	border: thin solid #000000;
	padding: 50px;
	text-align: center;
	margin: 50px;
	float: Aucune;
}
-->
</style>
</head>

<body class="cellulestableau1">
contenu contenu2 
contenu3


pourquoi
1. les contenus sont les uns sous les autres alors que je les voudrais les uns à coté des autres (comme dans un tableau, quoi ! )
2. ma bordure n'apparait pas ? ( toujours comme dans un tableau, quoi !)
merci de vos lumières !



donc si tu veux des bloque qui s'aligne tu fais comme ca


<body>
<div class="cellulestableau1">contenu</div> 
<div class="cellulestableau1">contenu</div> 
<div class="cellulestableau1">contenu</div>
</body>


et bien sur tu rajoute la propriété float: left a ton cellulestableau1

voili voilou Smiley confused
Modifié par StyleSho (13 Feb 2006 - 21:50)
Sujet clos
Aller à