Menu en CSS sur image

Résolu
cs_fmd92 Messages postés 8 Date d'inscription vendredi 10 novembre 2006 Statut Membre Dernière intervention 17 octobre 2007 - 4 mars 2007 à 15:26
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 - 4 mars 2007 à 18:43
Bonjour

Je suis tout nouveau en création de site avec le CSS.
J'ai besoin de votre aide.

Je n'arrive pas à inclure un menu en CSS sur le bas d'une image en JPG.
J'ai recherché (surement mal) mais je n'ai rien trouvé concernant cette possibilité

+ Code en HTML



 


  [URL Lien 1]
  [URL Lien 2]
  [URL Lien 3]
  [URL Lien texte long 4]
  [URL Lien 5]


+ Code CSS
#menu3 a, #menu3 a:visited {
 font-family: verdana;
 text-decoration:none;
 text-align:center;
 color:#FFFFFF;
 display:inline;
 border-top:2px solid #FFFFFF;
 border-left:2px solid #BCE1EA;
 border-right:2px solid #999999;
 border-bottom:2px solid #666666;
 position: fixe;
 visibility: visible;
 background-color: #CCCCCC;
  }
#menu3 a:hover {
  color:#000000;
  border-bottom:2px solid #FFFFFF;
  border-right:2px solid #BCE1EA;
  border-left:2px solid #666666;
  border-top:2px solid #999999;
  }

Pouvez-vous m'aider ?
Merci par avance

Cordialement

FMD92

3 réponses

stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 3
4 mars 2007 à 18:43
ah ok je croyait que tu voulais le mettre en dessous .
Quel sont les dimensions de ton image ? essaie de rajouter ce code en css :

#menu3{
position:relative;
bottom:10px;
right:10px;
}

En remplaçant les valeurs de bottom et de right respectivement par la hauteur et la largeur de ton image.

<hr />
Stfou
3
stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 3
4 mars 2007 à 16:53
Met ça dans un tableau :

----

  Lien 1
  Lien 2
  Lien 3
  Lien texte long 4
  Lien 5

<style>
#menu3 a, #menu3 a:visited {
 font-family: verdana;
 text-decoration:none;
 text-align:center;
 color:#FFFFFF;
 display:inline;
 border-top:2px solid #FFFFFF;
 border-left:2px solid #BCE1EA;
 border-right:2px solid #999999;
 border-bottom:2px solid #666666;
 position: fixe;
 visibility: visible;
 background-color: #CCCCCC;
  }
#menu3 a:hover {
  color:#000000;
  border-bottom:2px solid #FFFFFF;
  border-right:2px solid #BCE1EA;
  border-left:2px solid #666666;
  border-top:2px solid #999999;
  }
</style>
Voilà

Stfou
0
cs_fmd92 Messages postés 8 Date d'inscription vendredi 10 novembre 2006 Statut Membre Dernière intervention 17 octobre 2007
4 mars 2007 à 17:17
Merci pour cette réponse, mais j'arrive au même résultat que moi.

Je me suis mal expliqué.

J'ai le menu juste en dessous de l'image, mais je n'arrive pas à intégrer le menu sur l'image.
Je souhaite que cela fasse un tout, de la taille de l'image.
Je demande peut être l'impossible, si cela est trop compliqué pour mon niveau, je garderai cette présentation.

Merci par avance
Cordialement

FMD92
0
Rejoignez-nous