Bonjour, j'ai suivi le tutoriel concernant la galerie photo, il fonctionne très bien partout sauf sur IE5.5.
Mon site étant destiné à l'Afrique, j'en ai un peu besoin.
Bref, mes vignettes sont par groupe de 4 ensuite elles reviennent à la ligne, sauf sou IE5.5 où cela forme une ligne compléte, pas possible de les remettre à la ligne.
la gallerie
le css
juste pour voir le site en question
http://aob-events.com/index.html
et le résultat sous IE5.5
en gros je sèche, c'est certainement un truc tout con mais pas moyen de trouver
merci d'avance pour votre aide
Mon site étant destiné à l'Afrique, j'en ai un peu besoin.
Bref, mes vignettes sont par groupe de 4 ensuite elles reviennent à la ligne, sauf sou IE5.5 où cela forme une ligne compléte, pas possible de les remettre à la ligne.
la gallerie
<div id="galerie">
<dl id="photo">
<dt><p></dt>
<dd><img id="big_pict" src="images/scene1.jpg" alt="Photo 1 en taille normale" /></dd>
</dl>
</div>
<div id="mini_img">
<ul id="galerie_mini">
<li><a href="images/scene1.jpg" ><img src="images/minis/m_scene1.gif" alt="photo 1" /></a></li>
<li><a href="images/scene2.jpg" ><img src="images/minis/m_scene2.gif" alt="photo 2" /></a></li>
<li><a href="images/scene3.jpg" ><img src="images/minis/m_scene3.gif" alt="photo 3" /></a></li>
<li><a href="images/scene4.jpg" ><img src="images/minis/m_scene4.gif" alt="photo 4" /></a></li>
<li><a href="images/scene5.jpg" ><img src="images/minis/m_scene5.gif" alt="photo 5" /></a></li>
<li><a href="images/scene6.jpg" ><img src="images/minis/m_scene6.gif" alt="photo 6" /></a></li>
<li><a href="images/scene7.jpg" ><img src="images/minis/m_scene7.gif" alt="photo 7" /></a></li>
<li><a href="images/scene8.jpg" ><img src="images/minis/m_scene8.gif" alt="photo 8" /></a></li>
</ul>
</div>
</div>
</div>
le css
div#galerie
{
width: 340px ;
padding: 5px ;
text-align: center ;
font: 0.9em Georgia, serif ;
}
#mini_img
{
width: 320px;
height: auto;
margin-left: 35px;
}
ul#galerie_mini
{
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}
ul#galerie_mini li
{
float: left;
display: inline;
}
ul#galerie_mini li a img
{
margin: 2px 1px;
float: left;
display: inline;
border: 0px;
}
dl#photo
{
clear: both ;
margin: 0 auto ;
}
dl#photo dt
{
font: italic 2.5em/1.5em Georgia, serif ;
color: #FFFFFF;
}
dl#photo dd
{
margin: 0 ;
}
dl#photo img
{
border: 1px solid #000 ;
}
juste pour voir le site en question
http://aob-events.com/index.html
et le résultat sous IE5.5

en gros je sèche, c'est certainement un truc tout con mais pas moyen de trouver
merci d'avance pour votre aide