Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

alignement vertical: "baseline"

4 réponses
Avatar
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

4 réponses

Avatar
Olivier Miakinen
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
Avatar
Mihamina Rakotomandimby (R12y)
On Thu, 22 Jul 2010 22:22:17 +0200, Olivier Miakinen wrote:
Voici le design original: http://www.blueline.mg" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">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" target="_blank" class="text-blue hover:opacity-90 " style="word-break: break-all;" rel="noopener nofollow">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
Avatar
Mihamina Rakotomandimby (R12y)
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
Avatar
docanski
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/