Un site extensible [CSS] - HTML/CSS - Programmation
Marsh Posté le 30-11-2009 à 18:42:54
Voulez-vous que je donne mes codes ?
Je pense que c'est un problème de padding, mais je sais pas comment le corriger...
Marsh Posté le 01-12-2009 à 09:39:19
Goungo a écrit : Voulez-vous que je donne mes codes ? Je pense que c'est un problème de padding, mais je sais pas comment le corriger... |
C'est n'est pas un problème mais un comportement naturel des CSS. On appelle cela le traping margin
http://www.maxdesign.com.au/presen [...] lide47.htm
les marges du <p> se retrouvent reportées sur le div parent.
le mieux c'est de mettre un padding de 1px en haut et en bas du div qui contient le p ou bien appliquer du contexte de formatage sur ce div.
overflow:hidden; zoom:1
Marsh Posté le 01-12-2009 à 20:50:36
Oh, merci beaucoup, je pensais que ça venait de mon codage !
Marsh Posté le 06-12-2009 à 15:01:42
J'ai un autre problème avec mon site...
En fait, je souhaiterai avoir ma barre de menu qui arrive ainsi :
Seulement, elle se place en haut du site comme ceci :
Alors que dans Dreamweaver, avec mon code, elle se place correctement :
Je ne vois pas trop d'où peut venir le problème...
Marsh Posté le 06-12-2009 à 17:01:00
CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE CODE
Marsh Posté le 06-12-2009 à 17:18:58
CSS :
Code :
|
C'est le truc en gras qui fait tout décaler je crois...
XHTML :
Code :
|
Marsh Posté le 06-12-2009 à 20:09:55
J'ai posté mon code, j'ai recherché.
En fait, je ne comprends pas pourquoi quand j'augmente le margin-top, tout le site se décale alors que c'est celui d'une balise à l'intérieur d'une autre balise div dont la hauteur est fixe.
Marsh Posté le 07-12-2009 à 13:53:48
Problème réglé, en rajoutant "overflow:auto;" dans le bloc1.
Marsh Posté le 29-11-2009 à 12:13:51
Bonjour,
Je suis nouveau sur le site.
Je cherche à réaliser un site en prenant comme base une maquette que j'ai réalisé sur Photoshop.
En gros, il est constitué de trois balises div.
Une pour l'en-tête qui avec une image ne se répète pas.
Une pour le pied de page avec une image qui ne se répète pas.
Et au milieu, avec une image qui se répète en y pour pouvoir y mettre un texte.
Seulement, pour pouvoir cadrer le texte, je recrée une quatrième balise div à l'intérieur de celle du milieu, je règle les marges à droit et à gauche, mais quand je tape un texte avec <p> à l'intérieur de la quatrième balise, il me met un écart en haut et en bas avec la balise du milieu par rapport à l'en-tête et le pied de page.
Je sais pas si j'ai été clair...
_________________
Voici une petite image pour vous faire comprendre :