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

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
avatar

Kendall
***

Messages : 137
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>

^^
avatar

Kendall
***

Messages : 137
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
avatar

Kendall
***

Messages : 137
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
avatar

Kendall
***

Messages : 137
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
avatar

Kendall
***

Messages : 137
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