Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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.
avatar

Anzu
Membre actif

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

https://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