Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Ven 27 Avr 2012 - 12:33

Salut a tous.
Je viens de personnaliser mon menu déroulant horizontale, en m'aidant de ce topic: https://forum.forumactif.com/t314485-installation-d-un-menu-deroulant

Seulement voila, maintenant j'ai une petites questions qui me permettrait de le rendre au top.

Il y a en dessous de mon menu (que j'ai incrusté dans un tableau blanc) encore du blanc. C'est à dire que j'ai l'impression que le height de mon tableau blanc est trop grand. Sauf que je ne sais pas comment modifié ca. J'ai tout essayer ce que je savais Sad
Voici un screan pour que vous compreniez ce que je veux dire (c'est le blanc en dessous du menu):
Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ? Captur10

Et voici maintenant le code de mon menu déroulant personnalisé:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<link rel="shortcut icon" href="http://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Dollar.png" type="image/x-icon" />       
<title>Very Important Players</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){ $("#menu dl").hover(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); });
</script>
   
   
<style type="text/css">
body {
background: url(http://img11.hostingpics.net/pics/907315fondrayon.jpg) fixed; /* image de fond fixe */
margin-top: 0px; /* marge */
margin-left: 0px; /* marge */
margin-right: 0px; /* marge */
}
*{
font-family:arial,helvetica,tahoma,verdana,sans-serif; /* police d'ecriture des texte */
}
a{text-decoration: none !important; /* text non souligne */
color:#178428;
outline:none;
-moz-outline-style:none;
}
.black {
color: black; /* couleur des textes / couleur blanc */
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;
}
.bbd {
background-image: url(http://img11.hostingpics.net/pics/590027navig.jpg); /* fond des icones de barre de navigation */
background-repeat: none; /* pas de repetition de l'image */
height: 35px; /* hauteur de l'image */
width: 182px; /* largeur de l'image */
font-family:tahoma, verdana, arial; /* police du texte des icones de barre de navigation */
font-size:15px; /* taille de la police du texte des icones de barre de navigation */
}
.bbl {
background-image: url(http://img11.hostingpics.net/pics/442536Sanstitre4.jpg); /* fond des icones de barre de navigation */
background-repeat: none; /* pas de repetition de l'image */
height: 35px; /* hauteur de l'image */
width: 75px; /* largeur de l'image */
font-family:tahoma, verdana, arial; /* police du texte des icones de barre de navigation */
font-size:15px; /* taille de la police du texte des icones de barre de navigation */
}
.bbr {
background-image: url(http://img11.hostingpics.net/pics/941816Capture10.jpg); /* fond des icones de barre de navigation */
background-repeat: none; /* pas de repetition de l'image */
height: 35px; /* hauteur de l'image */
width: 75px; /* largeur de l'image */
font-family:tahoma, verdana, arial; /* police du texte des icones de barre de navigation */
font-size:15px; /* taille de la police du texte des icones de barre de navigation */
}
.bbprofil{
background-image: url(http://www.virtuafoot.com/img/theme2010/vfpanel_bg.png);
background-repeat: none; /*pas de repetition de l'image */
height: 153px; /* hauteur de l'image */
width: 185; /* largeur de l'image */
}
.vfborder {
moz-border-radius: 10px ;
webkit-border-radius:10px;
border-radius: 10px;
khtml-border-radius:10px;
border : 0px solid ;
-moz-box-shadow: #000000 0px 5px 10px; 0px;
-webkit-box-shadow : 0px 0px 10px #000000;
}
.shadow {
-moz-box-shadow: #000000 0px 5px 10px; 0px;
-webkit-box-shadow : 0px 0px 10px #000000;
}
.lienvip1 {
font-size: 12px;background-color:#ff0000;background-color:#178428;height:18px; padding-left: 10px;
moz-border-radius: 5px ;
webkit-border-radius:5px;
border-radius:5px;
khtml-border-radius:5px;
}
.lienvip2 {
font-size: 12px;
padding-left: 2px;
}
.block{
padding:6px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
margin:0 3px 15px 3px;
border:1px solid #B0B0B0;
background:#EEE;background:-moz-linear-gradient(center bottom,#DDD 10%,#FFF 100%);
background:-webkit-gradient(linear,left bottom,left top,color-stop(10%,#DDD),color-stop(100%,#FFF));
-moz-box-shadow: #000000 0px 5px 10px; 0px;
-webkit-box-shadow : 0px 0px 10px #000000;
}
.block>table{width:100%}

       
/*liste des menus*/
#menu ul{
padding: 0px;
list-style-type: none;
margin-top: 0px;
}

/*positionnement des menus*/
#menu dl {
float: left;
margin-top:0;
color: #ffffff;
text-align: center;
font-weight: bold;
border: 1px solid white;
border-top: 0px ; /* haut nul */
border-bottom:0px;
}

/*menus au survol*/
#menu dt:hover{
cursor: pointer;
border-bottom: none!important;
background: #c2a441;
}

/*liste des sous-menus*/
#menu dd {
display: none;
border: 1px solid #ffffff;
border-top: none!important;
background: #178428;
margin: 0px;
padding: 0px;
list-style-type: none;
-moz-box-shadow: #000000 0px 2px 3px; 0px;
-webkit-box-shadow : 0px 0px 3px #000000;
position: fixed;
width:180px;
border-bottom-left-radius: 10px; /* bas gauche arrondit */
border-bottom-right-radius: 10px; /* bas droite arrondit */
}

#menu li {
text-align: left;
background: #178428;
margin: 0px;
padding: 0px;
list-style-type: none;
}

/* liens des sous-menus*/
#menu li a, #menu dt a {
color: #ffffff;
background: #178428;
text-decoration: none;
display: block;
height: 30px;
border: 0 none;
margin: 0px;
padding: 0px;
list-style-type: none;
padding-left:10px;
}

/*liens des sous-menus au survol*/
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color: #178428;
text-align: left;
cursor: pointer;
font-weight: bold;
background: #ffffff;
margin: 0px;
padding: 0px;
list-style-type: none;
padding-left:10px;
}

