28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

je ne suis pas codeur (ce qui excuse mon ignorance) Smiley lol , mais j'aimerai tout de même réussir à faire quelque chose, et là : je bute un petit peu ...

http://img171.imageshack.us/img171/1192/blapb6.png

J'aimerai coder proprement l'image ci dessus (en bidouillant j'y arrive mais alors les standards ...), pourriez vous m'indiquez la démarche à avoir ou du moins me dire si la mienne est mauvaise ?

- j'ai créer une 'div float' left pour le gros BLABLA
- une autre pour l'accolade
- une autre qui contient la phrase blablabla
(avec une "sous div" qui contient le formulaire) ...

mais, je ne sais pas comment faire pour :
* aligner verticalement l'accolade avec le BLABLA (elle est beaucoup plus grosse) * aligner verticalement la div "phrase + formulaire " (un block donc) par rapport à l'accolade.

j'ai pourtant regarder la FAQ du site, mais je bloque toujours ... Une idée .. des pistes .. ma démarche n'est pas la bonne ?

Merci d'avance

Question subsidaire: si j'ai un texte définit en 'em' dans une 'div' en % ... c'est bel et bien ce que l'on appelle une mise en page liquide ?
Administrateur
Bonjour et bienvenue,

je n'ai pas eu à le faire souvent mais la fois où je l'ai fait c'était comme ça. Juste pour info, tu peux donner comme valeur à vertical-align (bien) plus qu'1em lorsque middle ne convient pas, pour cause de tailles très différentes entre les deux (4em à côté d'un textarea par exemple)
Modifié par Felipe (21 Aug 2007 - 13:46)
merci pour la réponse ...
mais cela est plus simple (en fait) d'utiliser un SPAN (avec un vertical-align) pour l'accolade celle-ci étant dans la même balise <p> que BLABLA ....

Je me rend compte également que faire un site 100% liquide, c'est bien compliqué (en cas de mauvaise résolution, certains blocks filent à la ligne et cela détruit entièrement le design ...) .. je vais donc partir sur un site de type 'alsa' fixe + fluide (mais à droite et non centré) ..

Qui vivra verra ... Smiley lol

Merci encore Smiley cligne