28172 sujets

CSS et mise en forme, CSS3

Bonjour tous voila j'ai un soucis j'ai mis en place un mini slide sur mon blog mais voila le jquery fonctionne très bien mais c'est au niveau du positionnement des images le site

voici le Html:
<section id="domainesExpertises">
<div class="current"></div>
<div><a href="http://www.ong-centrafrique.org/wp-content/uploads/2013/04/tantine.jpg"><img class="alignnone size-full wp-image-209" alt="tantine" src="http://localhost/wordpress/wp-content/uploads/2013/04/tantine.jpg" width="1012" height="250" /></a><a href="http://www.ong-centrafrique.org/wp-content/uploads/2013/04/tonton.jpg"><img class="alignnone size-full wp-image-210" alt="tonton" src="http://localhost/wordpress/wp-content/uploads/2013/04/tonton.jpg" width="1012" height="250" /></a></div>
</section>


ainsi que le css:
.domaines p {
    padding-left: 3.9%;
    text-align: justify;
}
.domaines, #domainesExpertises {
    clear: both;
    float: left;
    margin: 0 auto 3em;
    padding-left: 3.9%;
    position: relative;
}
#domainesExpertises {
    clear: left;
    height: 250px;
    margin: 2em auto;
    width: 1012px;
}
#domainesExpertises div {
    position: absolute;
    z-index: 0;
}
#domainesExpertises div.previous {
    z-index: 1;
}
#domainesExpertises div.current {
    z-index: 2;
}


Voila j'ai remis les images à jours:elles étaient pas visible
Modifié par Kincaid (27 Apr 2013 - 18:31)