28172 sujets

CSS et mise en forme, CSS3

Probleme css de debutant : marges et background-image

bonjour,

J'ai 2 problèmes sur ma page :

Une marge apparait au dessus et dessous du <div> "entete", et l'image background ne s'affiche pas.
Je ne comprend et ne trouve pas mes erreurs.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Malou</title>
	<link rel="stylesheet" type="text/css" href='style/style.css'/>
</head>
<body>
	<div class="entete">
		<p>entete</p>
		<p>La page à Malou</p>
	</div>

	<div class="centre">
		centre
	</div>
	<div class="pieddepage">
		pieddepage
	</div>

</body>
</html>






body {
	text-align:center;
	width:100%;
	margin:0;
}

.entete {
	background-color:#cc99ff;
	background-image:url("images/banner.gif");
	margin:0;
}

.centre {
	background-color:#ccccff;
}

.pieddepage{
	background-color:#cc99ff;
}



Merci d'avance si quelqu'un peut m'aider !
Bonjour,

il y a des marges par défaut sur les paragraphes (balises <p>) que tu peux par exemple compenser avec un padding sur ta div.entete (16px chez moi mais à rédéfinir proprement en général)


.entete { 
    padding:16px;
}


Pour l'image, vérife peut-être le chemin d'accès...

H.
Impeccable, merci beaucoup !

effectivement l'image se trouve dans un dossier auquel je n'avais pas accès à partir du dossier de ma feuille de style.

sinon, est-il "correct" de mettre des marges nulles à la balise <p> ?


.entete p {
	margin:0;
}


Sinon, comment enlever cet espace créé au dessus et au dessous de cette balise ?

Merci encore !
nonoseki
Modifié par nonoseki (24 Apr 2011 - 14:40)
Sujet clos
Aller à