28220 sujets

CSS et mise en forme, CSS3

Mise en forme d'une insertion

Bonjour,

Pour rester sémantique, je voudrais que mes mises à jour (ins) entourent les éléments blocs ajoutés (p)
<ins><p>bla</p></ins>

Parce que c'était parfois invalide, j'ai pris l'habitude de faire le contraire, même si le résultat est parfois assez moche (voir les puces vides dans ce billet).
<p><ins>bla</ins></p>

et ais développé ma feuille de style en conséquence.
ins	{
	border-bottom:gray .1em dotted;
	text-decoration:none
}

Mais j'ai aujourd'hui constaté que ça pouvait parfois être valide, comme justement dans le cas de p et et ins. J'ai donc modifié la feuille de style
ins	{text-decoration:none}
ins *	{border-bottom:gray .1em dotted}

Làs! le résultat n'est guère probant.
P INS est l'apparence que je veux mais ce n'est pas très sémantique
upload/357-p-inspeusema.png
P INS est la sémantique que je veux mais ce n'est pas très beau
upload/357-ins-psemanti.png

Une idée de comment avoir les deux ?

Merci
Modifié par David Latapie (14 Jul 2005 - 12:26)
Pour comprendre le principe :

<style type="text/css">
<!-- 
ins{text-decoration:none}

ins p *{border-bottom:gray .1em dotted}
-->
</style>
</head>
<body>
<ins><p><span>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.</span></p></ins>
</body>


En effet, ce n'est pas au paragraphe (ins p) que tu veux appliquer la bordure, mais à son contenu en ligne (ins p *). Celui-ci doit donc être balisé comme tel.

Concrètement, tu généralisera avec :


ins{text-decoration:none}

ins span{border-bottom:gray .1em dotted}

Modifié par Laurent Denis (14 Jul 2005 - 12:43)
Je viens de constater les mauvaises surprises de mon client mail qui vous met en spam...

Si je comprend bien, il est nécessaire d'ajouter de la structure (un span, en l'occurence) dans le document ?
David Latapie a écrit :

Pour rester sémantique, je voudrais que mes mises à jour (ins) entourent les éléments blocs ajoutés (p)
<ins><p>bla</p></ins>

Parce que c'était parfois invalide, j'ai pris l'habitude de faire le contraire


Peux-tu détailler les cas où tu obtenais un résultat non valide ?
Sujet clos
Aller à