Sovrapporre un'immagine ad un layer

Sovrapporre un'immagine ad un layer senza posizionamento assoluto

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!

Autore: Luca Ruggiero