petit prb en css ...

Dernière réponse : 20 Février 2008 18:05 dans Programmation

adeltimple

20 Février 2008 15:58:00

bonsoir à tous. :hello:

jusqu'à maintenant j'utilisais la balise span pour positionner mes fonds sauf l'image d'arrière plan. j'ai voulu tester de faire ça en css, pour avoir plus de simplicité et un gain de temps pour creer d'autres pages.
Mon problème: je n'arrive pas à leur dire: tu prend toute la largeur et 5% en hauteur (entete)
et prend toute la hauteur en restant au max à gauche en laissant 5% en haut et 5% en bas...

de plus je voudrais qu'il soit extenssible (pour quand je vais mettre les donnes)

mon html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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" />
<meta http-equiv="Content-Language" content="fr" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="entete">
<p></p>
</div>
<div id="menu">
<p>prise de chou total</p>
</div>
</body>
</html>

mon css:

body{
background-color:black;
}

#entete {
background-image:url(img/entete.gif);
background-repeat: no-repeat;
position: Absolute;
text-align: left;
top: 0%;
left: 0%;
right:0%;
}

#menu {
background-image:url(img/fdmenu.gif);
background-repeat: no-repeat;
background-attachment:fixed;
position: absolute;
text-align: left;
top: 5%;
left: 0%;
bottom:0%;
}

actuellement ça ressemble à ça:

et je voudrais:

si quelqu'un pouvait m'aider, ça serait vachement sympa!!!
merci

Autres pages sur : petit prb css

| Etre averti des réponses
| Alerter

Répondre à adeltimple

Lassé par la pub ? Créez un compte

allstar27

Expert Programmation

20 Février 2008 16:29:30

Essaye padding-top: 5%;
et padding-left: 5%;

| Alerter

Répondre à allstar27

adeltimple

20 Février 2008 16:44:16

merci de ta réponse, mais ça ne marche tjr pa...

mon css est maintenant:
body{
background-color:black;
}

#entete {
background-image:url(img/entete.gif);
background-repeat: no-repeat;
position: Absolute;
padding-top: 5%;
padding-left: 5%;
text-align: left;
top: 0%;
left: 0%;
right:0%;
}

#menu {
background-image:url(img/fdmenu.gif);
background-repeat: no-repeat;
background-attachment:fixed;
position: absolute;
padding-top: 5%;
padding-left: 5%;
text-align: left;
top: 5%;
left: 0%;
bottom:0%;
}

maintenant c'est ça:

si j'upload le site sur mon espace free, ça vous anrangerait??

(celle de gauche est trop basse et celle d'en haut ne prend pas la largeure)

merci encore pour vos aides