28173 sujets

CSS et mise en forme, CSS3

Espacement variable entre images

Bonjour,

Je le code XHTML suivant : 


		<div class="miniature">
			<img src="nimages/clic_miniature/109x143/16.jpg" width="109" height="143" alt="" />
			<img src="nimages/clic_miniature/109x143/15.jpg" width="109" height="143" alt="" />
			<img src="nimages/clic_miniature/109x143/01.jpg" width="109" height="143" alt="" />
			<img src="nimages/clic_miniature/109x143/14.jpg" width="109" height="143" alt="" />
			<img src="nimages/clic_miniature/109x143/24.jpg" width="109" height="143" alt="" />
			<img src="nimages/clic_miniature/109x143/19.jpg" width="109" height="143" alt="" />
			<img src="nimages/clic_miniature/109x143/25.jpg" width="109" height="143" alt="" />
			<img src="nimages/clic_miniature/109x143/13.jpg" width="109" height="143" alt="" />
		</div>


Je peux eventuellement mettre les images dans des li ou autre mais je ne veux pas avoir à appliquer un style différent à certaines images.

Placer 3 images par lignes et faire en sorte que le bord gauche des images de l'extremité gauche est une mage 0 et que le bord droit des images des extrémités droites est une marge 0. Entre 2 images il doit y avoir un espace de 10.

Aucune idée de la manière de proceder avec ces contraintes.

Si une idée je suis preneur !
Administrateur
Bonjour,

réponse rapide: impossible avec la contrainte imposée
Je développe Smiley smile
Si toutes les images doivent avoir le même style, alors elles ont toutes une marge gauche G et une marge droite D
Tu imposes 0 à G, 0 à D et 10 entre 2 images c'est-à-dire G+D = 10
G=0
D=0
G+D = 10
je sais pas résoudre Smiley lol
Merci de me corriger si j'ai oublié quelque chose et répondu trop vite Smiley sweatdrop

Pour finasser, tu peux mettre englober certaines images dans un élément HTML quelconque et donner une même classe à cet élément et aux images et y arriver mais bon c'est comme si certaines images avaient une classe "un" et d'autres une classe "deux" ce que tu ne veux pas Smiley smile

Si tu génères ton code, la fonction modulo est ton amie Smiley cligne
Modifié par Felipe (07 Dec 2007 - 21:48)
Sujet clos
Aller à