Discussion :

[Valadone]

Bonsoir,

J'ai un exercice à faire pour les cours de xHTML et CSS2 à rendre fin de semaine et je me demande quelles techniques utiliser pour faire ce sous menu. Je n'arrive pas à le moduler comme je veux avec la méthode du ul li ul li pour faire 2 menus imbriqués. La taille du sous-menu ne veut pas du tout prendre la taille que je souhaite, il reste à la taille du 'li' dont il est issue.

Est-ce une bonne technique que de le faire en div plutôt qu'en 'li' en xHTML ?

Ou avez-vous une technique pour le faire simplement et rapidement ?

Voici ce que je dois faire :



Merci.

[Invité]

Bonjour,

ul / li.
Le reste n'est que du CSS.


Indices :
- ul li ul en %
- petite flèche avec :after

[Valadone]

J'ai pas réussi à faire la flèche avec le :after.

C'est bon si je fais ça comme ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
	#wrap .sous-menu a{
		display: block;
		width: 200px;
		height: 52px;
 		background-image: url('images/arrow.png');
		background-position: 5px 22px;
		background-repeat: no-repeat;
		padding-left: 18px;
		padding-top: 5px;
	}

[Invité]

Du code CSS n'a d'intérêt qu'avec le code HTML associé.

Voir :

• Glossaire des propriétés CSS
• La galerie CSS
• Un menu déroulant en CSS3

et aussi :

• CSS triangle generator

[Valadone]

Pour le menu c'est fini, j'ai lu les liens que tu as mis et m'ont bien aidé, merci.

J'ai un autre soucis maintenant.

Cette bordure peut se faire en CSS2 ? ou dois-je le faire en image ?



Tout à droite c'est une simple bordure blanche donc ça va, entre les deux c'est une bordure de 1px noir et blanc pour chaque div mais celle du haut qui est en noir puis blanche je voudrais savoir la meilleure chose à faire.

[Invité]

Même celle du haut est une bordure double gris/blanc.

• Glossaire CSS - II-D. Type de bordure | border-style