powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужна номощь в html и CSS
5 сообщений из 5, страница 1 из 1
Нужна номощь в html и CSS
    #38475138
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.
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
Нужна номощь в html и CSS
    #38475189
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
Нужна номощь в html и CSS
    #38475771
Фотография Usman
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
Нужна номощь в html и CSS
    #38475772
Фотография Usman
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89,

+1
...
Рейтинг: 0 / 0
Нужна номощь в html и CSS
    #38480494
Сhastener
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Нужна номощь в html и CSS
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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