28173 sujets

CSS et mise en forme, CSS3

Hello,
je suis tombé sur cette page :
http://www.svay.com/blog/index/2004/07/27/147-petits-trucs-css-a-utiliser-les-plus-souvent-possible

dans laquelle une intervention de L. Denis dit (avec un lien mort malheureusement) :

a écrit :

A propos des abréviations, il est bien agréable de retrouver leur signification à l'impression, avec un petit ajout du même type dans la CSS print:
abbr Smiley title :before, acronym Smiley title :before {
content : attr(title) " (";
}
abbr Smiley title :after, acronym Smiley title :after {
content : ") ";
}
Je raffine un peu en intervertissant via la CSS le sigle et sa signification pour obtenir bla bla bla (BBB). Voir blog-and-blues.com/2004/m...


en quoi cela consiste-t-il exactement ?

j'ai un exemple parlant sous les yeux, la différence existe apparemment entre IE et FF :
http://www.babylon-design.com/site/index.php/2002/05/31/8-grille-et-scan-lines

ce tuto, par exemple, en dessous des lignes hr sont écrits 01, 02, ... en rouge.
le code CSS équivalent :

.photoshop_gauche hr:before,
.photoshop_centre hr:before {
	content:"." attr(title);
	color:#C00;
	font:bold 18pt/1.2 Georgia, Times New Roman, Times, serif;
	font-style:italic;
}


qu'est-ce que ça apporte de plus, vu que ce n'est pas géré par IE ?
Malcolm a écrit :
qu'est-ce que ça apporte de plus, vu que ce n'est pas géré par IE ?

Fournir une page plus riche avec des informations contextuelles non indispensables mais pratiques est plutôt une bonne chose. Si ces informations ne sont pas visibles avec des navigateurs anciens, c'est regrettable mais pas catastrophique, vu qu'il s'agit d'informations secondaires et non essentielles.

Les limitations d'IE ne signifient pas qu'il ne faille pas utiliser certaines possibilités… Smiley cligne
hi,
en fait, c'est pas tant vis à vis des (nombreuses) limitations d'un navigateur, c'est simplement du point de vue accessibilité, p.ex., ext-ce que ça apporte un plus réel ? quel est l'intérêt de procéder de cette manière ?
Malcolm a écrit :
est-ce que ça apporte un plus réel ? quel est l'intérêt de procéder de cette manière ?

Laurent Denis précise que ça n'est que pour l'impression. Le but est de pouvoir imprimer « CSS (cascading style sheets) » voire l'inverse « cascading style sheets (CSS) » et pas uniquement « CSS ».

Pour le média écran, le survol permet d'obtenir cette information. Mais une fois imprimé, l'information est perdue. Sauf en bidouillant pour demander son impression.
d'accord, mais avec cette sorte de "programmation" (qui est presque un abus de langage) on peut avoir accès à un élément du document ... un peu comme le document.getElementById en javascript, bien que cette propriété CSS soit bcp plus restreinte visiblement.