Hauteur backgroudn d'un menu
Résolu
Bonjour,
J'aimerai comprendre, j'ai crée un menu déroulant, il marche je lui ai mis un background-color...
Le problème c'est que quand la sourie pointe dessus, le background-color prend toute la couleur jusqu'à ce qui a en dessous.
c'est surement a cause de ca:
regarder cette photo pour comprendre:http://ups.imagup.com/06/1260344896.jpg
Il ce trouve sur ce site: http://vistlip.free.fr
--
.: itsuki power shunyuu ! :.
J'aimerai comprendre, j'ai crée un menu déroulant, il marche je lui ai mis un background-color...
Le problème c'est que quand la sourie pointe dessus, le background-color prend toute la couleur jusqu'à ce qui a en dessous.
c'est surement a cause de ca:
<!-- début du menu-->
<body>
<center><table height='150'><tr>
<td width="0" valign='top' onmouseover="show('t')" onmouseout="hide('t')" >
<A href='index.html' ><img src='boutton-accueil.jpg' border="0" /></A>
<div id='t'>
</div></td>
regarder cette photo pour comprendre:http://ups.imagup.com/06/1260344896.jpg
Il ce trouve sur ce site: http://vistlip.free.fr
--
.: itsuki power shunyuu ! :.
Configuration: Windows Vista Firefox 3.5.5
17 réponses
-
Tu ne met dans ton explication que le code du bouton "accueil". La taille (height) du menu déroulant a du être spécifiée quelque part dans la table contenue dans le div "t". Autrement il s'adapte automatiquement au nombre de lignes.
Serge -
Merci de m'aidez, mais je n'ai rien compris...
-
la source affichée dans tes extpliations est celle du bouton du menu "accueil".
Il y est dit que le survol de l'image "bouton-accueil.jpg" affiche ou masque ('t')
"t" est le nom donné à la table affichant le menu déroulant au survol de la souris. Il faut trouver dans la source le div ou la table nommée "t" qui contient le menu déroulant et changer la valeur du "height" ou simplement supprimer ce paramètre.
Serge -
Je ne trouve pas, je peut t'envoyer le code source que tu puisse m'expliquer ?
-
Supprime le height et la fenêtre du menu prendra la hauteur de son contenu.
<div height="30px" id='t6' onmouseover="show('t6')" onmouseout="hide('t6')">
A savoir: 30px -
ca ne marche pas T-T ca fait pareil.
-
Et si tu fermais tes div ?
<div id='t6' onmouseover="show('t6')" onmouseout="hide('t6')"> <a href='contact.html' >moi</A><BR> <a href='http://www.lyceeviette.fr/contact.html' >le lycée</A><BR>
à remplacer par:<div id='t6' onmouseover="show('t6')" onmouseout="hide('t6')"> <a href='contact.html' >moi</a><br/> <a href='http://www.lyceeviette.fr/contact.html' >le lycée</a></div>
-
ça ne marche pas aussi T-T
-
Enlève le height du table quitte mettre un margin-bottom à la place.
-
dans le CSS ?
-
Réfléchis ! Essaye ! Teste !
"C'est en forgeant qu'on devient forgeron" ... -
il ce réduit, mais quand je pointe avec la sourie tous ce qui a en dessou bascule( http://vistlip.free.fr sur le boutton: contact)
j'aurai du laisser le " height="110" ?? -
Mais pourquoi poses-tu la question ? Remets-le, et tu verras bien si cela change ou pas...
-
je l'ai déjà fait, mais après le background du menu déroulant va jusqu'a ce qui a en dessou.
-
Merci.
-
Par contre tu devrais supprimer le <br> sur la le deuxième lien du menu. ça fait un saut de ligne inutile.
-
ok ^^
