Aller au contenu

Lettrines et css


Dinostrate

Sujets conseillés

Bonjour,

Je me suis "amusé" a placer quelques lettrines sur un site, et j'ai trouvé sympa la méthode d'alsacreations :

http://www.alsacreations.com/articles/lettrine/

Ca fonctionne très bien à quelques détails près, j'ai constaté un problème d'affichage sous IE quand on plaçait la lettrine dans une <div> positionnée en float:right... le float:left de la lettrine ne suffit pas pour positionner à gauche. Dans les autres cas de figure, tout fonctionne très bien.

Mais aujourd'hui, ma question n'est pas là, voilà...

Si je veux placer une lettrine uniquement en image et avec cette méthode (je veux dire : image hors contenu) existe-t-il un moyen pour rendre l'image variable avec le zoom sur caractères ? (attention, je ne parle pas d'une image en mosaïque, mais d'une image unique, bien entendu)

Notez que cette question ne concene pas que les lettrines...

Dino

Lien vers le commentaire
Partager sur d’autres sites

Si je veux placer une lettrine uniquement en image et avec cette méthode (je veux dire : image hors contenu) existe-t-il un moyen pour rendre l'image variable avec le zoom sur caractères ? (attention, je ne parle pas d'une image en mosaïque, mais d'une image unique, bien entendu)

Tu veux dire une image qui s'agrandit si l'utilisateur agrandit la police ?

Oui, il suffit de donner une taille fluide à l'image (en "em" par exemple), comme ici : http://www.htmldog.com/articles/elasticdesign/demo/

PS : pour le problème sur IE, je crois que c'est un bug courant. Si je ne me trompe pas, tu as les explications ici : http://www.positioniseverything.net/explor...led-margin.html

Lien vers le commentaire
Partager sur d’autres sites

Tu veux dire une image qui s'agrandit si l'utilisateur agrandit la police ?

Oui, il suffit de donner une taille fluide à l'image

OK Sibelius c'était bien ça... merci pour ta réponse.

En fait, avec l'exemple que tu cites, l'image figure quand même dans le contenu (elle n'est pas en background) mais finalement, je pense que c'est mieux ainsi.

Comme j'avais déjà rendu des images proportionnelles à la dimension de la fenêtre et à la résolution de l'écran, j'avais l'esprit un peu "encombré" car ce n'est pas le même procédé.... il restera peut être à combiner les deux solutions B)

En tout cas pour les lettrines, aucun doute, il faut les rendre élastiques de la même manière que les caractères. Je vais tester cette chose.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...