Back
istruzioni
tabelle e note
descrizione immagine con posizione up del mouse
immagini
close
CSS - html
web-maker
caption
con insermento alt="" in <img src="/...........
con "class"
creare "classi" come da istruzione I parte (valutare eliminazione di position:absolute) (II parte)
inserire <div> dove posizionata immagine come da parte II. Inserire in <p> style per formattazione testo. (III parte)
<img src="/images/slides/resegone/02a.jpg" alt="il Resegone innevato" title="il Resegone innevato" style="width:100%">
.classe_img_con_didascalia { float: left; position: relative; overflow: hidden; } .classe_img_con_didascalia p { position: absolute; left: 0; bottom: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); color: #fff; display: none; width: 100%; padding: 10px; } .classe_img_con_didascalia:hover p { display:block; }
.classe_img_con_didascalia { float: left; position: relative; overflow: hidden; } .classe_img_con_didascalia p { position: absolute; left: 0; bottom: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); color: #fff; display: none; width: 100%; padding: 10px; } .classe_img_con_didascalia:hover p { display:block; }
<div class="classe_img_con_didascalia"> <img src="/media/immagine_con_didascalia.jpg"/> <p>Questa è la didascalia dell’immagine.</p> </div>
Questa è la didascalia dell’immagine.
© 2001 Remo Valsecchi - Olginate (Lecco) - Lombardia - Italia
Please publish modules in
offcanvas
position.