Image pas à sa place :/

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image pas à sa place :/

Message par melinda020 le Jeu 31 Mar 2011 - 21:40

Bonsoir j'ai un problème de code, je suis vraiment pas doué pour ça ^^" j'ai essayé de régler le problème sans y arriver, je demande donc votre aide. J'aimerais obtenir l'image collée à droite du bloc de texte mais je n'obtiens que ça :

Spoiler:

Avec ce code :

Code:
<div style="margin-left: 200px; margin-top: 30px;"> <div style="background-color: red; text-align: left; width:400px;height:300px; -moz-border-radius: 100px;">
[table][tr][td]<div style="margin-left : 20px; margin-top: 20px; border: 5px solid white; padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px; background-image: url('http://i39.servimg.com/u/f39/13/59/35/10/hg-ico10.png');"></div>[/td][td]<font size="7" face="georgia">
<font color="white">
[font='script MT Bold']Tonks Andromeda[/font]
<span style="font-size: 18px; line-height: normal;"> [color=silver]«  Année/Métier. » [/color]</span><font color="gray">[font='MS Courier New'] Age[/font]</font>
 [size=18][color=Marron]« Maison, Statut, Sang »[/color][/size]
</font></font>[/td][/tr][/table]
[table][tr][td]<div style="margin-left: 20px;"><formname="MenuderoulantselonDark" method="POST"><select name="wxlmenu" size=1 style="font-family: Tahoma; border: double; font-size: 12; background: white;"><option>Son caractère</option>
<option>[color=black]♣ Qualité[/color]</option>
<option>♣ Qualité</option>
<option>♣ Qualité</option>
<option>♣ Défaut </option>
<option>♣ Défaut </option>
<option>♣ Défaut </option> 
</select></div>[/td][td][table][tr][td]<div style="background-color: white; text-align: left; width: 1px;height:60px; -moz-border-radius: 0px;"></div>[/td][td] [color=white][justify][size=8]Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire[/size][/justify][/color][/td][/tr][/table][/td][/tr][/table]<div style="margin-left: -2px; border: 5px solid #BD1818; padding: 10px; width: 180px; height: 300px; -moz-border-radius- topleft: 50px; -moz-border-radius-topright : 100px; -moz-border-radius-bottom left : 100px; -moz-border-radius-bottomright : 100px; background-image: url('http://i44.tinypic.com/1z65g82.jpg');"></div>
</div></div>

Je vous remercie d'avance pour votre aide =)


Dernière édition par melinda020 le Jeu 31 Mar 2011 - 22:31, édité 1 fois

melinda020
**

Messages : 53
Inscrit(e) le : 13/11/2009

http://twilightinlove.forumtwilight.com/index.htm
melinda020 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image pas à sa place :/

Message par Anzu le Jeu 31 Mar 2011 - 22:22

Bonsoir,

J'ai modifié pas mal votre code. Donc, j'ai refait un table autour de ce que vous aviez déjà, mais en les laissant les div à l'extérieur. Il fallait également mettre l'image dans un td, et un autre td pour le contenu. Et également adapter la taille du cadre à celle de l'image Wink

Code:
<div style="margin-left: 200px; margin-top: 30px;"> <div style="background-color: red; text-align: left; min-height: 300px; -moz-border-radius: 100px;"> <table><tr><td>
  <table style="max-width: 400px"><tr><td><div style="margin-left : 20px; margin-top: 20px; border: 5px solid white; padding: 10px; width: 80px; height: 80px; -moz-border-radius: 100px; background-image: url('http://i39.servimg.com/u/f39/13/59/35/10/hg-ico10.png');"></div></td><td><font size="7" face="georgia">
    <font color="white">
    [font='script MT Bold']Tonks Andromeda[/font]
    <span style="font-size: 18px; line-height: normal;"> [color=silver]«  Année/Métier. » [/color]</span><font color="gray">[font='MS Courier New'] Age[/font]</font>
    [size=18][color=Marron]« Maison, Statut, Sang »[/color][/size]
    </font></font></td></tr></table>
    <table><tr><td><div style="margin-left: 20px;"><formname="MenuderoulantselonDark" method="POST"><select name="wxlmenu" size=1 style="font-family: Tahoma; border: double; font-size: 12; background: white;"><option>Son caractère</option>
    <option>[color=black]♣ Qualité[/color]</option>
    <option>♣ Qualité</option>
    <option>♣ Qualité</option>
    <option>♣ Défaut </option>
    <option>♣ Défaut </option>
    <option>♣ Défaut </option>
    </select></div></td><td><table><tr><td><div style="background-color: white; text-align: left; width: 1px;height:60px; -moz-border-radius: 0px;"></div></td><td> [color=white][justify][size=8]Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire Mon petit bout d'histoire[/size][/justify][/color]</td></tr></table></td></tr></table>
    </div>
</td><td><div style="margin-left: -2px; border: 5px solid #BD1818; padding: 10px; width: 180px; height: 300px; -moz-border-radius- topleft: 50px; -moz-border-radius-topright : 100px; -moz-border-radius-bottom left : 100px; -moz-border-radius-bottomright : 100px; background-image: url('http://i44.tinypic.com/1z65g82.jpg');">
</td></tr></table></div></div>

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image pas à sa place :/

Message par melinda020 le Jeu 31 Mar 2011 - 22:31

Han, merci infiniment ♥

Sujet résolu

melinda020
**

Messages : 53
Inscrit(e) le : 13/11/2009

http://twilightinlove.forumtwilight.com/index.htm
melinda020 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum