Espace entre image et menu
2 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
Espace entre image et menu
Bonjour,
Voila, je crée une page en html/css. Et, j'ai un petit problème !!
Voici, le lien de la page: http://lord-of-cubs.jeun.fr/h3-accueil
Je voudrais supprimer l'espace entre l'image et le menu. Je ne sais pas comment faire..
Voila, mon code html !!
Cordialement,
mimi-76-
Voila, je crée une page en html/css. Et, j'ai un petit problème !!
Voici, le lien de la page: http://lord-of-cubs.jeun.fr/h3-accueil
Je voudrais supprimer l'espace entre l'image et le menu. Je ne sais pas comment faire..
Voila, mon code html !!
- Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Accueil - Lord Of Cubs</title>
<style>
body { background-color: #161A1B; }
#structure { width: 80%; background-color: #161A1B; }
.img { width: 100%; }
ul#menu
{ top: 0px; margin:0; padding:0; list-style-type:none; width: 100%; display:block; height:30px; font-size:12px; font-weight:bold; background-color: black; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid blue; border-top:1px solid #000000; border-radius: 0px 0px 100px 100px;
}
ul#menu li
{ display:block; float:left; margin:0; padding:0; }
ul#menu li a
{ display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px;
}
ul#menu li a:hover
{ color: red; height:22px;}
ul#menu li a.current
{ display:inline; height:22px; float:left; margin:0;
}
</style>
</head>
<body>
<center>
<div id="structure">
<table cellspacing='0'>
<img class="img" src="http://img15.hostingpics.net/pics/855933Sanstitre5.png" border="0" vspace="1"/>
<div><ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="http://lord-of-cubs.jeun.fr/">Forum</a></li><li><a href="#">Commande</a></li><li><a href="http://lord-of-cubs.jeun.fr/h1-dons">Dons</a></li>
<li><a href="#">Contact</a></li>
</ul></div> </table>
</div>
</center>
</body>
</html>
Cordialement,
mimi-76-
Dernière édition par mimi-76- le Mer 27 Juin 2012 - 13:30, édité 1 fois
Re: Espace entre image et menu
Bonjour
Le problème est-il toujours d'actualité ?
Cordialement,
Le problème est-il toujours d'actualité ?
Cordialement,
Pinguino- Adminactif
-
Messages : 13622
Inscrit(e) le : 02/05/2004
Re: Espace entre image et menu
Bonjour,
Veuillez m’excuser, mais ceci est toujours d’actualiter, je ne comprends pas comment retirer cet espace.
Merci, de m'aider...
Cordialement,
mimi-76-
Veuillez m’excuser, mais ceci est toujours d’actualiter, je ne comprends pas comment retirer cet espace.
Merci, de m'aider...
Cordialement,
mimi-76-
Re: Espace entre image et menu
UPUP
---------------------------------
Aller la France
---------------------------------
Aller la France
Re: Espace entre image et menu
Up, je peut pas après.
Re: Espace entre image et menu
Bonjour,
Sur le lien que vus avez fourni je ne vois pas d'espace entre l'image et le menu..
Pourriez vous refaire une capture en entourant la zone concernée ?
Cordialement,
Sur le lien que vus avez fourni je ne vois pas d'espace entre l'image et le menu..
Pourriez vous refaire une capture en entourant la zone concernée ?
Cordialement,
Pinguino- Adminactif
-
Messages : 13622
Inscrit(e) le : 02/05/2004
Re: Espace entre image et menu
Bonsoir ,
J'ai essayer de voir en ajoutant une propriété en CSS ( margin-top ) à ul#menu ,c'est possible que ma réponse soit erronée en revanche moi ça fonctionne.
Voici le code :
Vous pouvez remplacer le 7 pour ajuster l'espacement.
Cordialement.
J'ai essayer de voir en ajoutant une propriété en CSS ( margin-top ) à ul#menu ,c'est possible que ma réponse soit erronée en revanche moi ça fonctionne.
Voici le code :
- Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Accueil - Lord Of Cubs</title>
<style>
body { background-color: #161A1B; }
#structure { width: 80%; background-color: #161A1B; }
.img { width: 100%; }
ul#menu
{ top: 0px; margin:0; padding:0; list-style-type:none; width: 100%; display:block; height:30px; font-size:12px; font-weight:bold; background-color: black; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid blue; border-top:1px solid #000000; border-radius: 0px 0px 100px 100px; margin-top: -7px;
}
ul#menu li
{ display:block; float:left; margin:0; padding:0; }
ul#menu li a
{ display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px;
}
ul#menu li a:hover
{ color: red; height:22px;}
ul#menu li a.current
{ display:inline; height:22px; float:left; margin:0;
}
</style>
</head>
<body>
<center>
<div id="structure">
<table cellspacing='0'>
<img class="img" src="http://img15.hostingpics.net/pics/855933Sanstitre5.png" border="0" vspace="1"/>
<div><ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="http://lord-of-cubs.jeun.fr/">Forum</a></li><li><a href="#">Commande</a></li><li><a href="http://lord-of-cubs.jeun.fr/h1-dons">Dons</a></li>
<li><a href="#">Contact</a></li>
</ul></div> </table>
</div>
</center>
</body>
</html>
Vous pouvez remplacer le 7 pour ajuster l'espacement.
Cordialement.
Invité- Invité
Re: Espace entre image et menu
Je vous remercie de votre réponse !
Sujets similaires
» [Problème] Espace entre chaque image du menu
» espace entre les boutons de menu
» Espace entre le menu et forum
» Espace entre le menu et les catégories
» mettre un espace entre le menu et la pub
» espace entre les boutons de menu
» Espace entre le menu et forum
» Espace entre le menu et les catégories
» mettre un espace entre le menu et la pub
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