Problème CSS

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

Résolu Problème CSS

Message par Serha le Mer 29 Juin 2011 - 9:45

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.

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

Serha
Nouveau membre

Messages : 28
Inscrit(e) le : 08/05/2011

http://http;..nipponworld.forumsactifs.net
Serha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème CSS

Message par Invité le Mer 29 Juin 2011 - 11:33

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:
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é


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

Résolu Re: Problème CSS

Message par Serha le Mer 29 Juin 2011 - 12:30

Merci beaucoup parce que j'aurais jamais réussie toute seule ^^

Serha
Nouveau membre

Messages : 28
Inscrit(e) le : 08/05/2011

http://http;..nipponworld.forumsactifs.net
Serha 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