Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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
avatar

Pinguino
Adminactif
Adminactif

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

https://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-
avatar

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
avatar

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
avatar

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.
avatar

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
avatar

Pinguino
Adminactif
Adminactif

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

https://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



avatar

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.
avatar

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

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