Centrer les rubriques de mon menu

cocodu67... Messages postés 3178 Date d'inscription   Statut Membre Dernière intervention   -  
salim_1305 Messages postés 70 Statut Membre -
Bonjour,

J'ai créé un site http://www.fan-de-mixmaster.legtux.org mais le soucis c'est que les rubriques de mon menu ont toujours été tout à gauche, du coup c'est vraiment pas top ...

Voici le CSS du menu : https://pastebin.com/V2jHyDJJ

J'ai déjà vu une multitude de menus mais celui-ci me plait vraiment.
Savez vous comment centrer les rubriques ?
Je vois un text-align : center; du coup je ne trouve pas d'où vient le problème ...

Merci beaucoup

PS : Si vous auriez encore des conseils pour améliorer le design, je suis preneur (^_^)

1 réponse

  1. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    Bonjour

    il manque un text-align:center; dans le a du menu quelque part dans le css

    peu être la
    * html ul#css3menu li a{
    display:inline-block;}

    bon un truc est quand meme a éviter

    <ul id="css3menu" class="topmenu"> etc

    une id et une classe différente

    tu peux avoir une div menu genre <div class="menu"> .....ton menu (ul li et a sans aucune classe)...<div>

    et dans le css juste
    .menu{}
    .menu a {}
    .menu li {}
    .menu ul {}

    c'est tellement plus simple a retrouver après plutot qu'un fatra de css avec des id et des class imbriquées

    0
    1. cocodu67... Messages postés 3178 Date d'inscription   Statut Membre Dernière intervention   145
       
      Merci^^
      Oui effectivement ... je verrais ce que je peux faire quand je trouverais le temps.

      Concernant le design de mon site on m'a dit qu'il est moche, t'aurais des idées de trucs à améliorer ?
      0
    2. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
       
      deja faire un charte graphique avec par exemple les couleurs du jeu mixmaster (rouge orange bleu azur)

      donc eviter les couleurs pisseuses et sombres

      faire le menu / centre / footer de la meme taille qui ne prenne pas toute la page centré dans un contener

      ne pas centrer le texte de contenu

      ne pas utiliser trop les tableaux

      aussi dans le code ne pas utiliser 2 fois la même id pour une div
      dans ce cas il faut utiliser une class <div class="nomdeclass">
      0
    3. cocodu67... Messages postés 3178 Date d'inscription   Statut Membre Dernière intervention   145
       
      Concernant les couleurs, c'est vrai que celles que j'utilisent n'ont rien à voir avec les couleurs du jeu ... je vais tenter d'y remédier prochainement.

      Concernant la largueur du menu et du footer il est vrai que c'est inutile de faire aussi large.

      Pour les tableaux je n'en ais utilisé qu'un seul et il est sur la page d'accueil.

      Concernant les id de div réutilisées, c'est plutôt par manque de temps mais je vais également y remédier.

      Merci beaucoup pour tous ces conseils, j'espère que je ne ferais pas pire^^
      0
    4. salim_1305 Messages postés 70 Statut Membre 1
       
      j'ai déjà rencontrer un problème pareille mais moi je l'ai régler grâce a la Command "margin-left" je l'ai appliqué a la div du menu , elle a donc prit une marge gauche de quelque 250px, c'est une méthode un peut manuelle mais pour moi ça marche.
      0