bonjour,
le code de base de spiky est bon mais pour faire passer les images a droite les unes au dessus des autres il te faut aussi avoir recours au float( ou les passer toutes en display:block; !?):
<div id ="conteneur-image"> <imgclass="un"src="image1.gif"alt="#"/> <imgclass="deux"src="image2.gif"alt="#"/> <imgclass="trois"src="image3.gif"alt="#"/> <imgclass="cat"src="image4.gif"alt="#"/> </div>
en reprenant le css de spiky et en le surchargeant un peu.
#conteneur-image { /* a toi de positionner le conteneur de tes images ou tu veut sur ta page de façon a les contenir dans une zone precise et eviter qu'elles aillent/s'ecartent jusquau bords de la page */ width:/*largeur de image 1 + image 2 ou 3 ou 4 + eventuellement les marges */; /* position:absolute; *//* dans le cas ou les clear interfere avec d'autre elements de la page */ }
img { display: block; } .un { float:left; /* ajouter les marges pour les decoller eventuellement */ } .deux { float:right; /* ajouter les marges pour les decoller eventuellement */ } .trois { float:right; clear:right;/* pour passer sous l'autre */ /* ajouter les marges pour les decoller eventuellement */ } .cat { float:right; clear:right;/* pour passer sous l'autre */ /* ajouter les marges pour les decoller eventuellement */ }
a partir de la je pense que tu as une base qui va te permettre d'arriver a obtenir ce que tu veut.
(Je suis un eternel etourdi et j'ai peut-etre omis un truc, n'hesite pas a reposter si tu rencontre un bug ou souci).
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui