28173 sujets

CSS et mise en forme, CSS3

Salut à tous,

J'ai un problème pour aligner le contenu d'un div. J'ai un text-align: center; mais ça n'aligne que le texte (et pas mon tableau) comme on peut se douter...

Pour centrer TOUT le contenu, quelle est l'instruction?

Merci. Smiley cligne
Modifié par Pogo (24 Apr 2007 - 00:03)
edit:
oops j'avais mal lu...

si ton tableau est dans une div qui a une largeur fixe, tu le positionnes avec les marges latérales.

si tu donnais un lien et/ou un bout de code ce serait plus simple de t'aider Smiley cligne
Modifié par nico. (22 Apr 2007 - 20:25)
Salut,

[EDIT: mal compris]

Il suffit de placer le tableau dans un conteneur et de le definir ainsi le css :


#div {
text-align: center; }

#conteneur {
margin: auto auto; }

Modifié par tOtolotistE (22 Apr 2007 - 20:29)
J'ai ça:
<h2>Bienvenue sur Saltimbass!</h2>
<?
//instructions PHP
?>
<a href='index.php?page=dates'><h3>Prochains rendez-vous</h3></a>
<table border='1'><tr class='first'><td>Date</td><td>Ville</td><td>Sujet</td></tr>

<?
//Instruction php générant les lignes du tableau
while (odbc_fetch_into($reponse,$ligne))
	{
	print "<tr><td>".$ligne[1]."</td><td>".$ligne[3]."</td><td>".$ligne[2]."</td></tr>";
	}
?>
</table>

Cette page d'accueil est chargé dans la une <div class="affich">


.affich
{
	margin-left: 10px;
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
	height: 360px;
	margin-left: 150px;
	text-align: center;
}


Je dois faire?
<h2>Bienvenue sur Saltimbass!</h2>
<?
//instructions PHP
?>
<a href='index.php?page=dates'><h3>Prochains rendez-vous</h3></a>
<div class="conteneurTab">
	<table border='1'><tr class='first'><td>Date</td><td>Ville</td><td>Sujet</td></tr>

<?
//Instruction php générant les lignes du tableau
while (odbc_fetch_into($reponse,$ligne))
	{
	print "<tr><td>".$ligne[1]."</td><td>".$ligne[3]."</td><td>".$ligne[2]."</td></tr>";
	}
?>
	</table>
</div>



.affich
{
	margin-left: 10px;
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
	height: 360px;
	margin-left: 150px;
	text-align: center;
}

.conteneurTab
{
margin: auto auto;
}


Si c'est le cas, ça ne marche pas... Smiley bawling
Modifié par Pogo (22 Apr 2007 - 20:45)
Administrateur
Hello et bienvenue,

Le tutoriel nommé "Comment centrer les éléments en CSS" va répondre à toutes tes questions.

Bonne lecture et bon apprentissage Smiley cligne