Kyou
{ Membre }
Messages : 164
| Bonjour, j'aurai besoin de votre aide encore une fois pour savoir comment superposer deux images, car j'ai beau utiliser "margin" pour décaler l'image, mais la seconde part toujours d'un côté ou de l'autre, donc si je pouvais savoir comment faire pour que ça reste comme je souhaite, cela serait parfait, merci beaucoup!
| | |
|
Anoobnyme GOD OF COOKIES
Messages : 1445
| Hop'
Afin que l'équipe de CSSActif vous aide plus rapidement, il serait sympa de nous fournir le/les code(s) concerné(s), je vous invite a relire ceci : Aidez nous a vous aider. Merci de votre compréhension ! | | |
|
Kyou
{ Membre }
Messages : 164
| - Code:
-
<center><div style="background-image:url('http://www.zingerbugimages.com/backgrounds/red_rose_background.jpg'); width:500px; border-radius:50px;border-left:5px darkred solid; border-right:5px darkred solid;"><br><table><td><img src="http://img8.hostingpics.net/pics/806676Hizaki_.jpg" style="border-radius:50px;box-shadow:0px 1px 2px black;margin-right:90px"><img src="http://i348.photobucket.com/albums/q328/kamijoversailles/icons%20livejournal/Kamijo/KamijoRose8.jpg" style="margin-top:-100px; margin-right:350px; border-radius:50px;box-shadow:0px 1px 2px black;"><br></td><td>.....</td></table>
</div></div></center> Voici le code que j'ai utilisé ~ | | |
|
Doare
{ Spécialiste }
Messages : 544
| Bonsoir. Tout d'abord, il y a : - une balise de fermeture de DIV en trop - un oubli des balises TR, qui spécifie la ligne qui contient les cellules (TD) Ensuite, je n'ai pas compris quel rendu tu souhaites atteindre, exactement. Peux-tu expliquer davantage ? Si l'image 2 doit légèrement superposer l'image 1, un margin droit négatif sur l'image 1 suffit amplement. | | |
|
Kyou
{ Membre }
Messages : 164
| Je voudrais avoir ce rendu : - Spoiler:
| | |
|
Doare
{ Spécialiste }
Messages : 544
| Okay. Mets un saut à la ligne après la première image. Ensuite deux marges à la deuxième image : - une marge gauche positive de 50px - une marge haute négative de 50px En d'autres termes : - Code:
-
<img src="url_image_1" alt="image 1" /><br /> <img src="url_image_2" style="margin-left:50px;margin-top:-50px;" alt="image 2" /> | | |
|
'Christa
Lostmindy
Messages : 2856
| Bonjour ! Tu gagnerais sans doute à faire usage de ce tutoriel | | |
|
'Christa
Lostmindy
Messages : 2856
| Bonjour ! Peut-on considérer ton problème comme étant résolu ? | | |
|
pamina
{ Membre actif }
Messages : 1170
| Hello Kyou ! En l'absence de réponse à la question de 'Christa, je considère ce sujet comme résolu. La prochaine fois, pense à remercier les personnes qui t'ont aidée ... et à signaler ton problème résolu !! Merci de ta compréhension. | | |
|