css


css

Astuce certainement connue, mais insuffisamment pour ne pas l'avoir rencontré moi même…

Je suis en train de faire les formulaires JS pour Blogotext, pour les commentaires. Les boutons pour mettre en gras, italic, etc. sont typiquement des balises <input />, et les lettres qu'on voit sur les boutons (B pour gras, I pour italic ou U pour souligné) sont spécifiés dans les attributs value="" des sus-cités balises Input.

Mais de cette façon, il n'est pas possible de mettre le "G" en gras, ou de souligner le "U" dans le bouton lui même (à moins d'utiliser une image, mais c'est nul).

Il y'a tout de même un moyen : le CSS, encore une fois.
Il suffit de dire qu'on veut que le texte de l'input contenant un "G" soit en gras :

HTML :
<fieldset id="format-buttons">
<input type="button" value="B" onclick="" title="Mettre en Gras la sélection" />
<input type="button" value="I" onclick="" title="Mettre en Italique la sélection" />
<input type="button" value="U" onclick="" title="Souligner la sélection" />
<input type="button" value="S" onclick="" title="Barrer la sélection" />
</fieldset>
CSS :
#format-buttons input[value="B"] { font-weight: bold; }
#format-buttons input[value="I"] { font-style: italic; }
#format-buttons input[value="U"] { text-decoration: underline; }
#format-buttons input[value="S"] { text-decoration: line-through; }

Ce texte marche dans tous les navigateurs, et même dans les versions 7+ de ce que les gens nomment « Wind*** int**net expl**er ».


quelques news :
- 640 morts en Libye. Ouch. C'est dingue que Khadafi s'obstine au point de vouloir tuer son peuple. Quel con. Et en France ? On se cache au lieu d'agir : bravo. Mais $arko ne va pas se fâcher avec son pote quand même...
- la France n'est une plus démocratie, selon une étude de The Economist (un hebdomadaire mondialement réputé) - (lien via Standblog). Ha, me marre-je maintenant, vu que l'on se riait de moi quand disais-je cela y'a un an. Mouhaha. Moins démocratique que l'Italie de cher Berlusconi ? Pfffff.

image de Simon Pow