Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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
Voici un screan pour que vous compreniez ce que je veux dire (c'est le blanc en dessous du menu):
Et voici maintenant le code de mon menu déroulant personnalisé:
Merci d'avance
D.Deschamps
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
Voici un screan pour que vous compreniez ce que je veux dire (c'est le blanc en dessous du menu):
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
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
Bonjour,
Regardez à la suite de votre code, vous avez cette ligne :
Cordialement,
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>
Cordialement,
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
je ne l'ai pas dans mon code.
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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,
Cordialement,
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
Regardez bien, ca n'y est pas ^^
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
Et bien j'ai du mal à comprendre, lorsque j'examine l'élément, il y est.
Dans votre css, ajoutez
Cordialement,
Dans votre css, ajoutez
- Code:
margin-bottom: 0px;
Cordialement,
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
ca ne fonctionne toujours pas
je l'ai rajouté ici:
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>
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
Bonjour,
Moi je vois juste 3 pixels de blancs, si on regarde votre code vous avez :
Cordialement.
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 -->
- Code:
<table width=100% height=3px bgcolor="#FFFFFF" rowspan=0 cellspacing=1 cellpadding=0 border=0 align=center><tr><td></td></tr></table>
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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.
=> https://i.imgur.com/CTlcL.png
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
non, je parle du code que j'ai donné sur mon premier message !
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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
et la modification de
en
donne ceci
Avez vous installé votre codage dans le template overall header ????
Si oui, le soucis proviendrait très certainement de là.
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
Avez vous installé votre codage dans le template overall header ????
Si oui, le soucis proviendrait très certainement de là.
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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 !
Ce n'est qu'un code que je suis en train de travailler !
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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.
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
ok, je vais le faire
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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
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
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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; }
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
Merci beaucoup ca fonctionne
Mais je comprends pas pourquoi la police de texte de cette barre change entre la page html et le forum
http://www.ententevip.com/forum
Mais je comprends pas pourquoi la police de texte de cette barre change entre la page html et le forum
http://www.ententevip.com/forum
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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.
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- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
Ca fonctionne, merci beaucoup
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
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".
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".
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
J'imagine que c'est ce script là :
Cordialement.
- 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");}); });
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
ca ne fonctionne pas
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
Et en mettant juste 0 plutôt que "0" ?
( j'ai testé ça fonctionne comme ça )
Cordialement.
( j'ai testé ça fonctionne comme ça )
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
ca a marché, merci beaucoup
Re: Comment supprimer l'espace qui se trouve en dessous de mon menu déroulant ?
je met l'icone résolu.
Sujets similaires
» comment supprimer ou masquer le menu déroulant des outils de modération ?
» comment masquer ou supprimer la ligne "outils de modération" au dessus du petit menu déroulant ?
» Comment faire un " panneau " dessous le menu ?
» Supprimer espace blanc en dessous du menu
» Supprimer des termes (liens) dans un menu déroulant,
» comment masquer ou supprimer la ligne "outils de modération" au dessus du petit menu déroulant ?
» Comment faire un " panneau " dessous le menu ?
» Supprimer espace blanc en dessous du menu
» Supprimer des termes (liens) dans un menu déroulant,
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum