Problème CSS
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème CSS
Alors je ne sais pas si je dois le poster ici mais je ne vois pas où je pourrais.
Donc mon problème c'est que j'ai un code CSS et je voudrais que l'image qui s'y trouve reste au niveau du titre "VOTRE PERSONNAGE" car la elle reste au milieu du texte au lieu de rester en haut de page mais comme je suis assez nul en CSS, bah je sais pas comment faire. Donc voila si quelqu'un pouvais m'aider ce serait sympa ^^
Merci d'avance pour votre aide.
Donc mon problème c'est que j'ai un code CSS et je voudrais que l'image qui s'y trouve reste au niveau du titre "VOTRE PERSONNAGE" car la elle reste au milieu du texte au lieu de rester en haut de page mais comme je suis assez nul en CSS, bah je sais pas comment faire. Donc voila si quelqu'un pouvais m'aider ce serait sympa ^^
Merci d'avance pour votre aide.
- Code:
<blockquote><div style="font-family: Verdana; background-color: #F0F0F0; text-align: center; border-bottom: 10px Slategray solid; border-top: 10px Slategray solid;" align="justify">[center][font=Georgia][color=#000000][size=24]Prénom & Nom[/size][color=Slategray][size=24][b] ”[/b][/size][/color][/font][/color][/center]<center><DIV style="BACKGROUND-COLOR: lightgray; width: 500px; height: 5px; TEXT-ALIGN: center; credit-site-css: mycandids.tk; -moz-border-radius-bottomright: 45px; -moz-border-radius-bottomleft: 45px;"></div></center>[color=#8c8d91][size=10]« votre citation favorite »[/size][/color]
<center>[table][tr][td] <DIV style="BACKGROUND-COLOR: lightgray; TEXT-ALIGN: center; -moz-border-radius: 9px; margin-top:-110px;" align=center></DIV>
<center><div style="background: lavender; width: 220px; height: 320px;">[center] [img]http://i46.servimg.com/u/f46/11/36/66/59/avatar10.png[/img] [/center]</div></center>
[center]<div style="background-color:lightgray;-moz-border-radius: 9px;"><span style="border-bottom: 1px Slategray dotted;font-family:Georgia;font-color:black;">Personne sur l'avatar[/center][/td][td][list]</span></div>
<div style="text-align: justify;">
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">VOTRE PERSONNAGE</span>[/font][/color][/center]
[color=#8c8d91][size=12][b]Nom :[/b]
[b]Prénom :[/b]
[b]Age :[/b]
[b]Lycée voulu :[/b]
[b]Pourquoi :[/b]
[b]Rang voulu :[/b] [i]( Première année, deuxième année, troisième année, professeur,.....)[/i]
[b]Origine(s) :[/b]
[/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">PHYSIQUE</span>[/font][/color][/center]
[color=#8c8d91][size=12][i]10 lignes minimum[/i][/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">MENTALE</span>[/font][/color][/center]
[color=#8c8d91][size=12][i]10 lignes minimum[/i][/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">HISTOIRE</span>[/font][/color][/center]
[color=#8c8d91][size=12][i]15 lignes minimum[/i][/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">VOUS</span>[/font][/color][/center]
[color=#8c8d91][size=12][b]Nom :[/b]
[b]Age :[/b]
[b]Comment avez-vous connu le forum ? :[/b]
[b]Pourquoi y être resté ? :[/b]
[b]Commentaires :[/b]
[/size][/color]</div>
<div style="overflow: auto; text-align: justify; width: 450px; height: 250px;margin-top:-100px; credit-site-css: mycandids.tk;">
[/list][/td][/tr][/table]</center></div></blockquote><SPAN style="FONT-FAMILY: Monospace"><FONT face=Georgia size=2>[url=http://candids.nexgate.ch] [center]CRÉDIT - FICHE[/center][/url] </FONT> </SPAN>
Dernière édition par Serha le Mer 29 Juin 2011 - 12:30, édité 1 fois
Re: Problème CSS
Bonjour,
Vous avez une marge négative dans votre code, c'est ce qui fait monter votre image aussi haut. J'ai rectifié en mettant une marge positive:
Cordialement.
Vous avez une marge négative dans votre code, c'est ce qui fait monter votre image aussi haut. J'ai rectifié en mettant une marge positive:
- Code:
<blockquote><div style="font-family: Verdana; background-color: #F0F0F0; text-align: center; border-bottom: 10px Slategray solid; border-top: 10px Slategray solid;" align="justify">[center][font=Georgia][color=#000000][size=24]Prénom & Nom[/size][color=Slategray][size=24][b] ”[/b][/size][/color][/font][/color][/center]<center><DIV style="BACKGROUND-COLOR: lightgray; width: 500px; height: 5px; TEXT-ALIGN: center; credit-site-css: mycandids.tk; -moz-border-radius-bottomright: 45px; -moz-border-radius-bottomleft: 45px;"></div></center>[color=#8c8d91][size=10]« votre citation favorite »[/size][/color]
<center>[table][tr][td valign="top"] <DIV style="BACKGROUND-COLOR: lightgray; TEXT-ALIGN: center; -moz-border-radius: 9px; margin-top: 75px;" align=center ></DIV>
<center><div style="background: lavender; width: 220px; height: 320px;">[center] [img]http://i46.servimg.com/u/f46/11/36/66/59/avatar10.png[/img] [/center]</div></center>
[center]<div style="background-color:lightgray;-moz-border-radius: 9px;"><span style="border-bottom: 1px Slategray dotted;font-family:Georgia;font-color:black;">Personne sur l'avatar[/center][/td][td][list]</span></div>
<div style="text-align: justify;">
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">VOTRE PERSONNAGE</span>[/font][/color][/center]
[color=#8c8d91][size=12][b]Nom :[/b]
[b]Prénom :[/b]
[b]Age :[/b]
[b]Lycée voulu :[/b]
[b]Pourquoi :[/b]
[b]Rang voulu :[/b] [i]( Première année, deuxième année, troisième année, professeur,.....)[/i]
[b]Origine(s) :[/b]
[/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">PHYSIQUE</span>[/font][/color][/center]
[color=#8c8d91][size=12][i]10 lignes minimum[/i][/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">MENTALE</span>[/font][/color][/center]
[color=#8c8d91][size=12][i]10 lignes minimum[/i][/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">HISTOIRE</span>[/font][/color][/center]
[color=#8c8d91][size=12][i]15 lignes minimum[/i][/size][/color]</div>
[center][color=#000000][font=Georgia]<span style="border-bottom: 1px Slategray dotted;text-align:center;">VOUS</span>[/font][/color][/center]
[color=#8c8d91][size=12][b]Nom :[/b]
[b]Age :[/b]
[b]Comment avez-vous connu le forum ? :[/b]
[b]Pourquoi y être resté ? :[/b]
[b]Commentaires :[/b]
[/size][/color]</div>
<div style="overflow: auto; text-align: justify; width: 450px; height: 250px;margin-top:-100px; credit-site-css: mycandids.tk;">
[/list][/td][/tr][/table]</center></div></blockquote><SPAN style="FONT-FAMILY: Monospace"><FONT face=Georgia size=2>[url=http://candids.nexgate.ch] [center]CRÉDIT - FICHE[/center][/url] </FONT> </SPAN>
Cordialement.
Invité- Invité
Re: Problème CSS
Merci beaucoup parce que j'aurais jamais réussie toute seule ^^
Sujets similaires
» [Problème CSS] Problème d'affichage sur la page de redaction des messages et de l'avatar.
» Problème avec mon code de formulaire de problème.
» Problème apparence forum & problème code Javascript
» Problème de centrage avec les sondages: D'où vient le problème?
» Problème de lien dans la PA (Problème résolu)
» Problème avec mon code de formulaire de problème.
» Problème apparence forum & problème code Javascript
» Problème de centrage avec les sondages: D'où vient le problème?
» Problème de lien dans la PA (Problème résolu)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum