Dans la peau d'une biroute

Plutôt clair ou foncé

--> Pour une meilleure lisibilité

J'aurais dû m'en douter, en rendant public ma mise en page, je me retrouve devant un tas de petits problème qui passaient inaperçu avant. Le choix des couleurs de texte est un exemple. J'avais oublié que je n'avais pas appliqué la couleur par défaut à tous les élements dans la feuille de style. Cela ne posait pas de problème ici car le fond n'est pas noir mais sur certains jouebs, les blablas et le texte des boutons devenaient illisibles.

Seulement voilà, d'autres on décidé d'avoir un fond d'aquarium foncé et d'utilisé un texte clair. Rendant pas très lisible (voir totalement illisible, les boutons et autres zone de texte à blabla. Les solutions sont simples. Oui, les solutions car je suis généreux, c'est comme ça.

Première solution : modifier la couleur du texte des zones incriminées. Facile, au lieu de :

#blocks input, #blocks textarea, #blocks select {
               background: #<smartcolor background>;
               margin: .5em auto}

On aura :

#blocks input, #blocks textarea, #blocks select {
               background: #<smartcolor background>;
               color: #<smartcolor text>;
               margin: .5em auto}

(Cette solution ne marche si le contratse entre la couleur de fond de votre joueb et la couleur du texte de votre joueb est suffisante, sinon, il faut remplacer >smartcolor text> par le code de couleur que vous souhaiter utiliser. C'est donc un peu plus délicat.)

Deuxième solution, modifier la couleur de fond des zones illisibles. Le code de remplacement est alors :

#blocks input, #blocks textarea, #blocks select {
               background: white;
               color: #<smartcolor text>;
               margin: .5em auto}

Cette solution est expéditive et marche à tous les coups. On remplace la couleur de fond par du blanc, le texte apparaît en blanc sur noir, il n'y a plus de problème. Là aussi, vous pouvez remplacer le blanc par une autre couleur.

Ecrit par be-rewt, le Mercredi 21 Janvier 2004, 18:45 dans la rubrique "Aquarium".

Repondre a cet article