.line {
/* bordure vert: haut gauche carre / haut droite carre / bas gauche arrondit / bas droite arrondit */
border-bottom-left-radius: 20px; /* bas gauche arrondit */
border-bottom-right-radius: 20px; /* bas droite arrondit */
height:5px;
background-color: #178428;
width:50%;
}
</style>
</head>
<!-- /HEAD -->

<!-- TABLE PRINCIPAL -->

<!-- NAVIG -->
<table width=100% bgcolor="#FFFFFF" class=shadow style="position:fixed" rowspan=0 cellspacing=0 cellpadding=0 border=0><tr><td>
<table rowspan=0 cellspacing=0 cellpadding=0 border=0 align=center><tr><td>
<div id="menu">
<dl class="bbl" align=center><a href="http://ententevip.com/"><img src="http://img15.hostingpics.net/pics/324223Sanstitre.png" align=right></a></dl>
<dl class="bbd" align=center><a href="http://ententevip.com/forum"><table cellpadding=7 align=center><tr><td><font color="#ffffff">FORUM</font></td></tr></table></a></dl>

<dl><dt class="bbd" align=center><table cellpadding=7 align=center><tr><td>COMPETITIONS</td></tr></table></dt>
    <dd style="display:none;"><ul>
    <table bgcolor="#ffffff" height=1px width=100% style="margin-left:0;margin-top:0;margin-right:0;margin-bottom:0"><tr><td></td></tr></table><table height=2px><tr><td></td></tr></table>
    <li><a href="http://www.ententevip.com/t1321-coupe-vip-officielle-saison-47"><table cellpadding=2><tr><td><font size=2>Coupe vip saison 47</font></td></tr></table></a></li>
    <li><a href="http://www.ententevip.com/f64-coupe-vip"><table cellpadding=2><tr><td><font size=2>Toute les coupe vip</font></td></tr></table></a></li>
    <li><a href="http://www.ententevip.com/t1350-les-grands-vainqueurs-de-la-coupe"><table cellpadding=2><tr><td><font size=2>Historique des coupes</font></td></tr></table></a></li>
    <table class="line" align=center><tr><td></td></tr></table>
    </ul></dd>
</dl>
<dl><dt class="bbd" align=center><table cellpadding=7 align=center><tr><td>VIP MAG'</td></tr></table></dt>
    <dd  style="display:none;"><ul>
    <table bgcolor="#ffffff" height=1px width=100% style="margin-left:0;margin-top:0;margin-right:0;margin-bottom:0"><tr><td></td></tr></table>
    <table height=2px><tr><td></td></tr></table>
    <li><a href="http://ententevip.com/h2-journal"><table cellpadding=2><tr><td><font size=2>Vip mag'</font></td></tr></table></a></li>
    <li><a href="url-de-renvoi"><table cellpadding=2><tr><td><font size=2>xxxxx</font></td></tr></table></a></li>
    <li><a href="url-de-renvoi"><table cellpadding=2><tr><td><font size=2>xxxxx</font></td></tr></table></a></li>
    <table class="line" align=center><tr><td></td></tr></table>
    </ul></dd>
</dl>
<dl><dt class="bbd" align=center><table cellpadding=7 align=center><tr><td>LE STAFF</td></tr></table></dt>
    <dd  style="display:none;"><ul>
    <table bgcolor="#ffffff" height=1px width=100% style="margin-left:0;margin-top:0;margin-right:0;margin-bottom:0"><tr><td></td></tr></table>
    <table height=2px><tr><td></td></tr></table>
    <li><a href="http://ententevip.com/h3-staff"><table cellpadding=2><tr><td><font size=2>Le staff</font></td></tr></table></a></li>
    <table class="line" align=center><tr><td></td></tr></table>
    </ul></dd>
</dl>
<dl><dt class="bbd" align=center><table cellpadding=7 align=center><tr><td>MES BUREAUX</td></tr></table></dt>
    <dd  style="display:none;"><ul>
    <table bgcolor="#ffffff" height=1px width=100% style="margin-left:0;margin-top:0;margin-right:0;margin-bottom:0"><tr><td></td></tr></table>
    <table height=2px><tr><td></td></tr></table>
    <li><a href="url-de-renvoi"><table cellpadding=2><tr><td><font size=2>Profil</font></td></tr></table></a></li>
    <li><a href="url-de-renvoi"><table cellpadding=2><tr><td><font size=2>Mon bureau vf</font></td></tr></table></a></li>
    <table class="line" align=center><tr><td></td></tr></table>
    </ul></dd>
</dl>
<dl class="bbr" align=center><a href="http://ententevip.com/login?logout"><img src="http://img15.hostingpics.net/pics/324223Sanstitre.png" align=left></a></dl>

</div>
</td></tr></table>
</td></tr></table>
<!-- /NAVIG -->


Merci d'avance
D.Deschamps


Dernière édition par D.Deschamps le Jeu 3 Mai 2012 - 13:12, édité 1 fois
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Roxy. Ven 27 Avr 2012 - 12:54

Bonjour,
Regardez à la suite de votre code, vous avez cette ligne :
Code:
<table width="100%" height="3px" cellspacing="0" cellepading="0" border="0" bgcolor="#FFFFFF" align="center" rowspan="0"> <tbody></table>
Supprimez ceci pour enlevez la bande.

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Ven 27 Avr 2012 - 12:59

je ne l'ai pas dans mon code.
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Roxy. Ven 27 Avr 2012 - 13:02

Pourtant, dans votre code source il apparait. Avez-vous entrez le code dans un quelconque template ? Regardez si cette ligne n'apparait pas dedans.

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Ven 27 Avr 2012 - 13:11

Regardez bien, ca n'y est pas ^^
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Roxy. Ven 27 Avr 2012 - 13:59

Et bien j'ai du mal à comprendre, lorsque j'examine l'élément, il y est.
Dans votre css, ajoutez
Code:
margin-bottom: 0px;
à votre body.

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Ven 27 Avr 2012 - 19:04

ca ne fonctionne toujours pas Sad

je l'ai rajouté ici:

Code:

<table width=100% bgcolor="#FFFFFF" class=shadow style="position:fixed; margin-bottom:0px" rowspan=0 cellspacing=0 cellpadding=0 border=0>
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Sam 28 Avr 2012 - 14:40

?
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Dim 29 Avr 2012 - 22:23

up
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Lun 30 Avr 2012 - 12:39

plus de réponse ?
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Ea Lun 30 Avr 2012 - 14:24

Bonjour,


Moi je vois juste 3 pixels de blancs, si on regarde votre code vous avez :

Code:
<!-- NAVIG -->
<div>
<table width=100% height=35px bgcolor="#FFFFFF" rowspan=0 cellspacing=0 cellpadding=0 border=0 align=center class=shadow style=position:fixed>
<tr><td>
<table width=1074px rowspan=0 cellspacing=1 cellpadding=0 border=0 align=center><tr>
<td class="bbl"><a href="http://ententevip.com/"><img src="http://img15.hostingpics.net/pics/324223Sanstitre.png" align=right></a></td>
<td></td>
<td class="bbd" align=center><a href="http://ententevip.com/forum"><font color="#FFFFFF"><b>FORUM</b></font></a></td><td></td>
<td class="bbd" align=center><a href="http://ententevip.com/h5-competitions"><font color="#FFFFFF"><b>COMPETITIONS</b></font></a></td><td></td>
<td class="bbd" align=center><a href="http://ententevip.com/h2-journal"><font color="#FFFFFF"><b>VIP MAG'</b></font></a></td><td></td>
<td class="bbd" align=center><a href="http://ententevip.com/h3-staff"><font color="#FFFFFF"><b>LE STAFF</b></font></a></td><td></td>
<td class="bbd" align=center><a href="http://www.virtuafoot.com/#home" target="_blank"><font color="#FFFFFF"><b>MON BUREAU VF</b></font></a></td><td></td>
<td class="bbr"><a href="http://ententevip.com/login?logout"><img src="http://img15.hostingpics.net/pics/324223Sanstitre.png" align=left></a></td>
</tr></table>

<table width=100% height=3px bgcolor="#FFFFFF" rowspan=0 cellspacing=1 cellpadding=0 border=0 align=center><tr><td></td></tr></table>
</td></tr>
</table> 

