Alignement vertical d'un menu CSS

Alignement vertical d'un menu CSS - Web design - Graphisme

Marsh Posté le 22-04-2005 à 09:44:26    

Bonjour à tous,
 
je galère depuis un peu trop longtemps à mon goût ;-) sur un menu fait en CSS que je souhaite intégrer dans mon webdesign. Pour plus de commodité dans les échanges, j'ai placé la feuille de style dans un bout de code html représentatif de ce que je cherche à faire.
Le menu en question (sorti tout droit de listamatic http://css.maxdesign.com.au/listam [...] ntal26.htm se trouve à l'adresse suivante http://www.fdn.fr/~brouchou/test-css/test.htm.
 
Mon problème est que je n'arrive pas à centrer les items du menu verticalement au milieu de la cellule du tableau. Il se trouve en effet que mon menu doit être intégré dans un webdesign plus complexe et trouve sa place dans la cellule d'un tableau comprenant d'autres éléments graphiques.
 
J'ai beau essayer tous les text-align voire du padding dans mon CSS ou encore les valign au niveau de mon tableau, rien à faire, le texte de mon menu reste désespéremment à la même place !
 
A noter que sur une cellule plus large, j'ai le même problème de positionnement au niveau horizontal. Rajouter align=center dans la balise <td> ne change rien à l'affaire.
 
Quelqu'un aurait-il une idée de la façon dont je pourrais procéder pour résoudre ce problème. Est-ce que je me plante quelque part au niveau du CSS ?
 
Une autre petite question au passage ;-) Comment est-il possible de bloquer le redimensionnement de la police de caractères d'un site. En effet l'utilisation de la touche SHIFT + molette souris permet sous IE, firefox (et certainement d'autres navigateurs) de redimensionner dynamiquement la taille des polices du site. Je souhaiterais empêcher cela.
 
Merci d'avance pour vos réponses.
 
Cordialement,
 
Cito

Reply

Marsh Posté le 22-04-2005 à 09:44:26   

Reply

Marsh Posté le 22-04-2005 à 14:11:47    

pour le positionnement je crois qu'il faut jouer avec la police
Pour mon site j'ai un peu de texte au milieu d'un div de hauteur 100px, et pour le centrer verticalementj'ai du mettre ca :
font: bold small-caps 26px/100px arial;
 
J'ai lu sur plusieurs site que le valign ne marchait pas.

Reply

Marsh Posté le 22-04-2005 à 14:45:43    

sebeu a écrit :

pour le positionnement je crois qu'il faut jouer avec la police
Pour mon site j'ai un peu de texte au milieu d'un div de hauteur 100px, et pour le centrer verticalementj'ai du mettre ca :
font: bold small-caps 26px/100px arial;


 
Exact, ça marche :-)
Merci bcp.

Reply

Marsh Posté le 22-04-2005 à 23:03:41    

sinon, il y a un bon tutorial sur le centrage horizontal et vertical en css ici :)
http://css.alsacreations.com/Faire [...] web-en-CSS

Reply

Marsh Posté le 15-09-2006 à 00:34:14    

Aucun des deux ne marche chez moi ... une autre idée ?


Message édité par Mac Fruitos le 15-09-2006 à 00:34:21
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed