les guillemets dans <q> et couleur des "check" ?

[Bob]

Bonjour à tous,

Deux petites questions pour paufiner une mise en page CSS :

- j'utilise une balise <q> pour citer un bout de texte. Sous Mozilla, ce bout de texte est automatiquement encadré de guillemets ("citation"), mais on ne voit rien sous IE...

Comment coder en CSS pour forcer cet affichage ?

- j'aimerais changer la couleur des coches qui s'affichent dans les checkbox, c'est possible en CSS ? (je sais, c'est vraiment du détail, mais bon )

Voilà, merci pour vos conseils

[LaurentDenis]

IE ne respecte pas le standard HTML pour l'élément q : le texte n'est pas encadré de guillemets... et CSS n'y peut rien, sauf à compromettre le HTML :

- en remplaçant q par un autre élément ou en le supprimant,

- et en mettant les guillemets directement dans le contenu.

Dès lors que le contenu de q est signalé aussi par l'italique via CSS... est-ce si grave ? Le sens (c'est une citation) est bien rendu. C'est ce qui compte.

Si c'est quand même si grave... il y a un javascript... tordu.

http://www.ookingdom.com/design/phrase (en anglais)

J'oubliais, au cas où ce serait utile:

obtenir des guillemets français avec les espaces insécables là où il faut :

q {

quotes: "\00AB\00A0" "\00A0\00BB" "\0022" "\0022";

font-style: italic;

}

Styler les guillemets selon la langue de la citation :

<q lang="en">blablabla</q>

q[lang=en] {

...

}

q[lang=de] {

...

}

Pour les codes d'entités à utiliser pour obtenir les différents types de guillemets nationaux, voir tout simplement :

http://www.w3schools.com/css/pr_gen_quotes.asp

(en bas de page, petit tableau bien propre)

Modifié 30 Mars 2004 par LaurentDenis

[Monique]

Bonjour Bob,

Pour tes boutons radios, tu peux faire ceci

<form action="fichier.html" method="post">
 <p><label>Choisissez une couleur : </label>
 <input type="radio" name="couleur" value="rouge" style="background-color:red;"> rouge 
 <input type="radio" name="CSS" value="non" style="background-color:blue;" checked="checked"/> bleu</p>
</form>

[Bob]

Monique : ça marche dans les champs de saisie, et autour de la checkbox, mais pas pour la coche... Mais bon, c'est vraiment du détail, rien de grave. Merci quand même

Laurent : merci pour cette foultitude de précisions. Tant pis pour les utilisateurs d'IE

Par contre, je n'ai pas vu de différence entre les guillemets de:

<q lang="fr">

et de:

<q lang="en">

même sous Mozilla

[LaurentDenis]

Mozilla non plus n'implémente pas bien la norme Il faut l'aider avec CSS pour qu'il différencie les guillemets...