OVH Cloud OVH Cloud

[css] Encore des questions et conseils

1 réponse
Avatar
olidev
Bon, j'avance un peu mais j'ai encore des questions

Sur cette maquette :
http://www.devue.be/css/

J'ai quelques soucis :

1) Je voudrais que les div "menu1" et "menu2" soient centrés à
l'intérieur du div "navigation".

2) je voudrais imposer une contrainte de taille minimale au div
"navigation" pour éviter le replis des boutons si je réduis la fenêtre.
(je connais l'astuce de l'image d'une taille de 1 pixel sur la longueur
souhaitée, mais, il n'y a t'il pas plus propre ??)

3) je voudrais que le texte sur le bouton (menu1) soit centré
verticalement sur le bouton (sans ajouter un <br> au niveau du lien.


Voci la feuille de style :
http://www.devue.be/css/style/standard/screen.css

Merci


PS: ne faites pas attention aux couleurs, elles sont justes la pour
repérer les différents div ;-)


--
Remplacer -Remove@Me- par @ pour r?ponse par email

1 réponse

Avatar
olidev a ecrit :

Bon, j'avance un peu mais j'ai encore des questions

Sur cette maquette :
http://www.devue.be/css/



Pas mal, ça promet !

J'ai quelques soucis :



oui, encore un peu de boulot ! :-))

1) Je voudrais que les div "menu1" et "menu2" soient centrés à
l'intérieur du div "navigation".



Comprends rien à ce que tu veux.
C'est pas bon comme c'est ?
Menu 1 (général du site) en haut
Menu 2 (particulier du chap) dessous.

<div id=navigation style="text-align:center">
<div id=menu1 style="margin:auto;">
</div>
<div id=menu2 style="margin:auto;">
</div>
</div>

2) je voudrais imposer une contrainte de taille minimale au div
"navigation" pour éviter le replis des boutons si je réduis la fenêtre.
(je connais l'astuce de l'image d'une taille de 1 pixel sur la longueur
souhaitée, mais, il n'y a t'il pas plus propre ??)



<div id=navigation style="width:600px;">

ou mieux, styler en em et faire la navigation de largeur (nombre maxi de lettres dans un onglet) x (nombre d'onglets)
==> petit pb, le titre d'un des onglets semble déborder de l'image de l'onglet

3) je voudrais que le texte sur le bouton (menu1) soit centré
verticalement sur le bouton (sans ajouter un <br> au niveau du lien.



line-height: 25px; (si 25px est la hauteur du bouton)

Voci la feuille de style :
http://www.devue.be/css/style/standard/screen.css

Merci

PS: ne faites pas attention aux couleurs, elles sont justes la pour
repérer les différents div ;-)



Ha! bon ! j'ai eu peur (surtout menu 2)


--
******** (enlever/remove [OTER_MOI] du/from reply url) *******
Stéphane MORIAUX : mailto:
Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
http://perso.wanadoo.fr/stephane.moriaux/internet/
**************************************************************