Aller au menu - Aller au contenu
Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

Menu / sous menu

Pour accéder à cette section
Connectez-vous !
connexion_rpx
Page 1 
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1 
Hors ligne Lou-gy # Posté le 03/07/2009 à 22:33:24

Bonjour all

Aujourd'hui, j'ai du mal à faire ce que je souhaite, en faite, voici mon résultat :

Image utilisateur

Et voici le résultat que je souhaite avoir :

Image utilisateur

Donc, pour l'instant mon code XHTML :

Secret (cliquez pour afficher)
Image utilisateur


Et voila mon code CSS :

Secret (cliquez pour afficher)
Image utilisateur


Voila, j'espère avoir été clair.

Merci de votre aide
Publicité # Posté le 03/07/2009 à 22:33:24

Hors ligne Trillela # Posté le 04/07/2009 à 13:06:35
Pika il est trop beau !!
Avatar
oas dutout claire tes screen r'envoie le code normalement avec la fonction de se forum.

Sinon je te conseille un
Code : CSS
1
2
3
4
#mainmenu .yes li
{
/* code pour les li dans le ul avec class yes */
}
Pour un forum plus claire passez votre sujet au vert une fois résolu !

 
Hors ligne Lou-gy # Posté le 04/07/2009 à 14:22:13

J'ai réussi plus ou moins à faire ce que je souhaitais, mais, j'ai un petit problème entre les deux navigateur IE et FireFox.

Code : HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Cours particuliers 31</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="menu" href="menu.css" />
</head>

<body>

<div id="menu">
<ul class="menu" id="mainmenu">
	<li class="item"><a href="#"><span><b>Accueil</b></span></a></li>
	<li class="item1"><a href="#"><span><b>Matières</b></span></a>
		<ul class="caca">
			<li>Physique appliqué</li>
			<li>Mathématique</li>
			<li>Construction</li>
			<li>bla bla</li>
		</ul>
	</li>
	<li class="item"><a href="#"><span><b>Enseignants</b></span></a></li>
	<li class="item"><a href="#"><span><b>Tarifs</b></span></a></li>
	<li class="item"><a href="#"><span><b>Cheque ESU</b></span></a></li>
	<li class="item"><a href="#"><span><b>Contacts</b></span></a></li>
</ul>
</div>

</body>
</html>


Code : CSS
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
.item, a {
	background: url("images/imgmenu.png");
	margin-bottom: 4px;
	height: 45px;
	width: auto;
	text-indent: 5px;
	display: block;
	list-style-type: none;
}

#menu {
	width: 210px;
}

.menu{
	width: 100%;
	margin:0;
	padding:0;
}

.caca {
	background-color: green;
	border: 1px solid;
	margin-top: -4px;
	margin-bottom: 4px;
	width: 170px;
	margin-left: 40px;
}

.item1 {
	background: url("images/imgmenu.png") no-repeat;
}


Avec FireFox :

Image utilisateur

Avec IE :

Image utilisateur

Avec IE, c'est correct, mais Firefox, c'est moche.

Voila, je ne sais pas quoi faire..

Merci de m'aider
Édité le 04/07/2009 à 14:33:24 par Lou-gy
Hors ligne ced57 # Posté le 04/07/2009 à 15:07:21

Et en jouant avec le padding ça va pas ?

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx