Discussion :

[php34000]

est ce quelqu'un a une solution pour mettre des guillemets à

<bloquote>
<p>blabla 1</p>
<p>blabla 2</p>
<p>blabla 3</p>
</bloquote>

pour aficcher cela :
"blabla 1
blabla 2
blabla 3"

et qui marche sur tout les navigateur lol...

j'ai trouvé des solution avec une image à la place des ""
est il possible d'adapter le pricipe des image (first-letter, flaot...) pour mettre un caractere " plutot qu'une image


style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 blockquote {     font-family:Georgia,"Times New Roman",Times,serif;     font-style:italic;    background:url(right-quote.gif) no-repeat right bottom;    text-indent:-25px;     padding-right:25px;    padding-left:25px;    color:brown;   text-align:justify;  }     blockquote:first-letter {    background:url(left-quote.gif) no-repeat left top;    padding-left:25px;    font-size:1.4em;  }

[Erwan31]

Bonjour,
tout d'abord c'est blockquote (bloc de citation) et non bloquote
comme IE6 et 7 ne génèrent pas automatiquement des guillemets avec q, il faut supprimer les guillemets généraux par les navigateurs alternatifs et les ajouter dans le HTML comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<q>“ citation ”</q>

et pour la suppression

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

q:before, q:after {content:""}

Sinon pour les ajouter en image <q><span class="open"></span>citation<span class="close"></span> </q> et utilisation des flottant pour dimensionner les span selon la taille du guillemet.

[php34000]

oui mais cela impose de prevoir la structure visuelle de la page dans le fichier html ce qui est contradictoire avec l'utilisation des feuilles de style (séparation texte et mise en page)

Après reflexion c'est peut être la bonne solution de mettre les guillemets dans le code html plutot qu'avec la feuille de style pour des raison d'accessibilité qu'en pesnez vous ?

S'avez vous ce que recommande les organisme qui s'occupent de l'accessibilité web (les guillemets sont ils utiles et donc doivent ils être contenus dans le texte pour être lu par les lecteurs vocaux, ou est ce que c'est juste visuel et au contraire ils gènent la lecture et ils doivent être affichés en CSS).