[resolu]Probleme inline

Bonjour,

J'aimerais mettre deux liste en inline, je m'explique j'ai commencer mon site wordpress et j'ai une liste pour les categorie et une pour les pages elles sont bien en ligne mais ca me met les categorie sur une ligne et les pages sur un autre...

Petite image : http://www.cold-network.com/images/Sans%20titre1.jpg

#categories li{
display: inline;
}

#pages li{
display: inline;
}

Modifié par sawara (13 Nov 2009 - 14:58)

Salut,

Il faut mettre les <ul> en inline aussi dans de cas-là.

mais ca ne fait que reduir l'ecart entre les deux :
http://www.cold-network.com/images/Sanstitre-2.jpg

Bonjour,

Dans ce cas il est fort probable que le contenu des deux UL est une largeur définie.

Mais sans plus de code, il va être difficile pour nous de savoir...

désoler voila plus de code :

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : // begin primary sidebar widgets ?>
                        <li id="categories">
				<ul>
<?php wp_list_categories('title_li=&show_count=0&hierarchical=1') ?>
				</ul>                        
			</li>
                        <li id="pages">
                        	<ul>
<?php wp_list_pages('title_li=&sort_column=menu_order') ?>
                        	</ul>
                        </li>				
<?php endif; // end primary sidebar widgets  ?>
	</div>

et le css qui va avec :

#sidebar{
width: 822px;
height: 64px;
background-image: url(images/menu.png);
background-repeat: no-repeat;
padding-left: 185px;
}

#sidebar li {
list-style: none;
}

#categories li {
display: inline;
}

#categories ul{
margin-top:0px;
padding-top:0px;
display: inline;
}

#pages li {
display: inline;
}

#pages ul{
margin-top: 0px;
padding-top: 0px;
display: inline;
}

Désoler de dire ça mais... ton code est bordélique!

Je crois que tu t'ais enmèler les pinceau avec l'ordre des ul et li.
Le bon ordre:

<div id="sidebar">
     <ul>
          <li>menu 1</li>
          <li>menu 2</li>
          <li>menu 3</li>
          <li>menu 4</li>
     </ul>
</div>

Bon là j'ai pas tenue compte du code php, mais déjà si tu remet tout ça en ordre pour ensuite appliquer ton php, ça devrait être mieux.
Ensuite suffira de corrigé ton css.

lol ok merci... mais le code est pas de moi c'est celui du thème sandbox T.T

Sawara, tu te rend compte que nous pauvres humains ne disposons pas d'un interpréteur PHP dans notre cerveau, ni de ta base de données ?

Problème résolu j'ai nettoyer le code et ça passe de suite mieux... merci pour votre aide

Tu as des listes imbriquées (ah, WordPress...).
Il faut donc passer en inline:
- les LI de premier niveau (du moins, ceux concernés);
- les UL de deuxième niveau;
- les LI de deuxième niveau.