28172 sujets

CSS et mise en forme, CSS3

Modifier du HTML avec le CSS

Bonjour,

Je voulais savoir s'il est possible de modifier du HTML ou d'en créer à partir du CSS ? Je suis constamment suspris de ce que le CSS peut accomplir, alors je me demandais s'il allait jusque là !

Merci !

Sam
Modifié par sam_1421 (18 Aug 2008 - 05:09)
a écrit :
si l'UA les implémente (ce qui n'est pas le cas d'IE) on peut effectivement générer du code html à l'aide des pseudo-éléments :before et :after associés à la propriété content.


Voire sans l'aide de ces pseudo-éléments si on est sous Opera. Smiley lol
a écrit :
Voire sans l'aide de ces pseudo-éléments si on est sous Opera


Bonjour,

Tu pourrais donner plus d'informations à ce sujet?

Merci.
Bonjour,

Tout d'abord, merci pour vos réponses Smiley lol

J'ai lu les liens que vous m'avez fourni, et je dois avouer que c'est un peu complexe Smiley langue

Si j'ai bien compris, si je fais :
<head>
<style>
br.texte:after
{
    content: "Texte à afficher";
}
</style>
</head>
<body>
<p> bla bla bla </p>
<br class="texte />


Cela affichera "Texte à afficher" après le saut de ligne ?

Merci !

Sam
sam_1421 a écrit :

Cela affichera "Texte à afficher" après le saut de ligne ?
Le mieux est de faire des tests ! Smiley langue

Comme je ne m'en sers jamais je ne suis pas le mieux placé pour te renseigner mais quoi qu'il en soit ça ne fonctionne pas avec BR. Peut-être parce que cet élément n'est pas fait pour contenir du texte.

Un exemple qui fonctionne avec FF2 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css"> 
<!-- 
p.note:before { content: "Du texte avant... " }
p.note:after { content: " ...Et encore du texte." }
--> 
</style> 
</head>
<body> 
<p class="note">Blabla</p>
</body>
</html>

Modifié par Heyoan (18 Aug 2008 - 22:45)
D'accord merci, mais est-il possible d'afficher le texte avant l'ouverture de la balise, ou bien c'est absolument à l'intérieur ? C'est un point que je n'ai pas très bien compris Smiley langue
Je t'invite à utiliser l'extension Firebug. Elle me permet de te répondre sans le moindre doute que c'est bien à l'intérieur de l'élément. Smiley cligne
Sujet clos
Aller à