HTML CSS probleme disposition d'images!! Résolu/Fermé

Question

Bonjour,

J'essaye de réaliser un site internet cependant j'ai un petit problème pour disposer mes images d'une certaine manière.
Je voudrais qu'elles soit disposées comme ça :

...............................     .............................
.                             .     .                           .
.                             .     .                           .
.          img1            .     .         img2           .
.                             .     .                           .
.                             .     .                           .
...............................     .                           .
...............................     .                           .
.                             .     .                           .
.                             .     .............................
.                             ................................... 
.                                                               .
.                         img3                               .
.                                                               .
.                                                               .
.................................................................           

Est-ce possible ? et comment faire cela ? 

Merci

math 2000 · Accepted Answer

oui c'est possible tu met d'abors ton image 1 ensuite tu saute une ligne tu met ton image 3 et ensuite tu met ton image 2 en position absolute

etienne · Answer

désolé il a pas affiché comme voulu, je refait sur ce post

etienne · Answer

11111111111111111    22222222222222222
1...........................1   2...........................2   
1...........................1   2...........................2      
1...........................1   2...........................2
1............img1........1   2..........img2..........2         
1...........................1   2 ..........................2     
1...........................1   2...........................2
111111111111111111  2...........................2
333333333333333333   2..........................2
3............................3   2..........................2
3............................3   22222222222222222  
3............................33333333333333333333 
3.............................................................3   
3..........................img3............................3
3.............................................................3
3.............................................................3                                                               .
3333333333333333333333333333333333333

etienne · Answer

voila , ça s'est décalé mais on voit le principe.

merci pour votre aide!!

etienne · Answer

merci je vais assayer :) , il n'y a pas besoin de div ?

etienne · Answer

parfait merci , j'ai juste ajouter position: absolute et défini la position top et left dans le css et c'est nickel.

Par contre est ce que je peux faire de même pour qu'a la place de l'image de droite en absolute ce soit une animation flash ?

math 2000 · Answer

normalement ça marche pour tout mais c'est vrais que d'habitude c'est pour les div donc si ça marche pas 
pour une animation flash il suffira de le mettre dans une

etienne · Answer

bah justement mes images sont dans des div ;)

math 2000 · Answer

c'est bon alors

etienne · Answer

merci beaucoup :)

J'ai une autre question concernant du flash, j'ai créer un fond avec bord arrondis et ombre sous photoshop, pour que ce soit le cadre de mon animation, je voudrais savoir comment faire pour que le fond blanc d'origine de flash soit transparent afin de ne pas voir les bords carrés sous mon fond crée?

je ne sais pas si c'est trés clair lol

math 2000 · Answer

ça serais plus simple de transformé ton flash en png avec transparence ou gif avec transparence 
sinon il existe moz-border-radius 
je ne m'y connais pas en flash donc je sais pas comment faire la transparence dessus ça sera plus simple en gif ou png 
tu peut ensuite mettre ce cadre en background d'un div 
car il faut essayé d'utlisé le moins possible de position absolute sinon c'est pas très propre tous en position absolute

etienne · Answer

d'accord merci pour toute ton aide math

math 2000 · Answer

de rien tu me dis s tu as d'autre pb

etienne · Answer

d'accord merci pas de souci, je t' envois un mp si besoin :)

HTML CSS probleme disposition d'images!!

14 réponses

Discussions similaires