Gif Titolo Pagina in Css

[unreg]

Salve,

ho una gif per ogni pagina del sito che cambia, siccome è il titolo stesso della pagina.

ora il mio problema è:

la sudetta gif rappresenta il titolo della pagina con un font artistico, è siccome è meglio serarare la grafica dal contenuto, per rendere il sito conforme agli standard come mi devo comportare con questo elemento ?

mi conviene inserire la gif con il tag <img /> e impostare le misure nel css o altro ?

grazie !

[pierofix]

Potresti inserire il testo nel markup e poi nasconderlo con display:none;

Ad esempio:

<div id="titolo">
   <h1>Questo è il titolo</h1>
</div>

e nel css

#titolo {
   background:...
}
#titolo h1 {
   display:none;
}

C'è un'altra soluzione che fa un uso meno pesante del codice, ma mi pare crei problemi con qualche browser:

<h1 id="titolo">Questo è il titolo</h1>

#titolo {
   background:...
   text-indent:-9999px;
}

[andrea.paiola]

il titolo della pagina va inserito nel tag h1:

<h1>Titolo della pagina</h1>

Se l'immagine gif la consideri parte dei contenuti (come penso) la devi mettere nel codice html:

[img]immagini/testata1.jpg[/img]

alt definisce un testo alternativo da mostrare nel caso l'immagine non venga caricata
height e width sono le dimensioni verticali e orizzontali dell'immagine

[unreg]

Originariamente inviato da pierofix
Potresti inserire il testo nel markup e poi nasconderlo con display:none;

Ad esempio:

<div id="titolo">
   <h1>Questo è il titolo</h1>
</div>

e nel css

#titolo {
   background:...
}
#titolo h1 {
   display:none;
}

C'è un'altra soluzione che fa un uso meno pesante del codice, ma mi pare crei problemi con qualche browser:

<h1 id="titolo">Questo è il titolo</h1>

#titolo {
   background:...
   text-indent:-9999px;
}

il problema sta che la gif cambia per ogni pagina, e ci sono oltre 100 pagine, come posso fare ?

grazie !

[pierofix]

Potresti crearti cento classi diverse, e ad ognuna applichi l'immagine di sfondo, ma la cosa mi sembra alquanto macchinosa.

Ma la gif è parte del contenuto del documento o serve solo ad abbellire? Io credo che come titolo vada applicata una delle due soluzioni che ti ho proposto.

[unreg]

Originariamente inviato da pierofix
Potresti crearti cento classi diverse, e ad ognuna applichi l'immagine di sfondo, ma la cosa mi sembra alquanto macchinosa.

Ma la gif è parte del contenuto del documento o serve solo ad abbellire? Io credo che come titolo vada applicata una delle due soluzioni che ti ho proposto.

è + che altro un abbelimento, tuttavia può considerarsi contenuto perche ha il nome della pagina es. (chi sono, dove sono ecc...)

[andrea.paiola]

Originariamente inviato da andrea.paiola
il titolo della pagina va inserito nel tag h1:

<h1>Titolo della pagina</h1>

Se l'immagine gif la consideri parte dei contenuti (come penso) la devi mettere nel codice html:

[img]immagini/testata1.jpg[/img]

alt definisce un testo alternativo da mostrare nel caso l'immagine non venga caricata
height e width sono le dimensioni verticali e orizzontali dell'immagine