28220 sujets

CSS et mise en forme, CSS3

Menu qui s'affiche au passage de la souris

Bonjour à tous,

J'ai trouvé le script pour le menu qui saffiche au passage de la souris, mais j'ai un probleme pour la modification du code CSS.

Je l'ai modifié un tout petit peu mais je n'arrive pas a modifier le reste.

Voici mon code à l'etat actuel :

<style type="text/css">
ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute; 
top: 2em; /* positionnement du menu, que vous pouvez changer à loisir */
left: 3em;
width: 100%; /* précision pour Opera */
}

li {
float: left;
}

.menu a {       /* définition de chaque bouton du menu */
width: 100px;	   /* largeur du bouton, que vous pouvez changer à loisir */
height: 20px;
float: left;
display: block;
text-align: center;
border: 0px; 
text-decoration: none;
color: #000;
background: #fff;
}

.menu a:hover {
color: #411;
background: #fff;
border: 0px; 
border-bottom: 0px;
color: #000;
}

.menu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 0px;
color: #000
}</style>

Je voudrais maintenant le modifier de maniere à ce que le texte caché s'affiche a droite du lien avec une bordure qui l'entoure...

Aidez moi SIL VOUS PLAIT !!!! Smiley bawling Smiley bawling Smiley bawling Smiley bawling Smiley bawling Smiley bawling

Merci Smiley smile

Vince_122, Webmaster de Depan-pc.net
Modifié par Vince_122 (16 Apr 2005 - 22:45)
Administrateur
Bonsoir Vincent,

Pourrais-tu relire l'Aide/Règles du forum et notamment le paragraphe suivant ?
Règle a écrit :
13- Mise en forme générale des messages

Merci de bien vouloir prendre le temps de présenter correctement vos messages, surtout si ces messages doivent inciter les autres membres à vous dépanner sur un problème. Des boutons de mise en forme sont prévus pour cela (gras, italique, etc.). Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués). Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème


Merci d'avance d'éditer ton post, et bonne soirée à toi Smiley cligne
Sujet clos
Aller à