Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужна номощь в html и CSS / 5 сообщений из 5, страница 1 из 1
23.11.2013, 10:45
    #38475138
gera3323
gera3323
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужна номощь в html и CSS
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>


<style type="text/css">
ul {
position:absolute;
left:20ex;
top:15ex;
}

ul li {
list-style:none;
font-family:Verdana, Geneva, sans-serif;
padding-left:4px;
   padding-top:6px;
padding-bottom:6px;
}

ul li:hover {
cursor:pointer;
background-color:#6FF;
border-radius:4px;
width:150px;
height:20px;
}
</style>
</head>

<body>

<ul>
 <li > Мои игры
 <li > Мои друзья
 <li > Моя сообщения
 </ul>
</body>
</html>




Проблема в том, что когда наводишь курсор на текст он выделяется и происходит смещение нижних строк. Надо убрать этот эффект смещения.

Прошу помощи в решение этой проблемы, а не в теории ее устранения.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.11.2013, 13:12
    #38475189
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужна номощь в html и CSS
gera3323,

???
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<style type="text/css">
ul {
	position:absolute;
	left:20px;
	top:15px;
}
ul li {
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	padding:5px;
	width:150px;
	height:20px;
}
ul li:hover {
	cursor:pointer;
	background-color:#6FF;
	border-radius:4px;
}
</style>
</head>
<body>
<ul>
	<li>Мои игры
	<li>Мои друзья
	<li>Моя сообщения
	</ul>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2013, 17:13
    #38475771
Usman
Usman
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужна номощь в html и CSS
gera3323,

Перенесите width и height из ul li:hover в ul li

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
ul li {
list-style:none;
font-family:Verdana, Geneva, sans-serif;
padding-left:4px;
padding-top:6px;
padding-bottom:6px;
width:150px;
height:20px;
}

ul li:hover {
cursor:pointer;
background-color:#6FF;
border-radius:4px;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.11.2013, 17:15
    #38475772
Usman
Usman
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужна номощь в html и CSS
user89,

+1
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2013, 19:08
    #38480494
Сhastener
Сhastener
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Нужна номощь в html и CSS
Usmangera3323,

Перенесите width и height из ul li:hover в ul li

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
ul li {
list-style:none;
font-family:Verdana, Geneva, sans-serif;
padding-left:4px;
padding-top:6px;
padding-bottom:6px;
width:150px;
height:20px;
}

ul li:hover {
cursor:pointer;
background-color:#6FF;
border-radius:4px;
}



или в ul. Результат тот же.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужна номощь в html и CSS / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 476ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447621]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 174ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 229ms
total:  476ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]