centrer un divau centre de la page
Posté : 27 sept. 2009, 17:49
Bonjour,
Je n'arrive pas à centrer un div au centre de la page.
Voici mon code:
Voici mon css:
Merci de votre aide
Je n'arrive pas à centrer un div au centre de la page.
Voici mon code:
$contenu = '<div id="galerie">';
$contenu .= '<dl id="photo"><dt>Titre de la photo 1</dt><dd><img id="big_pict" src="images\tata\black_flower_1.jpg" alt="Photo 1 en taille normale" /></dd></dl>';
$contenu .= '<ul id="galerie_mini">';
$contenu .= '<li><a href="images\tata\black_flower_1.jpg" title="Titre de la photo 1"><img src="images\tata\black_flower_1.jpg" width="100" border="no" alt="Le titre de la photo 1" /></a></li>';
$contenu .= '<li><a href="images\tata\black_flower_2.jpg" title="Titre de la photo 2"><img src="images\tata\black_flower_2.jpg" width="100" border="no" alt="Le titre de la photo 2" /></a></li>';
$contenu .= '<li><a href="images\tata\black_flower_3.jpg" title="Titre de la photo 3"><img src="images\tata\black_flower_3.jpg" width="100" border="no" alt="Le titre de la photo 3" /></a></li>';
$contenu .= '<li><a href="images\tata\black_flower_4.jpg" title="Titre de la photo 4"><img src="images\tata\black_flower_4.jpg" width="100" border="no" alt="Le titre de la photo 4" /></a></li>';
$contenu .= '<li><a href="images\tata\black_flower_5.jpg" title="Titre de la photo 5"><img src="images\tata\black_flower_5.jpg" width="100" border="no" alt="Le titre de la photo 5" /></a></li>';
$contenu .= '</ul></div>';
Voici mon css:
Code : Tout sélectionner
#galerie
{
width: 800px ;
background: #eed ;
border: 1px solid #dcb ;
padding: 15px ;
margin: 15px 30px ;
font: 0.9em Georgia, serif ;
}
ul#galerie_mini
{
text-align: center ;
margin: 10 ;
padding-right: 10 ;
list-style: none;
}
ul#galerie_mini li
{
display:inline;
}
ul#galerie_mini li a
{
margin: 2px 1px ;
border: 1px solid #dcb ;
}
dl#photo
{
text-align:center;
clear: both ;
margin: 0 auto ;
}
dl#photo dt
{
font: italic 2.5em/1.5em Georgia, serif ;
color: #dcb ;
}
dl#photo dd
{
margin: 0 ;
}
dl#photo img
{
text-align:center;
border: 1px solid #dcb ;
} Merci de votre aide