Positionner un menu sur une image

rose1384 Messages postés 286 Statut Membre -  
 gasper -
bonsoir a tous

ma question est : comment placer un menu sur une image en haut de page( header),en travaillant avec xhtml/css

merci

cordialement rose

2 réponses

  1. varfendell Messages postés 3259 Date d'inscription   Statut Membre Dernière intervention   707
     
    Bonjour,

    Le mieux serait de faire ton menu dans une div. Tu donne un attribut id ou class à ta div, et tu lui met dans le css un attribut background color qui pointe vers une image.
    Ca donnerais un truc comme ça:
    <div id="menu">
    //ton menu en html
    </div>


    dans ton css:
    #menu{
    background-color: "images/foncMenu.jpg"
    }
    --
    La bretagne...le plus bel endroit au monde.
    0
    1. gasper
       
      apres la Provence bien sur :o))
      0
  2. rose1384 Messages postés 286 Statut Membre 46
     
    bonjour
    tous d'abord je vs remercie pr votre réponse ; voila j'ai essayé mais ca na pas marché ,pourtant c'est simple j'ai suivi les instructions ,

    voici mon code html :
    <div id="menu">
    <ul >
    <li><a href="index.html" title="Voir la page d'accueil">Accueil</a></li>
    <li><a href="#" title="Voir la page qui sommes nous ">Qui sommes nous</a></li>
    <li><a href="#" title="Voir la page nos services">Servies</a></li>
    <li><a href="contact.html" title="Voir la page contact">Contact</a></li>
    </ul>
    </div>
    debut du code css :
    #menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: #cc0000;

    }

    j'ai ajouté biensur :background-color: "images/foncMenu.jpg" aucune modification
    j'ai essayé avec background-image: url(images/foncMenu.jpg), la , l'image s'affiche just avec les mêmes dimension que le menu , je cherche que tous l'image s'affiche alors ou est le problème?

    merci encore
    0