begin process at 2012 05 29 20:06:20
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

prb d'affichage de menu deroulant

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

prb d'affichage de menu deroulant

mardi 5 juillet 2005 à 14:25:19 | prb d'affichage de menu deroulant

siktaar
bonjour tout le monde je viens de realiser un menu deroulant, voici mon code :
<html>
 <head>
 


<style type="text/css">



#nav, #nav ul { /* toutes les listes */
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 1;
}

#nav a {
   display: block;
   width: 10em;
}

#nav li { /* tous les items de liste */
   float: left;
   width: 10em; /* largeur obligatoire, sinon opera devient fou */
}

#nav li ul { /* listes de deuxième niveau */
   position: absolute;
   background: none;
   width: 10em;
   left: -999em; /* on met left plutôt que display pour cacher les menus parce que

display: none n'est pas lu par les lecteurs d'écran */
}

#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes

survolés */
   left: auto;
}

#content {
   clear: left;
   color: #ccc;
}

</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
   var sfEls = document.getElementById("nav").getElementsByTagName("LI");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" sfhover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" sfhover\\b"),

"");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>
 
 
 </head>

<body>

<ul id="nav">
             <li><a href="#"><img

src="http://www.dbc-marketing.fr/image/cartouche2.gif"></a>
          <ul>
      <li><a href="#"><img

src="http://www.dbc-marketing.fr/image/cartouche2.gif"></a></li>
      <li><a href="#"><img

src="http://www.dbc-marketing.fr/image/cartouche2.gif"></a></li>
      <li><a href="#"><img

src="http://www.dbc-marketing.fr/image/cartouche2.gif"></a></li>
         </ul>
            </li>
          </ul>      
</body>
</html>



vous pouvez le visualiser à l'adresse suivante
http://www.dbc-marketing.fr/menu2.html

Le probleme c'est qu'il me cree un cadre de couleur "violet " autour de mes rectangles . Y a t-il un moyen pour supprimer cs cadres ? j'espere avoir été clair merci
mardi 5 juillet 2005 à 14:42:17 | Re : prb d'affichage de menu deroulant

djagger
salut !

rajoute dans ton style :

img {
border: 0px;
}


a+++


Cette discussion est classée dans : http, left, nav, li, sfhover

Répondre à ce message

Sujets en rapport avec ce message

Question pour changer un menu [ par Adriendo ] Bonjour,J'ai suivi ce tutoriel pour faire mon menu et j'ai deux petits questions. -1er question:J'ai deux menus qui sont cote à cote et c Probleme affichage menu sur IE9 (css) [ par ju0123456789 ] Bonjour, Je suis en train de dev un petit site vitrine, tout se passe bien pour le moment, sauf une chose, j'ai l'image de fond de mon menu (quand on Survoler l'image pour zoomer [ par Sinsitrus ] Bonjour à tous, Je suis à la recherche d'un script pour "Survoler l'image pour zoomer" comme celui-ci : [url=http://www.photobox.fr/boutique/objets-p Effect kenburns et problème avec Internet Explorer [ par xavbern ] Bonjour à tous, C'est mon premier message sur ce site même si je traine pas mal dessus pour m'aider dans le code. Mais voilà j'y connais rien et là j Api Youtube [ par Vagners ] Bonjour à tous Je ne sais pas si vous avez deja entendu parler de l' api youtube, mais je m'y suis penchant depuis quelques jours et rien à faire. J' Erreur de type : Message ')' attendu [ par ammouna24 ] Bonjour, J'ai eu cette erreur en compilant, de La ligne 1 à la ligne 4 c'est ce que j'ai:Code :<pre style Probleme de lien dans une pop-up [ par dra78 ] Bonjour à tous. Voila j'utilise actuellement un code javascript faisant un aléatoire de 3 images jpg. Jusque là tout va bien, le code marche. Le probl je n'arrive plus à comprendre ... au secours [ par debutante ] Bonjour, Je n'ai que de très vagues notions de javascript et ça fait bien 7 jours que je n'arrive pas à comprendre pour aller plus loin. A partir du signiature dynamique [ par gadjet76 ] Bonjour toutes : Donc que voilà j'ai besoin de votre aide pour créer un générateur de signatures dynamiques. . Je vous explique est clairement ce que


Nos sponsors


Sondage...

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 : 2,980 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)