Liste imbriqué et display inline [résolu]

Bonjour à tous !

Voilà j'ai un petit souci, j'aimerais que ces deux listes imbriquées soit affichées en ligen, est-ce possible ?

pour l'instant j'ai fait ainsi :

<ul class="pagination">
				<li class="prev"><a href="#">Page précédente</a></li>
				<li>
					<ul class="pages">
						<li><a href="#">23</a></li>
						<li><a href="#">24</a></li>
						<li><a href="#">25</a></li>
						<li><a href="#">26</a></li>
						<li><a href="#">27</a></li>
						<li class="current">28</li>
						<li><a href="#">29</a></li>
						<li><a href="#">30</a></li>
						<li><a href="#">31</a></li>
						<li><a href="#">32</a></li>
					</ul>
				</li>
				<li class="next"><a href="#">Page suivante</a></li>
			</ul>

et voici ma css :

.pagination {
	list-style-type:none;
}

.pages {
	list-style-type:none;
}

.pagination li {
	display:inline;
}

.pages li {
	display:inline;
}

mais évidemment ça ne fonctionne pas ! Vous auriez une idée

merci infiniment de votre aide !
Modifié par romz (26 Jul 2006 - 16:31)

Ajoute ca à ton CSS

.pagination li ul{
	margin:0px;
	padding:0px;
	display:inline;
}

et tout va marcher

Tu n'affectais pas l'alignement de ton deuxième UL
Modifié par s_har_k (26 Jul 2006 - 15:49)

Bonjour,

C'est tout à fait normal, ul est un élément bloc, donc il faut à lui aussi lui appliquer la propriété display:inline.

ul.pagination,
ul.pages {
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
}

ul.pagination li,
ul.pages li {
	display:inline;
}

Je mettrai quelque chose dans ce gout là

Si c'est bon, pense au [résolu]

nikel ça marche ! merci mille fois !