Espace entre image et menu

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

Résolu Espace entre image et menu

Message par mimi-76- le Mer 20 Juin 2012 - 20:20

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 !!

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

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par Pinguino le Jeu 21 Juin 2012 - 12:26

Bonjour


Le problème est-il toujours d'actualité ?
Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10213
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par mimi-76- le Jeu 21 Juin 2012 - 17:25

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-

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par mimi-76- le Ven 22 Juin 2012 - 18:10

UP

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par mimi-76- le Sam 23 Juin 2012 - 21:38

UPUP


---------------------------------
Aller la France

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par mimi-76- le Lun 25 Juin 2012 - 20:21

Up, je peut pas après.

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par Pinguino le Mar 26 Juin 2012 - 11:38

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,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10213
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par mimi-76- le Mar 26 Juin 2012 - 19:09




mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre image et menu

Message par Invité le Mar 26 Juin 2012 - 23:42

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 :
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>
Arrow margin-top: -7px;
Vous pouvez remplacer le 7 pour ajuster l'espacement.

Cordialement.

Invité
Invité


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

Résolu Re: Espace entre image et menu

Message par mimi-76- le Mer 27 Juin 2012 - 13:29

Je vous remercie de votre réponse !

mimi-76-
****

Messages : 279
Inscrit(e) le : 14/03/2012

http://lord-of-cubs.jeun.fr
mimi-76- a été remercié(e) par l'auteur de ce sujet.

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


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