mettre le code à droite

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

Résolu mettre le code à droite

Message par melinda020 le Mar 13 Déc 2011 - 18:32

Bonsoir tout le monde !

Alors voilà, j'ai un problème de code, j'aimerais mettre le deuxième cadre pour les liens de mon perso à droite, mais je n'y arrive pas, j’espère que vous pourrez m'aider ^^

Alors voici le code :

Spoiler:
<br><br><table style="background-color: #ACC7CA; vertical-align: top; border: 3px solid #527A80; padding-left: 15px; padding-right: 15px; padding-bottom: 16px; -moz-border-radius: 40px;" width="500" align="center" cellpadding="0" cellspacing="0"><tbody><tr><td colspan="2"><font face="ballpark" size="6"><font style="color:#CADBDD;border-top: 5px none; -moz-border-radius: 60px 60px 60px 60px;text-align: center; padding-bottom: 2px; padding-top:8px;background-color: #527A80; line-height: 30px; display: block;">Ici mon nom en entier</font> </font></td></tr><tr><td><br>

<div style="vertical-align: top; border: 5px solid #527A80; padding: 10px; width: 180px; height: 300px; -moz-border-radius: 40px; margin-right: 15px; margin-top:-30px;background-image: url('http://img824.imageshack.us/img824/3685/s35.png'); "></div><div style="font-size:10px;text-align:center;">© CRÉDIT - FICHE</div></td><td><font face="ballpark" size="5"><font style="color:#406164;line-height: 13px; display: block;text-align:center;">Who is she</font></font><table width="100%" bgcolor="#CADBDD"><tbody><tr><td align="left"></td></tr></tbody></table><table width="100%" bgcolor="#527A80"><tbody><tr><td align="left"></td></tr></tbody></table>
<font style="color:#3C3C3C;font-family:georgia;font-size:13px;line-height:14px;">Blablabla</font>

<font face="ballpark" size="5"><font style="color:#406164;line-height: 13px; display: block;text-align:center;">Ce qu'il faut savoir</font></font><table width="100%" bgcolor="#CADBDD"><tbody><tr><td align="left"></td></tr></tbody></table><table width="100%" bgcolor="#527A80"><tbody><tr><td align="left"></td></tr></tbody></table>
<font style="color:#3C3C3C:font-family:georgia;font-size:13px;line-height:14px;">Blablabla</font>
</td></tr></tbody></table>


<table><tbody><tr><td><div style="border: 5px solid #527A80;"><img style="display: inline;" src="http://img155.imageshack.us/img155/4800/6copiel.png" border="0"></div><div style="background-color: #527A80; height: 15px; color: white;"><span style="font-size: 9px; line-height: normal;font-family: Comic Sans MS;"><div style="margin: auto; text-align: center; width: 100%;">(c) </div></span></div></td><td width="75%"><div style="border: 5px solid #527A80; height: 95px; overflow: auto; background-color: #ACC7CA; padding: 10px; border-radius: 0px 20px 20px 0px; margin-left: -6px;text-align:justify;">Blablabla</div></td></tr></tbody></table>
<table><tbody><tr><td width="75%"><div style="border: 5px solid #527A80; height: 95px; overflow: auto; background-color: #ACC7CA; padding: 10px; border-radius: 20px 0px 0px 20px; margin-right: -5px;text-align:justify;"> Blablabla</div></td><td><div style="border: 5px solid #527A80;"><img style="display: inline;" src="http://img828.imageshack.us/img828/3030/7copie.png" border="0"></div><div style="background-color: #527A80; height: 15px; color: white;"><span style="font-size: 9px; line-height: normal;font-family: Comic Sans MS;"><div style="margin: auto; text-align: center; width: 100%;">(c) </div></span></div></td></tr></tbody></table><br>
<div style="text-align:right;padding-right:15px;">CRÉDIT - CSS</div>

Et le résultat :



Merci d'avance =)


Dernière édition par melinda020 le Mer 14 Déc 2011 - 11:30, é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.

Résolu Re: mettre le code à droite

Message par Kendall le Mar 13 Déc 2011 - 18:52

Bonsoir ^^
Il te suffit de faire un tableau dont la 1ére colonne serait ton 1er cadre et dont la 2nd colonne serait les liens ^^
Cordialement

Kendall
***

Messages : 129
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre le code à droite

Message par melinda020 le Mar 13 Déc 2011 - 20:03

Bonsoir ^^

Comment on fait ça ? Désolée j'y connais rien ^^"

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.

Résolu Re: mettre le code à droite

Message par Kendall le Mar 13 Déc 2011 - 20:05

<table><td> le code de ton 1er tableau</td><td> le code des liens</td></table>

^^

Kendall
***

Messages : 129
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre le code à droite

Message par melinda020 le Mar 13 Déc 2011 - 20:44

Merci ^^

Mais maintenant j'obtiens ça :



Je fais comment pour agrandir le cadre où on met le texte ?

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.

Résolu Re: mettre le code à droite

Message par Kendall le Mar 13 Déc 2011 - 20:49

