Problemi di spazio

[supergeniux]

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

<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>

Questo il CSS:

.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;
}

[m4rko80]

Ciao, io vedo dei tag A che non sono chiusi dovo dovrebbero. Hai messo dei tag A con all'interno un'immagine, uno o più div, chiuso i div all'interno dei tag A (ma aperti prima dello stesso). Poi hai dato una larghezza ai div principali di 310 e una di 315 ai di al loro interno (non serve se hai già definito all'esterno). Se ti serve distanziare l contenitori principali basta il padding o margin sul principale. L'altezza auto alle immagini non serve, se le metti in un div e gli dai un max-widt:100% saranno automaticamente larghe quanto il div che le contiene ed alte tanto quanto in proporzione.