Помогите опустить тест к bottom.

[rafic]

Вот код:

				<li><h3>Пункт</h3>
					<div>
						<ul class="submenu">
							<li><a href="#">подменю</a></li>
						</ul>
					</div>
				</li>

.yui-skin-sam .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	display: block;
	height: 30px;
	padding-left: 40px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(trava.png) no-repeat 30px bottom;
	position: relative;
	cursor: pointer;
	margin-bottom:6px;
}
.yui-skin-sam .yui-accordion-toggle .indicator {
	display: block;
	width: 30px;
	height: 30px;
	background: url(link-icon.png) 0 0;
	position: absolute;
	left:0;
	top:0;
}
.yui-skin-sam .yui-accordion-toggle.active .indicator {
	background: url(link-icon.png) 0 -31px;
}

.yui-skin-sam ul.submenu li a {
	display: block;
	height: 30px;
	padding-left: 30px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: url(trava.png) no-repeat 30px bottom;
}
.yui-skin-sam ul.submenu li{
	background: url(link-icon.png) no-repeat 0 0px;
	margin: 0 30px 6px ;
}
.yui-skin-sam ul.submenu li:hover {
	background: url(link-icon.png) no-repeat 0 -31px;
}

Нужно опустить название пунктов в краю блока.
Не выкупаю как сделать... padding-top:; не помогает. Увеличивается только отступ между пунктами.

 

[mydooms]

в краю блока.

в каком краю? какого блока?

 

[rafic]

<li><a href="#">подменю</a></li>
Вот это название находится в блоке. Оно привязано к Top а мне надо опустить его к bottom.

 

[Гладио]

Если честно из куска вырванного html не особо понятно про какой именно блок ты говоришь. но в любом случае тут либо margin или padding нужнен) Чтобы отступы не увеличивались между всеми пунктами - добавь еще один класс, и примени его к нужному пункту меню.

 

[Eihwaz]

.yui-skin-sam ul.submenu li a {
display: block;
height: 30px;
line-height: 30px;
padding-left: 30px;
text-decoration: none;
font-weight: bold;
color: #fff;
background: url(trava.png) no-repeat 30px bottom;
}
Значение line-height может понадобиться подбирать экспериментальным путем, но решение работает без необходимости править сам html.

 

[The Finn]

rafic, на мой взгляд можно диву прописать необходимый отступ, конечно в зависимости от высоты блока, например так:

<div style="margin-top:300px;">
<ul class="submenu">
<li><a href="#">подменю</a></li>
</ul>
</div>

Отступ ровняй под себя.

 

[rafic]

Eihwaz ,сказал самое просто и работающее решение) просто мне немного надо подучить ЦСС в плане позиционирования не посредственно текста в блоке. Как оказалось некоторых мелких нюансов не знаю, а вот какие проблемки вылазят.