Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Кто с CSS на "ты" помогите решить вопрос.
цитата
15/05/11 в 15:32
 Черный Корсар
сабж. вот линка на пациента требуется чтобы при наведении мышки на Site Description у тега <li> менялся бекграунд в ширину и высоту всей ячейки. на данный момент бекграунд меняется только на ширину самой линки. может можно как то по другому сделать это в дивах?
ЗЫ вариант с таблицами и MouseOver не подходит. тока CSS.
ЗЗЫ от меня есстесно семки и прочие благодарности smail44.gif
CSS код пациента:
.toplist {
color:#c40a43;
font-weight:bold;
}

.toplist ul {
list-style-type:none;
margin:20px 0 20px 30px;
}

.toplist ul li {
display:block;
background:#B3EE49;
border:1px solid #5E9006;
float:left;
width:150px;
height:24px;
margin:1px;
padding:6px 0 0 3px;
}

.toplist ul li a {
color:#000000;
text-decoration:none;
font-size:14px;
text-align:left;
width:150px;
height:24px;
padding:6px 0 0 3px;
}

.toplist ul li a:hover {
text-decoration:underline;
color:#000000;
background:#6D9EE3;
width:150px;
height:24px;
padding:6px 0 0 3px;
}
цитата
15/05/11 в 15:37
 Alexandur
Добавь
Код:
.toplist ul li:hover {
background:#6D9EE3;
}

Только не вся ячейка будет ссылкой.
цитата
15/05/11 в 15:44
 Черный Корсар
Добавил. разницы не заметил.
цитата
15/05/11 в 15:47
 Alexandur
Странно. Браузер какой? Во всех кроме ИЕ6 должно работать.

Другой вариант - единички перенести в <a href="">1.
И добавить Код:
.toplist ul li a {
display:block;
цитата
15/05/11 в 15:55
 Черный Корсар
gimcnuk: сорри,
вот это помогло icon_smile.gif
.toplist ul li:hover {
background:#6D9EE3;
}
просто страницу не ту обновлял icon_smile.gif вот и не замечал разницы )
оценил


Эта страница в полной версии