Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Подсветка бекграунда тега при наведении 
:(
    Опции темы
Str!pe
Дата 1.3.2007, 12:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
Добрый день.
У меня возникли проблемы с CSS. 
При наведении должен подсвечиваться фон тега. Должно получаться так как на картинке, тоесть фон подсвечивается полностью, а пока получается только подсветка там где есть текст.
Код прилагаю:
Код

<div class="menu_left">
<a href="#" class="menu_left">
<strong>ПУНКТ 1</strong>
</a>
</div>
 

Код

.menu_left {
    text-decoration: none;
    color: black;
    }
    
.menu_left:visited {
    text-decoration: none;
    color: black;
    }

.menu_left:hover {
    text-decoration: none;
    color: white;
    background-color: #3f3f3f;
    }


Присоединённый файл ( Кол-во скачиваний: 8 )
Присоединённый файл  1.jpg 43,23 Kb


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
Olone
Дата 1.3.2007, 13:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 3.10.2004
Где: Лефортово, Москва

Репутация: нет
Всего: 2
Подсвечивай не <div>, а ячейку таблицы. 
С таблицей всегда проще.
PM MAIL   Вверх
Str!pe
Дата 1.3.2007, 13:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
Olone, Я боялся этого ответа...
Как ее подсветить? простой пример с TD есть?


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
Olone
Дата 1.3.2007, 13:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 3.10.2004
Где: Лефортово, Москва

Репутация: нет
Всего: 2
smile С td и CSS чего-то  у меня не получается...... smile 

Есть вариант сделать с помощью JS, 
чтобы подстветка появлялась когда мышь над ячейкой 

Код

...
<td onmouseover="this.style.backgroundColor='AA2E2E';" onmouseout="this.style.backgroundColor='EF951A';">
...

А если нужно когда мышь над ссылкой..: тогда нужно поискать как обозначается ячейка в иерархии страницы JavaScript. Типа: "document.tables[0]...." как дальше точно не знаю. А потом вставить в код

Код

...
<a href="" OnMouseOver="document.tables[0]....style.backgroundcolor='#000000';" OnMouseOut="document.tables[0]....style.backgroundcolor='#ffffff';">
...


Тебе нужно в CSS?

Это сообщение отредактировал(а) Olone - 1.3.2007, 14:16
PM MAIL   Вверх
Olone
Дата 1.3.2007, 14:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 99
Регистрация: 3.10.2004
Где: Лефортово, Москва

Репутация: нет
Всего: 2
Может что-то появиться в теме "Смена стилей текста при наведении мышкой, узнаём о CSS a:hover ".
PM MAIL   Вверх
Str!pe
Дата 1.3.2007, 15:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
Цитата(Olone @  1.3.2007,  13:43 Найти цитируемый пост)
Есть вариант сделать с помощью JS, 

Ф топку! 

Цитата(Olone @  1.3.2007,  13:43 Найти цитируемый пост)
Тебе нужно в CSS?

Задача именно средствами HTML и CSS сделать сайт.


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
SamDark
Дата 1.3.2007, 18:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38
Str!pe, 
У меня вот что вышло:

Код

<ul>
        <li><a href="#">Дизайн-студия</a></li>
        <li><a href="#">Информационные технологии</a></li>
        <li><a href="#">Системное администрирование</a></li>
    </ul>


Код

ul{
        font: normal 16pt Tahoma;
        width: 150px;
        list-style-type: none;
        background-color: #fcfcfc;
    }
    
    ul a{
        padding: 5px;
        color: #393c39;
        text-decoration: none;
        display: block;
        width: 200px;
    }
    
    ul li{
        display: block;
    }
    
    ul a:hover{
        color: #fcfcfc;
        background-color: #393c39;
    }



--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
Str!pe
Дата 2.3.2007, 09:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152
SamDark, 
Вообще ничего не подсвечивается... Кинь полный код HTML (От и до).

Добавлено @ 09:45 
Все работает, спасибо SamDark. Решил проблему smile


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1008 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.