begin process at 2012 05 29 09:39:44
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Menu en CSS sur image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Menu en CSS sur image

dimanche 4 mars 2007 à 15:26:07 | Menu en CSS sur image

fmd92

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
<img src="bantt.jpg" alt="logo haut TT" />
 
<div align=center id="menu3" >
  <a href="URL">Lien 1</a>
  <a href="URL">Lien 2</a>
  <a href="URL">Lien 3</a>
  <a href="URL">Lien texte long 4</a>
  <a href="URL">Lien 5</a></div>

+ 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
dimanche 4 mars 2007 à 16:53:38 | Re : Menu en CSS sur image

stfou

Membre Club
Met ça dans un tableau :
<table cellspacing=0>
<td>
<tr>
<img src="bantt.jpg" alt="logo haut TT" />
</tr>
<tr>
<div align=center id="menu3" >
  <a href="URL">Lien 1</a>
  <a href="URL">Lien 2</a>
  <a href="URL">Lien 3</a>
  <a href="URL">Lien texte long 4</a>
  <a href="URL">Lien 5</a></div>
</tr>
</td>
</table>
<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
dimanche 4 mars 2007 à 17:17:56 | Re : Menu en CSS sur image

fmd92

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
dimanche 4 mars 2007 à 18:43:48 | Re : Menu en CSS sur image

stfou

Membre Club
Réponse acceptée !
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.



Stfou



Cette discussion est classée dans : lien, css, border, 2px, solid


Répondre à ce message

Sujets en rapport avec ce message

lien clignotant spéciaux [ par astuces_jeux ] bonjour je cherche comment faire pour fair des comme quand on est connecter sur codes source il y a fiche profil etc au dessus quand tu met le curseur Comment dans une menu en CSS désactiver le lien de la page active? [ par yukie_chan ] Bonjour à tous!Je ne sais pas si le titre de mon sujet est clair... j'ai eu du mal à le formuler!Pour que ce soit plus compréhensible le principe est problème retour arrière [ par algori ] Bonjour,Voici mon problème :Je me suis créer un "mini-navigateur" en javascript mais le problème est que je voudrais faire un retour en arrière mais ç lien css [ par niloc ] Bonjour a tous !! Voila je suis en train de faire un site internet et j'ai fais une page css pour pouvoir parametrer mes liens Le probleme c'est que Savoir si un lien a été vu [ par olid ] Bonjour,J'ai une routine qui parcoure les liens d'une page (avec getelementByID), et je me demandais si il etait possible de savoir en Javascript si l Problème menu horizontal [ par kiki117 ] Bonsoir J'ai un petit souci avec mon menu horizontal Lorsque je clic sur un des menus le sous menu passe en dessous du calque (layer) et j'aimer Problème menu horizontal [ par kiki117 ] Bonsoir J'ai un petit souci avec mon menu horizontal Lorsque je clic sur un des menus le sous menu passe en dessous du calque (layer) et j'aimerai Changer feuille css avc un lien ou autre. [ par lebogoss28104 ] Bonjours, je pensse que se que je demande est plutôt du HTML alors dsl si je me trompe... Je voulais savoir, comment faire un lien qui va changer la f info bulle google map [ par steph06001 ] bonjour je voudrait afficher sur mon site une info bulle avec divers variable et un lien je bugge sur le lien j' ai function CreationInfoBulle(poin affecter une valeur à un href [ par wassimbik ] Bonjour à tous J'ai utilisé ce code java script pour affecter une valeur à un href mais il n'a pas affecté la nouvelle valeur. function lien(){ va


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,432 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales