Discussion :

[Tamus]

Bien l'bonsoir,

J'ai un petit problème d'alignement d'une liste à l'interieur d'un div.

En effet j'ai une liste horizontale (mon menu) dans un div de 16px sur 770px.

Je souhaiterais que ma liste se trouve à droite dans mon div et non à gauche.

le css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
.menu {
    width: 770px;
    height: 15px;   
    margin-top: 16px;
    color: #fff;
    text-align: right;
}
 
.menu ul {
  list-style-type: none;
}
 
.menu li {
    float: left;
}

et le div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
    <div class="menu">
            <ul>
                <li>Menu 1</li>
                <li>Menu 2</li>
                <li>Menu 3</li>
                <li>Menu 4</li>
                <li>Menu 5</li>
            </ul>
        </div>

Avec ceci ma liste est calé à gauche et non à droite.
Je ne vois pas quoi ajouter, ou enlever :s

Quelqu'un pour m'aider un peu ?
Merci d'avance.

[Nemesys]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.menu {
    width: 770px;
    height: 15px;   
    margin-top: 16px;
    color: #fff;
    text-align: right;
}

.menu ul {
  list-style-type: none;
}

.menu li {
    float: right;
}

Tu aurais pu cherché la

[Tamus]

Han ! Je suis trop mauvais

Merci beaucoup ^^

[Nemesys]

Y'a pas de quoi, n'hesite pas a faire des recherches ou a modifier ton code css comme tu le sens pour faire des tests, car toute facon tu peux toujours revenir en arriere avec le css et trés rapidement