Allineamento immagini/testo

[piero06]

ciao,

sto impazzendo a cercare come ottenere con i CSS lo stesso risultato di 'align="middle"' che si aveva con il vecchio caro HTML.

Ovvero vorrei che le icone accando ai titoletti del contenuto della home, fossere sulla stessalinea del testo.

Ovvero il testo sia 'all'atezza della metà' dell'icona.

Chi mi illumina ?


Pierofix .... ti aspetto

[lorenzos]

Non basta il float?

[piero06]

Ad esempio ?

[lorenzos]

[img]imm.jpg[/img]

[pierofix]

Ah, ho capito! Le icone vanno messe come sfondo del titolo:

#titolo {
   padding-left:30px;
   height:1.5em; line-height:1.5em;
   background:#fff url(icona1.gif) no-repeat 0 50%;
}

[piero06]

Guarda tu stesso .... no.

Vorrei che il testo sia allineanto in verticale al centro dell'icone.

[pierofix]

Originariamente inviato da pierofix
Ah, ho capito! Le icone vanno messe come sfondo del titolo:

#titolo {
   padding-left:30px;
   height:1.5em; line-height:1.5em;
   background:#fff url(icona1.gif) no-repeat 0 50%;
}

[piero06]

Originariamente inviato da pierofix
Ah, ho capito! Le icone vanno messe come sfondo del titolo:

no

|      |
|icona | TESTO
|      | 

non

|      |
|icona | 
|      |TESTO

Ok ?

[pierofix]

Sììì! Ti sto dicendo che le icone le devi togliere dal markup e inserire come sfondo tramite css, seguendo il procedimento che ti ho illustrato sopra.

[piero06]

Originariamente inviato da pierofix
Sììì! Ti sto dicendo che le icone le devi togliere dal markup e inserire come sfondo tramite css, seguendo il procedimento che ti ho illustrato sopra.

Ma se io ho 7 icone diverse da inserire, per ogni titoletto, devo faremi 7 classi diverse ? Non c'è un metodo più 'semplice' ?