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

Тема в разделе "Веб-дизайн", создана пользователем rafic, 17 ноя 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Вот код:
    HTML:
    				<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:; не помогает. Увеличивается только отступ между пунктами.
     
  2. mydooms

    mydooms Постоялец

    Регистр.:
    22 фев 2008
    Сообщения:
    105
    Симпатии:
    26
    в каком краю? какого блока?
     
  3. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    <li><a href="#">подменю</a></li>
    Вот это название находится в блоке. Оно привязано к Top а мне надо опустить его к bottom.
     
  4. Гладио

    Гладио Создатель

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

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    .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.
     
    rafic нравится это.
  6. The Finn

    The Finn Постоялец

    Регистр.:
    30 авг 2009
    Сообщения:
    80
    Симпатии:
    9
    rafic, на мой взгляд можно диву прописать необходимый отступ, конечно в зависимости от высоты блока, например так:

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

    rafic

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