28172 sujets

CSS et mise en forme, CSS3

[LANG|="fr"] ou [LANG="fr"] ou [LANG=fr]

Bonjour quelle est la bonne écriture dans une feuille de style pour faire une selection sur la langue :

[LANG|="fr"] ou [LANG="fr"] ou [LANG=fr] ou [LANG|=fr]


Dans la balise html il faut écrire "fr" mais dans la feuille de style ="fr" ou =fr

autre petite question dans des exemples que j'ai trouvé il y a écris [LANG|= est ce différent de [LANG=

a quoi sert le |

@+
php34000 a écrit :
Bonjour quelle est la bonne écriture dans une feuille de style pour faire une selection sur la langue :

[LANG|="fr"] ou [LANG="fr"] ou [LANG=fr] ou [LANG|=fr]


Dans la balise html il faut écrire "fr" mais dans la feuille de style ="fr" ou =fr

autre petite question dans des exemples que j'ai trouvé il y a écris [LANG|= est ce différent de [LANG=

a quoi sert le |

@+


Bonjour,

Les explications:
5.8.1 La correspondance entre les attributs et leurs valeurs
ok merci pour les info

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 Smiley murf


style :


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; 
}

Modifié par php34000 (03 Mar 2010 - 16:58)
salut

a écrit :
est ce quelqu'un a une solution pour mettre des guillemets


J'avoue ne pas saisir. Si je fais :

<html>
<head>
</head>
<body>
<blockquote>
<p>"blabla 1</p>
<p>blabla 2</p>
<p>blabla 3"</p>
</blockquote>
</body>
</html>


çà fonctionne partout, il est où le problème?

a écrit :
Dans la balise html il faut écrire "fr"


lang="fr-FR" ou lang="fr-BE" ou encore lang="fr-CA"

mais c'est juste un raffinement, pas obligatoire
oui si tu mets les guillements dans le texte html

mais si tu veux l'afficher avec une feuille CSS, sans les mettre directement dans le texte html
Bonjour,

En CSS la solution pour les guillemets consiste à faire ceci:

blockquote:lang(fr) {
  quotes:"«\0000A0" "\0000A0»";
}
blockquote:lang(en) {
  quotes:"“" "”";
}
blockquote > :first-child:before {
  content: open-quote;
}
blockquote > :last-child:after {
  content: close-quote;
}

IE7 comprendra le :first-child mais pas content. IE8 comprend les deux (CSS 2.1) mais pas :last-child (CSS 3), donc n'affichera que les guillemets ouvrant. J'ai bon espoir qu'IE9 ait à l'avenir un support complet de ce cas de figure.
Sujet clos
Aller à