Вертикално подравняване проблем

[5rs]

Касае се за снимки с различна височина и не мога да ги накарам да стоят в средата по вертикал. Благодаря предварително.

<h1><span><img src="images/table.jpg" width="500px" height="300px" </span>XXX</h1>
----------------------------------------
html, body, div, h1, h2, h3, p, font, img, ul, li, #wrap, #container, #content, #thumb
margin: auto;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-family: 'Helvetica', Arial, sans-serif;
font-style:normal;
font-variant:normal;
}

h1
{ width:800px;
height:590px;
font-weight:bold;
font-size:14px;
color:#fff;
}

h1 span
{
display: block;
position: relative;
z-index: 1;
margin-bottom: -52px;
padding-top:5px;
}

 

[tahys]

Значи правиш си един
<div class="center"> Картинките тук </div>
CSS-a:

.center { margin: 0 auto; width: 500px; } // (Ако всичктие са с тази широчина)

 

[shterev]

Най-лесно се прави с таблица, като на таблицаа зададеш vertical-align:middle;

<table>
			<tr>
				<td>
					<img src="image.jpg" alt="" />
				</td>
			</tr>
			<tr>
				<td>
					<img src="image.jpg" alt="" />
				</td>
			</tr>
			<tr>
				<td>
					<img src="image.jpg" alt="" />
				</td>
			</tr>
			<tr>
				<td>
					<img src="image.jpg" alt="" />
				</td>
			</tr>
		</table>

table td{
 vertical-align:middle;

}