Aller au contenu

Centrer automatiquement les éléments d'une liste


El-Cherubin

Sujets conseillés

Bonjour,

J'aimerai savoir comment faire pour que les éléments d'une liste, générer dynamiquement (cela correspond aux titres des pages dans worpress).

Je suis entrain d'essayer d'adapter le templates dojo pour avoir ce que je souhaite, mais je bute sur quelques trucs, et le principal est dans l'ajout d'un menu.

Pour le moment j'ai ça : -http://new.infocompub.fr

J'aimerai que quelque soit le titre de la page, il soit centré dans sa case.

J'ai bien essayé l'attribut "auto" dans le padding mais c'est pas correct...

Le but final de ce menu, est d'avoir à peu pres la meme chose que sur le blog de fred cavazza, j'ai du mal à gérer avec wp le system de page fille/mere pour faire comme lui, mais ça je vais essayer de trouver la solution avec wp fr, pour le CSS par contre, peut etre pouvez vous m'aider...

Merci d'avance.

Lien vers le commentaire
Partager sur d’autres sites

pour les éléments de menu :

#navlist li {
float: left;
}

#navlist li a {
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
border: solid 1px #CCC;
}

Voila

Lien vers le commentaire
Partager sur d’autres sites

Que ce soit le titre du blog (h1) ou celui de la page (h2), ce sont tous les deux des éléments de type "block"; ils prennent la totalité de la largeur qui leur est allouée. Tu peux tester en leur attribuant une couleur de fond.

Pour centrer leur contenu, il suffit d'y définir une justification de texte, avec :

align: center;

Lien vers le commentaire
Partager sur d’autres sites

J'ai trouvé un menu qui me convient mieux, et sera AMHA plus agréable que les grosses cases précédentes.

Cependant, j'ai un souci au niveau du CSS, je ne parviens pas a aligner les éléments <dl>, comme sur cette page : http://tutorials.alsacreations.com/modelesmenus/hd2.htm

Je n'ai pas besoin du javascript, je n'utilise que le css. Pourriez vous m'indiquer comment faire pour aligner Menu1 et Menu2 svp...?

-http://new.infocompub.fr/

Merci d'avance :)

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...