Выравнивание элементов

[AndreyT]

подскажите как выровнять элементы по вертикали вниз?

[css_noob]

Вставьте код CSS HTML (не весь, а тот который отвечает за 3 бокса) так сложно сказать в чем проблема.

По сути нет атрибутов для вертикального выравнивания.

Добавьте к стилю этих 3 боксов.

margin:auto 0 0;

Edited September 30, 2012 by css_noob

[AndreyT]

Вставьте код CSS HTML (не весь, а тот который отвечает за 3 бокса) так сложно сказать в чем проблема.

По сути нет атрибутов для вертикального выравнивания.

Добавьте к стилю этих 3 боксов.

margin:auto 0 0;

HTML

<div class="foto_menu">
            	<img src="content/img1.jpg" width="900" height="390" />
                <ul>
                	<li><a href="#" class="sel"><span>При наших ремонтах в ваших помещениях сохраняются</span>чистота и порядок</a></li>
                    <li><a href="#">Подготовительные работы</a></li>
                    <li><a href="#">Подготовительные работы</a></li>
                    <li class="last"><a href="#">Подготовительные работы</a></li>
                </ul>
            </div>

CSS

.foto_menu {
	width:900px; height:390px;
	margin:26px auto 0 auto;
	position:relative;
}

.foto_menu ul {
	overflow:hidden;
	position:absolute;
	bottom:0;
}

.foto_menu ul li {
	float:left;
	width:223px;
	margin-right:3px;
}

.foto_menu ul li.last {
	width:222px;
	margin-right:0;
}

.foto_menu ul li a {
	background:rgba(0,0,0,.85);
	display:block;
	padding:22px 15px 22px 15px;
	font:14px Arial, Helvetica, sans-serif;
	color:#a6a6a6;
	text-decoration:none;
}

.foto_menu ul li a.sel {
	padding-top:13px;
	padding-bottom:16px;
	background:#3d71a1;
	font-size:19px;
	color:#FFF;
}

.foto_menu ul li a.sel span {
	font-size:14px;
	color:#FFF;
	display:block;
}

.foto_menu ul li a span {
	display:none;
}

[css_noob]

HTML

<ul class="foto_men">
    <li><a href="#" class="sel"><span>При наших ремонтах в ваших помещениях сохраняются</span>чистота и порядок</a></li>
    <li><a href="#">Подготовительные работы</a></li>
    <li><a href="#">Подготовительные работы</a></li>
    <li class="last"><a href="#">Подготовительные работы</a></li>
</ul>

CSS

ul.foto_menu{
    width:900px;
    background:content/img1.jpg no-repeat top left;
    margin:0 auto;
    padding:390px 0 40px 0;
}
ul.foto_menu li{
    float:left;
    width:300px;
    height:40px;
}

вот так все должно заработать

что надо навесишь

Edited September 30, 2012 by css_noob