28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,


me revoilà avec une nouvelle énigme. J'ai un menu qui comporte deux listes imbriquées. Une liste qui détermine les thèmes et une autre qui les détaille. J'aimerais que ma première liste s'affiche classiquement avec ses éléments les uns en-dessous des autres mais sans puce ou chiffre et que la liste imbriquée elle se trouve en ligne face à l'élément dont elle dépend. (ci-joint image sans la sous liste en face des catégories "voyages" "impressions"...).



Y a-t-il un autre moyen que de mettre cette sous-liste en position 'absolute' et de créer des ID différentes pour chaque sous listes ?
J'avoue peiner un peu.

Merci de votre aide et de vos conseils


#menu_portfolio ul{
	list-style-type:none;
	width:500px;
}
#menu_portfolio li, #menu_portfolio a{
list-style-type:none;
margin:0 0 10px 0;
}

ul#sub_voyage{list-style-type:none; position:absolute; top:47px; left:260px;}
#sub_voyage li{display:inline;}



<ul id="menu_portfolio">
    	<li><img src="squelettes/images/menus/portfolio/F_Potfolio_Voyages.gif" alt="voyages" />
                    <ul id="sub_voyage">
                    	<li>bananzka</li>
                        <li>dsdsd</li>
                        <li>dsdsds</li>
                    
                    </ul>
                    
                    
                    </li>
        <li><img src="squelettes/images/menus/portfolio/F_Potfolio_Ecrivains.gif" alt="ecrivains" />
            		</li>
    	<li><img src="squelettes/images/menus/portfolio/F_Potfolio_Baroque.gif" alt="baroque" />
        	</li>
        <li><img src="squelettes/images/menus/portfolio/F_Potfolio_Impressions.gif" alt="impressions" />
        	</li>
    </ul>
upload/8805-menusanssou.gif
Modifié par Fugugirl (02 Mar 2008 - 18:52)
Fugugirl a écrit :
Y a-t-il un autre moyen que de mettre cette sous-liste en position 'absolute' et de créer des ID différentes pour chaque sous listes ?
J'avoue peiner un peu.

Pourtant la solution à laquelle tu penses est parfaitement cohérente. Smiley smile
Ok, pour une fois que je pense avant de mettre en pratique Smiley smile Comme quoi ça marche.

Comme je suis pourtant toujours une grosse feignasse, je rencontre toujours les problèmes de différences d'interprétations de pix entre les navigateurs. Comment fais-je pour éviter à l'avenir ce genre de petits inconvénients très irritants ? Y a un tuto quelque part pour me soigner de mon ignardise ?

Merci,
Aurélia.