Hey

Bah j'ai testé et sur mon forum ca fonctionne

Spoiler:
Code:
<table><td><br><br><table style="background-color: #ACC7CA; vertical-align: top; border: 3px solid #527A80; padding-left: 15px; padding-right: 15px; padding-bottom: 16px; -moz-border-radius: 40px;" width="500" align="center" cellpadding="0" cellspacing="0"><tbody><tr><td colspan="2"><font face="ballpark" size="6"><font style="color:#CADBDD;border-top: 5px none; -moz-border-radius: 60px 60px 60px 60px;text-align: center; padding-bottom: 2px; padding-top:8px;background-color: #527A80; line-height: 30px; display: block;">Ici mon nom en entier</font> </font></td></tr><tr><td><br>

<div style="vertical-align: top; border: 5px solid #527A80; padding: 10px; width: 180px; height: 300px; -moz-border-radius: 40px; margin-right: 15px; margin-top:-30px;background-image: url('http://img824.imageshack.us/img824/3685/s35.png'); "></div><div style="font-size:10px;text-align:center;">© CRÉDIT - FICHE</div></td><td><font face="ballpark" size="5"><font style="color:#406164;line-height: 13px; display: block;text-align:center;">Who is she</font></font><table width="100%" bgcolor="#CADBDD"><tbody><tr><td align="left"></td></tr></tbody></table><table width="100%" bgcolor="#527A80"><tbody><tr><td align="left"></td></tr></tbody></table>
<font style="color:#3C3C3C;font-family:georgia;font-size:13px;line-height:14px;">Blablabla</font>


<font face="ballpark" size="5"><font style="color:#406164;line-height: 13px; display: block;text-align:center;">Ce qu'il faut savoir</font></font><table width="100%" bgcolor="#CADBDD"><tbody><tr><td align="left"></td></tr></tbody></table><table width="100%" bgcolor="#527A80"><tbody><tr><td align="left"></td></tr></tbody></table>
<font style="color:#3C3C3C:font-family:georgia;font-size:13px;line-height:14px;">Blablabla</font>
</td></tr></tbody></table></td><td>


<table><tbody><tr><td><div style="border: 5px solid #527A80;"><img style="display: inline;" src="http://img155.imageshack.us/img155/4800/6copiel.png" border="0"></div><div style="background-color: #527A80; height: 15px; color: white;"><span style="font-size: 9px; line-height: normal;font-family: Comic Sans MS;"><div style="margin: auto; text-align: center; width: 100%;">(c) </div></span></div></td><td width="75%"><div style="border: 5px solid #527A80; height: 95px; overflow: auto; background-color: #ACC7CA; padding: 10px; border-radius: 0px 20px 20px 0px; margin-left: -6px;text-align:justify;">Blablabla</div></td></tr></tbody></table>
<table><tbody><tr><td width="75%"><div style="border: 5px solid #527A80; height: 95px; overflow: auto; background-color: #ACC7CA; padding: 10px; border-radius: 20px 0px 0px 20px; margin-right: -5px;text-align:justify;"> Blablabla</div></td><td><div style="border: 5px solid #527A80;"><img style="display: inline;" src="http://img828.imageshack.us/img828/3030/7copie.png" border="0"></div><div style="background-color: #527A80; height: 15px; color: white;"><span style="font-size: 9px; line-height: normal;font-family: Comic Sans MS;"><div style="margin: auto; text-align: center; width: 100%;">(c) </div></span></div></td></tr></tbody></table><br>
<div style="text-align:right;padding-right:15px;">CRÉDIT - CSS</div></td></table>

http://forumtest222.unforumgratuit.com/t1-votre-1er-sujet#3

Kendall
***

Messages : 129
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre le code à droite

Message par melinda020 le Mar 13 Déc 2011 - 21:04

Ah au fait c'est parce que je me suis mal exprimer au temps pour moi ^^" Au fait ce que vous m'avez dis en premier allé, le seul hic c'est que je veux juste que les cadres à coté de l'image, là où il y a le texte, soit plus grand. J'ai obtenu ce que je voulais, c'est juste la taille du cadre que je veux changer maintenant ^^

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.

Résolu Re: mettre le code à droite

Message par Kendall le Mar 13 Déc 2011 - 21:08

Ah.
Bah il faut modifier le "height:95px;" et changer 95 par la valeur que tu souhaites

Kendall
***

Messages : 129
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre le code à droite

Message par melinda020 le Mar 13 Déc 2011 - 21:15

c'est la largeur que je voudrais changer, pas la hauteur ^^

Je sais je suis chiante T-T

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.

Résolu Re: mettre le code à droite

Message par Kendall le Mar 13 Déc 2011 - 21:56

La taille est à 100% donc faut voir si, quand tu remplis, ca s'agrandit

Kendall
***

Messages : 129
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: mettre le code à droite

Message par melinda020 le Mer 14 Déc 2011 - 11:29

C'est bon j'ai trouvé ^^ Merci beaucoup Very Happy

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