Margin aligné à gauche #menu

Fermé
barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 - Modifié par barale61 le 2/12/2013 à 16:08
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 4 déc. 2013 à 02:01
Bonjour,

Je souhaite aligner à gauche un menu j'ai donc fait:


<ul id="menu">
<li><a href="index.php">Liste des news</a></li>
<li><a href="ajout.php">Ajouter une news</a></li>
</ul>

Mais dans ma feuille de style je suis obligé de faire:


#menu {
margin:-26px 0 -4px -50px;
}
#menu li{
list-style:none;
display:inline;
padding:0 0 0 10px;
}

donc je mets une marge négative de 50 pixels pour rattraper le décalage de ma liste vers la gauche mais ne devrait-elle pas s'aligner par défaut à gauche?

Merci de votre aide.
A voir également:

4 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
3 déc. 2013 à 02:10
Bonjour

Essaie ca

#menu {
margin:0;
}
#menu ul {
margin0;
padding:0;
text-align:left;
}
#menu li{
list-style:none;
display:inline;
padding:0 0 0 10px;
}
0
barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 110
3 déc. 2013 à 15:56
Non ça fait pareil.
0
AssassinTourist Messages postés 5709 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 310
3 déc. 2013 à 17:28
Bonjour,

Tout dépend de ton contexte =)

- Soit tu as une balise qui encadre le tout et qui ne doit pas être collé à gauche
- Soit tu as fait une position relative de ton bloc
- Soit un autre bloc "dépasse" et force ton bloc ul de se décaler.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
4 déc. 2013 à 02:01
mets l'url de la page ou au pire poste tout le html et tout le css
le code que je t'ai donné mets le menu a gauche avec une marge de 10 pixel (padding:0 0 0 10px;)
0