css e fir

ho letto da futa un pò di articoli sulle tecniche FIR per la gestione delle immagini in ambito semantico…

e devo dire che li ho trovato molto interessanti…

unico dubbio…

se all’interno della mia pagina ho 8374298 immagini, ovviamente riassumibili anche in semplice testo, altrimenti l’esempio semantico va a farsi friggere :wink:, che ovviamente sono contenstuali ed “indispensabili” al layout cosa faccio mi creo l’equivalente numero di ID nel css per la loro gestione?

esempio stupido:
per definire le immagini delle lettere dell’alfabeto da usare come capoversi (esempio tratto da stopdesign) dovrei aggiungere 24 ID nel mio CSS, se poi voglio anche i numeri e i caratteri particolari…

e qui esce la mia VERA anima di programmatore, non c’e’ la possibilità di inserire nell’attributo “background-image” l’url presa dinamicamente da un attributo di un elemento?

esempio [ovviamente questo NON funziona]:

<h1 miaurl=”img.gif”>testo</h1>

e poi nel CSS

h1 {
background-image: url ( attr (miaurl) );
text-indent: -100em;
background-repeat: no-repeat;
}

l’unica alternativa “dinamica” che ho trovato, sui commenti di phark, è di sovrascrivere l’attributo “background-image” della nostra classe utilizzando all’interno del tag l’attributo “style”:

<h1 style=”background-image:url(img.gif);”>
Header replaced with image
</h1>

e poi nel css definire:

h1 {
background-image: none;
}

h1[style] {
background-repeat: no-repeat;
text-indent: -100em;
}

solo che anche questo non funziona su tutti i browser…

quindi? che fare? continuare ad usare il tag “img” nelle pagine con più di 5 immagini? o scrivere dei css da 1mb?

boh! :wink:

ciauz

3 Comments

  1. La mia anima di webdesigner dice che la scelta di utilizzare una determinata tecnica come la FIR rientra nel “progetto” dell’intero sito. Non posso prendere un layout di 8374298 e pensare DOPO di usare questa tecnica. Ma un layout cosi ne avrebbe anche altri di problemi :) Cmq “a quelli bravi” ne bastano una decina di mmagini ;) Il dibattito sulla FIR merita attenzione (e più spazio) e continuerà sicuramente.
    ciao.

  2. opps… manca la parola “immagini” dopo 8374298!

    P.S. Non serve un validatore per capire che il font usato nell’inserire questi commenti è davvero TROPPO PICCOLO ! ;)

  3. effettivamente non mi ero accorto di aver definito un carattere così piccolo per lo stylesheet delle form… correggo! :D

Comments are closed.

%d bloggers like this: