Discussion :

[Kel-T]

Bonjour,

J'ai un problème pour centrer mon menu, voici mon code

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
17
18
19
20
21
22
23
24
25
26
27
<div id="menu"> 
    <div> 
        <p><a href="index.html#internet">Internet</a></p> 
        <ul> 
            <li><a href="accueil g4-optimiser.html#pr">Protéger et optimiser votre PC</a></li> 
            <li><a href="accueil g4-html.html#html">Le langage HTML</a></li> 
            <li><a href="accueil g4-css.html#css">Le langage CSS</a></li> 
            <li><a href="accueil g4-hebergements.html#heb">Hébergements</a></li> 
        </ul> 
    </div> 
    <div id="syst"> 
        <p><a href="index.html#logi">Logiciels / Systèmes d'exploitations</a></p> 
        <ul> 
            <li><a href="accueil g4-machines virtuelles.html#mach">Machines virtuelles</a></li> 
            <li><a href="accueil g4-ini linux.html#ilinux">Initiation sous Linux</a></li> 
            <li><a href="accueil g4-console linux.html#clinux">Console sous Linux</a></li> 
            <li><a href="accueil g4-msdos.html#msdos">Invite de commande MS-DOS</a></li> 
        </ul> 
    </div> 
    <div> 
        <p><a href="index.html#mat">Matériels / Composants</a></p> 
        <ul> 
            <li><a href="accueil g4-cg.html#cg">Carte graphique</a></li> 
            <li><a href="accueil g4-cpu.html#cpu">Processeur (CPU)</a></li> 
        </ul> 
    </div> 
</div>

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
#menu 
{ 
    width: 990px; 
    margin-left: 180px; 
} 
#menu div  
{ 
    float: left; 
    width: 330px; 
    padding-bottom: 15px; 
    padding-top: 5px; 
} 
#menu p a  
{ 
    background-image: url("img/accueil/fond ciel titre haut de page.png");  
    border: 3px solid black; 
} 
#menu ul  
{ 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 
#menu li  
{ 
    padding-left: 20px; 
    margin-bottom: 7px; 
    background-image: url("img/fleching.gif"); 
    background-position: top; 
    background-position: left; 
    background-repeat: no-repeat; 
} 
#syst 
{ 
    position: relative; 
    right: 38px; 
}

Le menu est collé à gauche, le margin-left (dans #menu) ne fonctionne pas.
J'ai remarqué que sur les anciennes versions d'IE il me le décalait (de 180px) comme prévu.

Aidez moi avec ce code svp !

lien du site

Merci

ps : je suis nouveau, comment mettre les bonnes couleurs dans le code ?

[symfony30000]

il y a un problème déjà dans la déclaration de ton css
car mon navigateur ne voit pas ton div menu de ton css,
à la ligne 94 juste avant la déclaration de ton id #menu il y a deux accolade fermante est ce normal?
sinon essai de structuré toute les parties de ton site est de les centrés dans ta page car en fonction du navigateur et de la résolution du client tu n'aura pas le même résultat.

[Kel-T]

structuré toute les parties de ton site est de les centrés dans ta page

comment ça ?

[symfony30000]

faire un bloc site avec à l'intérieur des blocs header body footer et à l'intérieur de chaque tu rajoute de nouveau bloc comme les menus les containers etc..

en faite pour avoir une architecture plus propre de ton site, et ainsi tu pourra plus facilement placer tes éléments.

[Kel-T]

ok merci