alignement vertical: "baseline"

Le
Mihamina Rakotomandimby (R12y)
Bonjour,

Je me mords les doigts depuis un moment.
(On passera sur le debat des gouts et des couleurs ;-))

Voici le design original: http://www.blueline.mg
HTML5, CSS "moderne", statique, dont on ne touche plus rien.

Voici celui que je suis en train de faire: http://mailadmin.blueline.mg
xHTML généré programmatiquement (OCaml, avec Ocsigen)

Je voudrais que ce que je suis en train de faire ressemble le plus à
l'original.

Là ou je coince c'est sur le menu horizontal: je n'arrive pas à faire en
sorte que les éléments du menu se calent en bas, et que lors du "hover"
le bord bas du fond blanc coincide avec le bord bas du fond rose.

Auriez vous des pistes?

PS: les pages sont longues à charger (latence 400ms), vous êtes si loins
de nous :-)

--

Architecte Informatique chez Blueline/Gulfsat:
Administration Systeme, Recherche & Developpement
+261 33 11 207 36
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
Olivier Miakinen
Le #22385261
Bonjour,

Le 22/07/2010 20:48, Mihamina Rakotomandimby (R12y) a écrit :

Voici le design original: http://www.blueline.mg
HTML5, CSS "moderne", statique, dont on ne touche plus rien.

Voici celui que je suis en train de faire: http://mailadmin.blueline.mg
xHTML généré programmatiquement (OCaml, avec Ocsigen)

Je voudrais que ce que je suis en train de faire ressemble le plus à
l'original.



Ok.

Là ou je coince c'est sur le menu horizontal:



Je suis étonné, car justement dans le design original ce menu est
vertical... tu ne cherches donc pas la ressemblance ici ?

je n'arrive pas à faire en
sorte que les éléments du menu se calent en bas, et que lors du "hover"
le bord bas du fond blanc coincide avec le bord bas du fond rose.

Auriez vous des pistes?



Tu peux essayer ceci :
display: block;

Cordialement,
--
Olivier Miakinen
Mihamina Rakotomandimby (R12y)
Le #22385711
On Thu, 22 Jul 2010 22:22:17 +0200, Olivier Miakinen wrote:
Voici le design original: http://www.blueline.mg HTML5, CSS "moderne",
statique, dont on ne touche plus rien.

Voici celui que je suis en train de faire: http://mailadmin.blueline.mg
xHTML généré programmatiquement (OCaml, avec Ocsigen)
Je voudrais que ce que je suis en train de faire ressemble le plus à
l'original.


Ok.
Là ou je coince c'est sur le menu horizontal:


Je suis étonné, car justement dans le design original ce menu est
vertical...



Ben là: http://www.blueline.mg, il est horizontal, d'apres moi.
Mais si ça ça s'appelle vertical, alors OK, il est vertical.
Ou peut-etre aurais-je du dire la "barre horizontale?"

tu ne cherches donc pas la ressemblance ici ?



Si.

--

Architecte Informatique chez Blueline/Gulfsat:
Administration Systeme, Recherche & Developpement
+261 33 11 207 36
Mihamina Rakotomandimby (R12y)
Le #22386811
On Fri, 23 Jul 2010 12:03:49 +0200, Olivier Miakinen wrote:
Bon, et le « display: block; » ça marche ?



Mettre mes <a> en "display:inline-block" semble avoir mieux "marché".
Mais pas encore exactement.

Et merci -:)

--

Architecte Informatique chez Blueline/Gulfsat:
Administration Systeme, Recherche & Developpement
+261 33 11 207 36
docanski
Le #22386911
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
Mihamina Rakotomandimby (R12y) ecrit ce qui suit en ce 22/07/2010 20:48 :
Bonjour,



Salut,

(On passera sur le debat des gouts et des couleurs ;-))



Ça craint, en effet !

Là ou je coince c'est sur le menu horizontal: je n'arrive pas à faire en
sorte que les éléments du menu se calent en bas, et que lors du "hover"
le bord bas du fond blanc coincide avec le bord bas du fond rose.

Auriez vous des pistes?



#piedgauche="position:absolute;width:400px;height:40px;bottom:0;left:0"
#pieddroit="position:absolute;width:400px;height:40px;bottom:0;right:0"

ne marche pas ? J'ai pas essayé, à toi de faire.
Heu ... j'ai arbitrairement mis la largeur à 400 px (% c'est mieux,
évidemment) pour t'inciter à ne pas dépasser des fenêtres de 800 px,
vieux débat souvent tourné en troll. ;-)

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Publicité
Poster une réponse
Anonyme