Imcompréhension du CSS
Résolu
HotSkill
Messages postés
70
Statut
Membre
-
antic80 Messages postés 4877 Statut Contributeur -
antic80 Messages postés 4877 Statut Contributeur -
Bonjour,
voici le lien de l'image:
http://apu.mabul.org/up/apu/2008/12/24/img-154451cvn3j.jpg
donc comme vous l avez vu les lien du menu sont décalé je ne sais pas pourquoi et je voudrais que les lien du menus soit à la bonne place sur le menu ^^ je n'arrive pas à trouver l'erreur donc c est pour ca que je demande votre aide.
donc voici mon code html:
et voilà le code CSS:
Merci de votre aide
voici le lien de l'image:
http://apu.mabul.org/up/apu/2008/12/24/img-154451cvn3j.jpg
donc comme vous l avez vu les lien du menu sont décalé je ne sais pas pourquoi et je voudrais que les lien du menus soit à la bonne place sur le menu ^^ je n'arrive pas à trouver l'erreur donc c est pour ca que je demande votre aide.
donc voici mon code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ultimate-Torrent</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
<div id="menu-h"></div>
<div id="bando"></div>
<div id="menu-b">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Upload Torrent</a></li>
<li><a href="#">Browse Torrent</a></li>
<li><a href="#">Today Torrents</a></li>
<li><a href="#">Search</a></li>
</ul>
</div>
</body>
</html>
et voilà le code CSS:
body{
background:#6699FF;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}
#menu-h {
background:url(theme/menu.jpg) no-repeat top center;
height: 27px;
margin:0;
padding: 0px;
margin-top: 5px;
}
#bando {
background:url(theme/bando.jpg) no-repeat top center;
height: 151px;
margin:0;
padding: 0px;
}
#menu-b {
background:url(theme/menu-b.jpg) no-repeat top center;
height: 27px;
padding: 0px;
margin:0;
}
#menu-b ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu-b li {
display: inline;
margin: 0px;
padding: 0px;
}
#menu-b li a {
width:1002;
display: block;
height: 23px;
clear: none;
float:left;
text-decoration: none;
font-size: 14px;
color: #FFFFFF;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#menu-b li a:hover {
text-decoration: underline;
}
Merci de votre aide
A voir également:
- Imcompréhension du CSS
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
10 réponses
menu-h=barre du menu du haut
bando=à limage
menu-b=barre du menu du bas
les liens sont supposé être sur la barre du menu bas
bando=à limage
menu-b=barre du menu du bas
les liens sont supposé être sur la barre du menu bas
je pense qu'il faut mettre une propriété padding entre bando et menu h ou alors augmenter le margin de menu-b
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ok
en fait tu as mis 3 blocs div met dans ton css rien n'indique ou ils doivent se positionner. il faut soit que tu indique dans ton css a quel distance ils doivent se trouver par rapport au haut de la page ou alors utiliser les blocs flottant pour les placer les uns par rapport au autre
interesse a la propriété float. tu devrais facilement trouver sur le net
en fait tu as mis 3 blocs div met dans ton css rien n'indique ou ils doivent se positionner. il faut soit que tu indique dans ton css a quel distance ils doivent se trouver par rapport au haut de la page ou alors utiliser les blocs flottant pour les placer les uns par rapport au autre
interesse a la propriété float. tu devrais facilement trouver sur le net
