Списки - HTML и CSS

Fryg · 10.12.2011, 15:46

у меня есть код

Код:

<html>
<head>

<style>
ul{
	width:180px;/*Ширина */
	list-style:none;/*Убираем маркеры списка*/
	margin:0;/*Убираем отступы*/
	padding:0;/*Убираем внутренние отступы*/
	font-family:Verdana;/*Задаем стиль текста*/
	font-size:10px;/*Меняем размер шрифта*/	
}
li ul{
	position:absolute;/*Позиционируем нижние ul*/
	display:none;/*Скрываем нижний список*/
	margin-left:179px;/*Сдвигаем нижний список в право*/
	margin-top:-23px;/*Сдвигаем нижний список вверх*/
}
li a{
	display:block;/*Делаем ссылку блочным элементом*/
	padding:5px;/*Отступ ссылок от краев со всех сторон*/
	text-decoration:none;/*Убираем подчеркивание у ссылок*/
	color:#666;/*Цвет текста*/
	border:#ccc solid 1px;/*Рамка вокруг ссылок*/
	background-color:#f0f0f0;/*Цвет фона*/
	border-bottom:none;/*Убираем нижнюю рамку*/
}
li a:hover{
	color:#ffe;/*Меняем цвет текста при наведении*/
	background-color:#5488af;/*Меняем цвет фона при наведении*/
}
li:hover ul{
	display:block;/*При наведении появляется нижний список*/

}
.brd{
	border-bottom:#ccc solid 1px;/*Выводим линию снизу*/
}



</style>



</head>
<body>
<ul id="menu">	
	<li><a href="test.html">Тест</a>
		<ul>
			<li><a href="test1.html">Тест1</a></li>
			<li><a href="test2.html">Тест2</a></li>
			<li><a href="test3.html">Тест3</a></li>
			<li><a href="test4.html" class="brd">Тест4</a></li>
		</ul>
	</li>		





</body>
</html>

теперь вопрос, можно сделать, чтобы маркер был за текстом а не перед?

Fryg · 10.12.2011, 18:38

проблему решил позиционированием.... тему можно удалить

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Списки.	Pavel_4a-4anax	Помощь студентам	0	01.06.2011 15:38
Списки	sunman	Паскаль, Turbo Pascal, PascalABC.NET	6	18.05.2010 19:03
списки	nataliya234	Помощь студентам	5	15.05.2010 14:11

10.12.2011, 18:38	#2
Fryg Пользователь Регистрация: 30.06.2011 Сообщений: 32	проблему решил позиционированием.... тему можно удалить