Ciao a tutti,
ho problemi di "spazio". Come potete vedere dall'immagine (http://www.notizierc.it/screen.jpg), tra la prima e la seconda riga c'è spazio che non dovrebbe esserci e non capisco a cosa sia dovuto.
Questo l'HTML elaborato dal browser
Questo il CSS:codice:
<div class="item-evi"> <div style="width:315px; padding:0px; margin:0 auto;"> <div class='descrizione1' title='Estero'> <a href="notizia.asp?id=18" style="text-decoration: none"> <img src="public/attacchi-londra-may_04062017162549.jpg" > </div> </div> <h2>Attacchi Londra: la May "abbiamo tollerato troppo, ora basta"</h2> </a> </div> <div class="item-evi"> <div style="width:315px; padding:0px; margin:0 auto;"> <div class='descrizione1' title='Reggio Calabria'> <a href="notizia.asp?id=17" style="text-decoration: none"> <img src="public/citta-riflessa-cortometraggio-film-reggio-calabria_04062017160636.jpg" > </div> </div> <h2>La città riflessa: cortometraggio tratto dalla fondazione di Reggio Calabria</h2> </a> </div> <div class="item-evi"> <div style="width:315px; padding:0px; margin:0 auto;"> <div class='descrizione1' title='Sicilia'> <a href="notizia.asp?id=16" style="text-decoration: none"> <img src="public/messina-festa-sotto-le-stelle_04062017155549.jpg" > </div> </div> <h2>Messina: al via la terza edizione della Festa Sotto le Stelle</h2> </a> </div> <div class="item-evi"> <div style="width:315px; padding:0px; margin:0 auto;"> <div class='descrizione1' title='Altre regioni'> <a href="notizia.asp?id=15" style="text-decoration: none"> <img src="public/meteo-calabria-italia_04062017154414.jpg" > </div> </div> <h2>Meteo: previsto grande caldo</h2> </a> </div>
codice:.item-evi {width:310px;padding:10px;float:left;} .descrizione1 { padding: 0; width: 100%; position: relative; } .descrizione1 img { width: 100%; height: auto; display: block; padding: 0; border: 0; }