Votre question

petit prb en css ...

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
20 Février 2008 16: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

20 Février 2008 17:29:30

Essaye padding-top: 5%;
et padding-left: 5%;
20 Février 2008 17: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
Contenus similaires
Pas de réponse à votre question ? Demandez !
20 Février 2008 17:50:40

Bah met ton background en repeat!
20 Février 2008 17:54:21

ben non moi je voudrais qu'il soit élargit et non répété!!!
20 Février 2008 17:56:05

alors met lui en width ou un height!
20 Février 2008 18:14:54

je ne peut toujours pas dire que ça marche :(  , je n'ai même pas trouvé de changement...
et en plus je me suis fait pété au nez :D 
20 Février 2008 19:05:56

je crois que je vais reprogrammer de manière aussi peu propre qu'avant avec mes <span>, ça m'enmerde quand même :S
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS