Aligner cadre et image sur la même ligne
4sphyxie
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
4sphyxie -
4sphyxie -
Bonjour,
Voilà, je souhaite aligner ce cadre où se trouve une citation à l'intérieur à gauche et l'image animée à droite. J'arrive à les mettre l'un à côté de l'autre, mais pas à les espacer, enfin coller l'image à droite quoi.
C'est pour une signature dans un forum.
Pouvez vous me donner directement le bon lien ? Parce que je suis un peu nulle en CSS, HTML et compagnie...
Merci d'avance !
Voici le code d'origine :
Voilà, je souhaite aligner ce cadre où se trouve une citation à l'intérieur à gauche et l'image animée à droite. J'arrive à les mettre l'un à côté de l'autre, mais pas à les espacer, enfin coller l'image à droite quoi.
C'est pour une signature dans un forum.
Pouvez vous me donner directement le bon lien ? Parce que je suis un peu nulle en CSS, HTML et compagnie...
Merci d'avance !
Voici le code d'origine :
<div style="color: #364449; border: 1px solid #D0D9DD; width: 360px; text-ALIGN: justify; -moz-border-RADIUS: 8px; padding-LEFT: 15px; credit-site-css: mycandids.tk; padding-RIGHT: 20px; padding-TOP: 20px; padding-BOTTOM: 20px; text-align:center; font-size: 11px;"> « Je m'en fous des filles que tu connais et puis je m'en fous aussi de ce que tu penses de moi. Je suis pas gourde au point de pas savoir à quoi je ressemble. Je suis pas gourde non plus au point d'attendre de qui que ce soit pour savoir à ma place ce que je suis capable de faire. On verra bien en fin de parcours où j'en serais et moi ça me fera bien marrer tous les gens qui m'ont prise pour une conne parce que je vais leur montrer. Mais bon je suis pas gourde non plus au point d'imaginer que je suis la seule qui parle comme ça. »</div></center></blockquote> </div></center><img src="http://img384.imageshack.us/img384/3060/serena.gif" width="150px">
A voir également:
- Aligner cadre et image sur la même ligne
- Partager photos en ligne - Guide
- Aller à la ligne excel - Guide
- Mètre en ligne - Guide
- Comment faire un cadre sur word - Guide
- Image iso - Guide
7 réponses
J'ai utilisé les float, et du coup j'arrive juste à mettre l'image à côté du cadre, mais pas à déplacer l'image contre le rebord de droite..
.img { margin-left:-5px; }
réduire la marge extérieur de l'image ou alors
réduire la marge intérieur du cadre (ce qui je pense ne constitue pas une bonne solution puis ce que celle ci mettra ton texte au même niveau mais au cas ou :)
.div { padding-left:0px;}
réduire la marge extérieur de l'image ou alors
réduire la marge intérieur du cadre (ce qui je pense ne constitue pas une bonne solution puis ce que celle ci mettra ton texte au même niveau mais au cas ou :)
.div { padding-left:0px;}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
salut
j'ai rajouté deux div, dont un avec ton image en background. l'autre est un div général qui englobe les deux autres.
A toi d'ajuster le width du div "corps" à ta préférence.
Tel que décrit, l'image est à présent à droite du texte.
A cette heure-ci, j'ai trouvé que ça.. ;)
ciaoo
<style type="text/css">
#corps {
position:absolute;
width:600px;
}
#photo {
position:absolute;
width:150px;
height:96px;
right: 0px;
top: 20px;
background- image:url("http://img384.imageshack.us/img384/3060/serena.gif");
}
</style>
</head>
<body>
<div id="corps">
<div style="color: #364449; border: 1px solid #D0D9DD; width: 360px; text-ALIGN: justify; -moz-border-RADIUS: 8px; padding-LEFT: 15px; credit-site-css: mycandids.tk; padding-RIGHT: 20px; padding-TOP: 20px; padding-BOTTOM: 20px; text-align:center; font-size: 11px;">
« Je m'en fous des filles que tu connais et puis je m'en fous aussi de ce que tu penses de moi. Je suis pas gourde au point de pas savoir à quoi je ressemble. Je suis pas gourde non plus au point d'attendre de qui que ce soit pour savoir à ma place ce que je suis capable de faire. On verra bien en fin de parcours où j'en
serais et moi ça me fera bien marrer tous les gens qui m'ont prise pour une conne parce que je vais leur montrer. Mais bon je suis pas gourde non plus au point d'imaginer que je suis la seule qui parle comme ça. »
</div>
<div id="photo"></div>
</div>
</body>
j'ai rajouté deux div, dont un avec ton image en background. l'autre est un div général qui englobe les deux autres.
A toi d'ajuster le width du div "corps" à ta préférence.
Tel que décrit, l'image est à présent à droite du texte.
A cette heure-ci, j'ai trouvé que ça.. ;)
ciaoo
