Ho letto piu' volte su questo forum che non e' possibile inserire del contenuto con i CSS. Ebbene, non e' vero. I CSS dispongono di una direttiva apposita "content" che permette di posizionare contenuto, prima o dopo un elemento, di tipo testuale o img.
Date in pasto il codice qui sotto a Mozilla1 o Opera7. Purtroppo infatti la proprita' non e' supportata da IE...
<?xml version="1.0"?>
<!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">
<head>
<title>Proprietà content by Mutato</title>
<style type="text/css">
li:after
{
content: ";"
}
p.img:before
{
content: url("http://www.frequenze.it/image/alibilogo.gif")
}
h4:after
{
content: " Questo è ad esempio un testo più lungo, e viene visualizzato subito sotto il titolo <h4>... come si capisce non è possibile inserire marcatori html, il testo inoltre eredita le proprietà di formattazione"
}
</style>
</head>
<body>
<h1>Proprietà content by Mutato</h1>
La proprietà content supportata da Opera7 e Mozilla 1 può inserire nel documento testo o immagini</p>
<ul>[*]Mutato[*]Html.it[*]Frequenze.it[*]XML XSLT[/list]
<h3>Elemento esterno al sito</h3>
<p class="img">Prima di questo paragrafo verrà posizionata una immagine</p>
<h4>TITOLO DELLA SEZIONE</h4>
</body>
</html>
Rispondi quotando
