Bonjour,
Je me creuse la tete depuis quelques jours, je refond mon site en xhtml.
J'ai pris le gabarit 3 colonnes, jusque là pas de problème.
Fier de moi, je me lances dans le div du contenu et là dommage, le contenu se met juste en dessous de mon div contenu. Quand j'enleves la commande float:left le contenu est à l'intérieur.
Voici la partie du code:
style.css
Si vous pouviez m'aider, j'ai bientot plus de cheveux
Merci
Luc
Modifié par luc91 (18 Apr 2007 - 17:48)
Je me creuse la tete depuis quelques jours, je refond mon site en xhtml.
J'ai pris le gabarit 3 colonnes, jusque là pas de problème.
Fier de moi, je me lances dans le div du contenu et là dommage, le contenu se met juste en dessous de mon div contenu. Quand j'enleves la commande float:left le contenu est à l'intérieur.
Voici la partie du code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<link rel="stylesheet" type="text/css" href="/v2/inc/templates/style.css" media="screen" />
</head>
....
<div id=contenu_galerie>
<dl class="gallery">
<dt><img src="flower.jpg" alt=""></dt>
<dt>Ici le titre</dt>
<dd>Ici la description</dd>
</dl>
<dl class="gallery">
<dt><img src="flower.jpg" alt=""></dt>
<dt>Ici le titre</dt>
<dd>Ici la description</dd>
</dl>
</div>
....
style.css
#contenu_galerie
{
margin-left: 155px;
margin-right: 155px;
margin-top: 5px;
border:2px solid #6666cc;
background-color: white;
}
dl.gallery
{
border: 2px solid #6666cc;
background-color: #FFFFFF;
width: 102px;
text-align: center;
padding: 5px;
margin-right: 5px;
float: left;
}
.gallery dt { font-weight: bold; }
.gallery dt img
{
border: 1px solid #000;
width: 100px;
height: 100px;
}
.gallery dd
{
margin: 0;
padding: 0;
}
Si vous pouviez m'aider, j'ai bientot plus de cheveux
Merci
Luc
Modifié par luc91 (18 Apr 2007 - 17:48)
