Liste à puce en CSS - Marge et retour à la ligne

Fermé

yetimec Messages postés 2 Date d'inscription lundi 16 septembre 2013 Statut Membre Dernière intervention 17 septembre 2013 - 16 sept. 2013 à 18:35
yetimec Messages postés 2 Date d'inscription lundi 16 septembre 2013 Statut Membre Dernière intervention 17 septembre 2013 - 17 sept. 2013 à 10:34

Bonjour,

J'aimerai un "Plan" sur mon site et pour cela j'ai utilisé une liste à puce à 2 niveaux :
(similaire à un "menu CSS" déjà déroulé).
Néanmoins j'ai un problème au niveau du sous-menu qui ne revient pas à la ligne et qui possède une marge.

<html>
<head>

<style type="text/css">

 body{
	background-color:#303030;
	color: #d2d2d2;
}

.monPlan {
	padding-left:0;
	marging-left:0; 
}

.monPlan li {
	list-style: none ;
	display:block;
	text-align: left;
	float: left;
}
.monPlan li li { 
	display:block;
}
.monPlan a {
	text-decoration: none;
	color: #d2d2d2;
}


</style>

</head>

<body>

<ul class="monPlan">
	<li>
	<a href="">Menu 1</a>
        <ul>
            <li>
                <a href="">Sous Menu 1.1</a>
            </li>
            <li>
                <a href="">Sous Menu 1.2</a>
            </li>
            <li>
                <a href="">Sous Menu 1.3</a>
            </li>
        </ul> 
    </li>
	<li>
	<a href="">Menu 2</a>
        <ul>
            <li>
                <a href="">Sous Menu 2.1</a>
            </li>
            <li>
                <a href="">Sous Menu 2.2</a>
            </li>
            <li>
                <a href="">Sous Menu 2.3</a>
            </li>
        </ul> 
    </li>			
</ul>

</body>
</html>

A voir également:

Liste à puce en CSS - Marge et retour à la ligne
Liste déroulante excel - Guide
Aller à la ligne excel - Guide
Echo retour à la ligne ✓ - Forum Shell
Vente en ligne particulier - Guide
Python retour à la ligne dans le code - Forum Python

1 réponse

Réponse 1 / 1

yetimec Messages postés 2 Date d'inscription lundi 16 septembre 2013 Statut Membre Dernière intervention 17 septembre 2013
17 sept. 2013 à 10:34

Partiellement résolu, je n'utilisais pas <ul> ni les "position:relative"

Discussions similaires

[CSS] Forcé retour à la ligne

Retour à la ligne tchat.

Retour ligne dans une concaténation EXCEL ?

balise de retour à la ligne en php

Faire un retour à la ligne sur Google Sheet

Discussions similaires

Newsletters