Sujet Précédent Sujet Suivant

Imcompréhension du CSS

Résolu/Fermé
HotSkill Messages postés 65 Date d'inscription mardi 1 janvier 2008 Statut Membre Dernière intervention 26 septembre 2010 - 24 déc. 2008 à 15:55
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 - 24 déc. 2008 à 19:31
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: 

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

10 réponses

Réponse 1 / 10
HotSkill Messages postés 65 Date d'inscription mardi 1 janvier 2008 Statut Membre Dernière intervention 26 septembre 2010 1
24 déc. 2008 à 16:26
up
0
Réponse 2 / 10
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
24 déc. 2008 à 16:33
peut tu nous dire a quoi correspond menu-h, bando et menu-b
0
Réponse 3 / 10
HotSkill Messages postés 65 Date d'inscription mardi 1 janvier 2008 Statut Membre Dernière intervention 26 septembre 2010 1
24 déc. 2008 à 16:48
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
0
Réponse 4 / 10
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
24 déc. 2008 à 16:53
je pense qu'il faut mettre une propriété padding entre bando et menu h ou alors augmenter le margin de menu-b
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 10
HotSkill Messages postés 65 Date d'inscription mardi 1 janvier 2008 Statut Membre Dernière intervention 26 septembre 2010 1
24 déc. 2008 à 16:53
sa servirait a quoi ? juste comme ça
0
Réponse 6 / 10
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
24 déc. 2008 à 17:05
avant tout j'ai remarqué qu'il n'y avait qu'un menu

je ne vois pas bien a quoi correspond menu-h
0
Réponse 7 / 10
HotSkill Messages postés 65 Date d'inscription mardi 1 janvier 2008 Statut Membre Dernière intervention 26 septembre 2010 1
24 déc. 2008 à 17:18
menu-h va servir éventuellement à mettre d'autre lien ....
0
Réponse 8 / 10
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
24 déc. 2008 à 17:27
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
0
Réponse 9 / 10
HotSkill Messages postés 65 Date d'inscription mardi 1 janvier 2008 Statut Membre Dernière intervention 26 septembre 2010 1
24 déc. 2008 à 17:44
oui mais mes images sont positionner a tu regardé le screen?
0
Réponse 10 / 10
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
24 déc. 2008 à 19:31
oui j'ai regardé et justement il faut cadrer tes images avec ton menu car la dans ton css rien n'est précisé quand a leur position sur l'ecran
0

Discussions similaires

[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
HTML - définir taille bouton
Diva -
Utilisateur anonyme -

14 réponses
[CSS] Mettre un objet au premier plan
Achillion -
tiran58 -

2 réponses
Enlever le soulignement sous les liens en HTML/CSS
baissaoui -
baissaoui -

0 réponse