La communauté ALL HTML c'est 58449 membres à ce jour dont 0 inscrits aujourd'hui et 26 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « XHTML - HTML - CSS »

Retrouvez les publications relatives à ces discussions dans nos rubriques CSS, HTML, XHTML.

Probleme affichage background d'un div avec CSS

liste des forums liste des discussions Participer à la discussion

Photo de elt93 Message publié le dimanche 06 juillet 2008 à 12 h 06 par elt93.
Bonjour,
J'ai déssiné la maquette de mon site, je l'ai découpé et maintenant je suis entrain de coder mais je rencontre un probleme. Je veux afficher une sorte de menu horizontal comme ici, et pour ceci je le défini comme background dans le css. Mais le fond ne s'affiche pas et je n'arrive pas à trouver pourquoi!
Voici le code HTML :



<link href="style/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
<div id="hautbanniere">

</div>
<div id="menu">

</div>
</body>
</html>



Et le code CSS :
@charset "utf-8";
/* CSS Document */
body
{
background-image:url(../theme/fond.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}

#hautbanniere
{

}

#menu
{
background-image:url(../theme/bandeaumenu.png) no-repeat top center;
height: 55px;
margin: 150px 25px 0 0;
}



Merci d'avance pour votre aide
Photo de formy Message publié le lundi 07 juillet 2008 à 09 h 58 par formy. S'il n'y a pas de solution, c'est qu'il n'y a pas de problème.
Bonjour,

La propriété background-image sert à spécifier une image d'arrière plan.
Le problème c'est que tu indiques, en plus, un positionnement et un effet de répétition. Ces deux dernières spécifications n'ont pas à être associées avec background-image.

Tu as deux solutions :

background:url(../theme/bandeaumenu.png) no-repeat top center;

ou

background-image: url(../theme/bandeaumenu.png) no-repeat top center;
background-position: top center;
background-repeat: no-repeat;


:)

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Les 5 dernières discussions