28172 sujets

CSS et mise en forme, CSS3

Bonjour
Voilà j'ai un petit soucis avec mon code
j'ai une div defile avec a l'interieur une div image (sur lequel se trouve un jquery de viewer d'image)
mon probleme vient du positionnement des images je les ai un peu descendu de 15px pour qu'elles ne touchent pas le haut de la boite mais le probleme c'est que ca me crée un fond blanc de 15px qui me cache mon image de fond.
je mets uen piece jointe pour ce que ce soit plus clair.


    <div id="defile">
        <div id="lesimages">
        <img src="images/img1.jpg"/>
        <img src="images/img2.jpg" />
        <img src="images/img3.jpg" />
        <img src="images/img4.jpg" />
        </div>    
    </div>


#defile {
	background-image: url(images/fond_defile.gif);
	height: 270px;
	width: 967px;
	margin: 0 auto;
}
#lesimages {
	height: 221px;
	width: 913px;
	margin: 0 auto;
	padding:  0;

}
#lesimages img {  
    padding: 15px 0 0 0;   
    top:  0; 
    left: 0 
} 
upload/18943-fond.jpg



Merci
Nadege
Modifié par Nad21 (06 Dec 2009 - 12:51)
bonjour,

il serait probablement plus facile de placé cette marge interieur haute sur le conteneur #defile en readaptant sa hauteur selon le modele de boite de rendu.

GC