</div>
<!-- /NAVIG -->
Enfin le :

Code:
<table width=100% height=3px bgcolor="#FFFFFF" rowspan=0 cellspacing=1 cellpadding=0 border=0 align=center><tr><td></td></tr></table>
En le virant vous devriez gagner les 3 pixels de hauteur de blanc.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Lun 30 Avr 2012 - 16:24

Ca marche pas
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Ea Lun 30 Avr 2012 - 19:51

Vous parlez bien du forum http://www.ententevip.com/ ? Car si c'est ça je vois encore très bien ce que vous venez de supprimer, bizarre.

=> https://i.imgur.com/CTlcL.png


Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Lun 30 Avr 2012 - 21:29

non, je parle du code que j'ai donné sur mon premier message !
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par demeter1 Lun 30 Avr 2012 - 21:57

Deschamps, le code que vous avez donné dans votre premier message a bien été appliqué sur votre forum non ???
Après analyse par firebug, j'en viens au même résultat qu'Etana.
La suppression de
Code:
<table width=100% height=3px bgcolor="#FFFFFF" rowspan=0 cellspacing=1 cellpadding=0 border=0 align=center><tr><td></td></tr></table>

et la modification de
Code:
<table cellspacing="1" cellpadding="0" border="0" bgcolor="#FFFFFF" width="100%" height="3px" align="center" rowspan="0"><tbody><tr><td></td></tr></tbody></table>

en
Code:
<table cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF" width="100%" height="3px" align="center" rowspan="0"><tbody><tr><td></td></tr></tbody></table>

donne ceci
Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ? Sans_t10

Avez vous installé votre codage dans le template overall header ????
Si oui, le soucis proviendrait très certainement de là.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Lun 30 Avr 2012 - 22:02

non, il n'a pour l'instant pas été appliqué au forum !

Ce n'est qu'un code que je suis en train de travailler !
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par demeter1 Lun 30 Avr 2012 - 22:05

Vous l'avez essayé sur un forum test? si le codage est en place, pouvez vous nous donner le lien du forum? Cela permettrait d'analyser le soucis directement via firebug.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Lun 30 Avr 2012 - 22:11

ok, je vais le faire Smile
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Lun 30 Avr 2012 - 22:14

D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par demeter1 Lun 30 Avr 2012 - 22:56

Apparemment vous avez deux tableaux. Un qui prendre en charge la barre de navigation et un autre qui cumule la barre de navigation et le header.
Je ne sais si le soucis est relatif à ce double tableau mais, vous devriez fournir le template ainsi que le css pour pouvoir un peu mieux cibler le pb.

Voici ce que je trouve avec firebug
Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ? Sans_t11

Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ? Sans_t12

demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Ea Lun 30 Avr 2012 - 23:06

Sur cette page là, vous utilisez des éléments <dl> qui ont de base une marge. Pour la retirer vous pouvez par exemple ajouter ce code css :

Code:
#menu dl { margin: 0; }
Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Mar 1 Mai 2012 - 14:14

Merci beaucoup Smile ca fonctionne Smile

Mais je comprends pas pourquoi la police de texte de cette barre change entre la page html et le forum Sad

http://www.ententevip.com/forum
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Ea Mar 1 Mai 2012 - 14:27

En regardant avec des outils de navigateur, c'est parce que sur votre forum vous avez un code css qui met comme police verdana :
https://i.imgur.com/9hvIG.png

Alors que sur la page html vous ne l'avez pas :
https://i.imgur.com/QMHwq.png

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Mer 2 Mai 2012 - 13:50

Ca fonctionne, merci beaucoup Smile
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Mer 2 Mai 2012 - 13:51

J'ai une autre question:

Quand on pose la souris sur un menu, il se déroule et nous propose ses sous menus.
Ce déroulement se fait de haut en bas.
Existe-il une solution pour que la liste des sous menu apparaissent direct, sans "déroulement".
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Ea Mer 2 Mai 2012 - 18:22

J'imagine que c'est ce script là :

Code:
$(function(){ $("#menu dl").hover(function(){$("#menu dl dd").slideUp("500");$(this).find("dd").stop(true,true).slideDown("500");},function(){$(this).find("dd").slideUp("500");}); });
Les 500 ça correspond à 500 millisecondes ( pour s'afficher / se masquer ) , donc en mettant 0 ça devrait être directe.

Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Mer 2 Mai 2012 - 20:58

ca ne fonctionne pas
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par Ea Mer 2 Mai 2012 - 23:44

Et en mettant juste 0 plutôt que "0" ?

( j'ai testé ça fonctionne comme ça )


Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Jeu 3 Mai 2012 - 2:00

ca a marché, merci beaucoup
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?

Message par D.Deschamps Jeu 3 Mai 2012 - 2:01

je met l'icone résolu.
D.Deschamps

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum