28173 sujets

CSS et mise en forme, CSS3

[résolu] Différencier les listes

edit:
salut Smiley cligne
je repose ma question autrement:

comment faire pour que ces ul et li ne s'appliquent qu'à une seule liste ?

ul, li {
	list-style-type: none;
	margin:0;
	padding:0;
}
ul {
	position: absolute;
	top: 70px;
	margin: 0px 0 ;
	padding: 0 ;
	background: transparent url(images/fondmenu.png) top left no-repeat;
	width: 750;
	text-align: center;
}
li {float: left;}

li#menu1 a {
	display: block;
	height: 60px;
	width: 70px;
}
li#menu2 a {
	display: block;
	height: 60px;
	width: 150px;
}
li#menu3 a {
	display: block;
	height: 60px;
	width: 145px;
}
li#menu4 a {
	display: block;
	height: 60px;
	width: 130px;
}
li#menu5 a {
	display: block;
	height: 60px;
	width: 135px;
}
li#menu6 a {
	display: block;
	height: 60px;
	width: 120px;
}
li a:hover {
	background: transparent url(images/fondmenu.png) top left no-repeat;
}

a#menu1:hover {
	background-position: -750px 0%;
}

a#menu2:hover {
	background-position: -820px 0%;
}

a#menu3:hover {
	background-position: -970px 0%;
}

a#menu4:hover {
	background-position: -1115px 0%;
}

a#menu5:hover {
	background-position: -1245px 0%;
}

a#menu6:hover {
	background-position: -1380px 0%;
}


merci d'avance
Modifié par r4z (27 Feb 2007 - 11:38)
Tout d'abord, Bonjour ...

r4z a écrit :
edit: je repose ma question autrement:

comment faire pour que ces ul et li ne s'appliquent qu'à une seule liste ?

En spécifiant un id (ou une class) pour l'élément <ul>... Smiley cligne
désolé j'avais dis bonjour, mais j'ai édité j'ai tout effacé me suis planté. Merci en tout cas Smiley cligne

par contre j'ai un souci maintenant, j'ai 3 div, un pour le header, un pour ce menu, et un pour le contenu....or celui du contenu remonte au même niveau que celui du menu, c'est à dire juste en dessous du div du header. Je ne comprend pas trop :s
Modifié par r4z (27 Feb 2007 - 10:56)
Houlà ... Smiley rolleyes

Un problème à la fois Smiley cligne
Ta question portant sur les listes a trouvé sa réponse ?

Concernant la suite, un lien ou un screenshot ne serait pas superflu... Smiley smile
en fait j'ai résolu le problème, j'avais oublié de spécifier la hauteur du div qui contient mon menu en liste.

merci
r4z a écrit :
en fait j'ai résolu le problème, j'avais oublié de spécifier la hauteur du div qui contient mon menu en liste.

merci

... il ne reste donc plus qu'à l'indiquer dans ton en-tête de sujet ... Smiley langue
Sujet clos
Aller à