Menu en CSS sur image [Résolu]

cs_fmd92 8 Messages postés vendredi 10 novembre 2006Date d'inscription 17 octobre 2007 Dernière intervention - 4 mars 2007 à 15:26 - Dernière réponse : stfou 454 Messages postés samedi 16 avril 2005Date d'inscription 18 avril 2007 Dernière intervention
- 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
Afficher la suite 

Votre réponse

3 réponses

Meilleure réponse
stfou 454 Messages postés samedi 16 avril 2005Date d'inscription 18 avril 2007 Dernière intervention - 4 mars 2007 à 18:43
3
Merci
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

Merci stfou 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 72 internautes ce mois-ci

Commenter la réponse de stfou
stfou 454 Messages postés samedi 16 avril 2005Date d'inscription 18 avril 2007 Dernière intervention - 4 mars 2007 à 16:53
0
Merci
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
Commenter la réponse de stfou
cs_fmd92 8 Messages postés vendredi 10 novembre 2006Date d'inscription 17 octobre 2007 Dernière intervention - 4 mars 2007 à 17:17
0
Merci
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
Commenter la réponse de cs_fmd92

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.