Sovrapporre un'immagine ad un layer senza posizionamento assoluto

Autore: Luca Ruggiero | Tell a Friend

Corso HTML
Impara il linguaggio di marcatura per il Web.

Corso CSS
Web Design ed Accessibilità secondo il W3C!

Abbiamo visto con i Css come sovrapporre più livelli con l'ausilio del posizionamento assoluto. In questo Articolo vediamo come sovrapporre un'immagine ad un layer di tipo div senza utilizzo dei Css ma di solo Html:

<div style="border-bottom: Solid 1px #000000; padding: 3px;">
    <img src="icona.gif" border="1" align="left" hspace="5">
    Inserire qui il testo che deve comparire al fianco dell'icona...
</div>
Il solo utilizzo di align="left" sull'immagine fa si che il livello non sia obbligato ad espandersi in altezza per la grandezza dell'immagine ed evita l'utilizzo di una tabella per affiancare l'elemento testo; il codice Css utilizzato si limita a creare un bordo inferiore ed una spaziatura interna al layer per rendere evidente la sovrapposizione.

L'effetto ottico è davvero interessante!

PS. Ringrazio il mio amico Max Bossi per avermi fornito lo spunto durante un lavoro svolto insieme... grazie Max!

IN EVIDENZA
HOT LINKS