[RESOLU] Position texte menu CSS

Bonjour,

En essayant de mettre en forme et d'adapter plusieurs tutorial qu'il y a sur le site j'ai créé une page :
http://actiong.ovh.org/design/

Malheureusement, malgré avoir essayé de modifier pleins de marge interne / externe un peut partout je n'arrive pas a bien placer le texte du menu.

En fonction des navigateurs j'ai différents positionnement.
Avec IE7, c'est à peu près bon, bien que j'aimerais savoir quoi changer pour baisser légèrement le texte.
Avec FF2, c'est beaucoup trop bas et donc il faudrait que j'arrive à remonter le texte.

Merci d'avance pour votre aide...

Cordialement,

Martin
Modifié par martin87 (25 May 2008 - 19:16)

Salut !

Bon je ne serai peut-être pas d'une grande aide car je débute en css...Mais si tu veux placer ton texte ou tu veux,il faut d'abord voir la conception de ta page, le placement de tes balises div, les blocks, les balises ul, li, a..(si il y en a )

Donne un bout de code c'est plus simple ( c'est une des règles du forum ). Après pour la différence entre les navigateurs, il faut déjà que ton code soit validé w3c..C'est déjà la base. De toute façon d'autres personnes beaucoup plus calé que moi vont te répondre !

Bon courage !
Modifié par nemeton (25 May 2008 - 17:54)

Bonjour,

1. Un padding-top: 5px sur les liens du menu serait pas mal, bien que pas idéal.

2. Il faudrait supprimer le prologue XML qui est ici inutile, et qui fait buguer IE6.

3. Le seul moyen d'avoir un menu horizontal avec texte centré verticalement quel que soit le nombre de ligne de chaque item (une, deux ou trois...), c'est d'avoir un élément en display: table-cell; vertical-align: middle;. Problème: IE 6-7 ne comprend pas display: table-cell;. Donc soit c'est tant pis pour IE, soit on utilise un tableau, soit on se contente d'une solution moins efficace (voir point numéro 1).

nemeton a écrit :
Donne un bout de code c'est plus simple ( c'est une des règles du forum ).

Hmm... non, pas vraiment. La règle exacte est la suivante:

a écrit :
Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème. La règle est simple : il faut toujours donner un maximum de détails pour être sûr d'avoir une chance que les autres comprennent et aident.

martin87 a bien indiqué une URL, ce qui permet à toute personne utilisant un navigateur web d'accéder au code HTML, CSS et éventuellement Javascript. Si on utilise en plus des outils comme la Web Developer Toolbar ou Firebug, c'est encore plus simple de constater le problème, d'en identifier la source et de tester des solutions. Comparé à cela, le bout de code donné dans le sujet sur le forum n'est qu'un pis-aller.

Merci beaucoup Florent V.

T'as réponse correspond exactement à ce dont j'avais besoins !

Il y a juste le prologue XML pour lequel il faudra que je trouve d'autres informations. Je pensais que ça permettait a navigateur de mieux interpréter le code.

C'est vrai que je n'ai pas pensé à valider mon code avant de poster ce message, j'essayerais d'y penser la prochaine fois. En tout cas mon problème est résolu !

Merci beaucoup.

Cordialement,

Martin