28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Excusez moi d'avance devant la simplicité du probleme.
J'ai déjà fait des footers de la sorte, sans probleme..et c'est pour ça que je ne comprend pas d'où il vient.

Donc :
		<div id="footer">
		<p id="footer_right"> | <a href="charte.php" title="lire la charte">Charte d'utilisation</a> | <a href="contact.php">Nous contacter</a> | Powered by Rezo Press</p>
		<p>Copyright © 2005 - Xbox 360 Area</p>
		</div>

css:
#footer p {
line-height : 22px;
}
#footer a {
font-weight : normal;
}
#footer_right {
float : right;
}


Je voulais obtenir le footer_right à droite, et le paragraphe "normal" juste à sa gauche. Mais le footer_right se place plus bas que prévu Smiley decu

Resultat en bas : http://ns21.hosteur.com/~xbox36/xboxguigui/newarea/

J'ai cru que ça venait d'ailleurs, j'ai supprimé tout le reste du code, et du css, même résultat... Smiley sweatdrop
Modifié par Dark elf (20 Jul 2005 - 12:00)
ne serait ce pas du ua line-height ?
sinon, peut être qu'avec un petit margin-top:0; sur ton footer-right cela pourrati fonctionner...
Toutes les marges sont supprimées Smiley decu
J'ai déjà essayé de virer le line-height, ce la ne change rien Smiley decu
Il sert à centrer verticalement le contenu des "paragraphes"..
Modifié par Dark elf (20 Jul 2005 - 11:43)
Woups, j'ai oublié ça aussi :


#footer {
background : url(bgcopyright.gif);
height : 22px;
font-size : 0.7em;
padding : 0 10px;
}


Mais bon...j'ai aussi essayé en virant le id="footer", aucun changement alors..
Modifié par Dark elf (20 Jul 2005 - 11:45)
Dark elf a écrit :
Toutes les marges sont supprimées Smiley decu


ba je viens de tester le rajout de :


#footer p {
margin-top:0;
}


(test sous firefox)

et ça règle le problème

++
Modifié par clb56 (20 Jul 2005 - 11:58)
Oo

Pas possible... Smiley ohwell
Un autre parametre doit rentrer en compte..

Parce que :
a, ul, li, blockquote, hr, h1, h2, h3, h4, h5, h6 p{ /* supressiondes marges par défaut */
padding : 0;
margin : 0;
}


... Smiley rolleyes

Mais tu as raison...ya une marge qui vient de je ne sais où Smiley ohwell
je vais la trouver ^^

Merci les amis Smiley smile
Modifié par Dark elf (20 Jul 2005 - 12:00)
clb56 a écrit :
manque la virgule entre h6 et p

de plus il me semble qu'il ne faut pas mettre d'espace après les virgules


Pour l'espace après les virgules...je ne pense pas...aucun problème Smiley smile
POur la virgule avant le p...tu as mille fois raison !
Honte à moi Smiley fache

Et voilà, vous avez tout résolu Smiley biggrin
Parfait Smiley smile
Modifié par Dark elf (20 Jul 2005 - 12:15)