Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / таблицы с ефектами css / 25 сообщений из 26, страница 1 из 2
  1  все
21.04.2007, 18:20
    #34478142
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
как сделать что бы при наведении на таблицу изменялся цвет?
короче чтобы каждая td при наведении курсора меняла цвет
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.04.2007, 19:04
    #34478169
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
Засунуть в каждую ячейку слой DIV и потом через CSS :hover

А вообще таблицы нынче не в чести, круто когда все на одних слоях
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.04.2007, 19:19
    #34478184
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
я в css ноль
если можно примерчик
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.04.2007, 23:45
    #34479072
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
Код: plaintext
1.
2.
3.
a.bar:hover {
 color: red;
 text-decoration: none;
}

В блоке <div class="bar">бла бла</div> ссылки при наведении мышки будет без подчеркивания и красного цвета.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 00:35
    #34479106
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
неа не получается :((
чтобы не путатся.
у меня 1.php и css.css
в 1.php сделал
<head><link rel="stylesheet" type="text/css" href="css.css" />

<div class="bar">бла бла</div>

<br>бла бла

<div class="bar">бла бла</div>

<br>бла бла
а в css.css
a.bar:hover {
color: red;
text-decoration: none;
}
и не работает.
подскажите пожалуйста что я неправельно сделал?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 05:21
    #34479213
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
bogdan10110
подскажите пожалуйста что я неправельно сделал?
наверно запустили всё это на ИЕ6=)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 05:28
    #34479214
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
в опере тоже не работает
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 05:33
    #34479215
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
а тебя чтоли не забанили ? а надо бы...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 11:35
    #34479714
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
bogdan10110
a.bar:hover {
color: red;
text-decoration: none;
}
и не работает.
подскажите пожалуйста что я неправельно сделал?
А попробуй .bar a:hover {
}

Те же яйца, только с боку, но вроде как работают ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 11:51
    #34479770
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
bogdan10110неа не получается :((
чтобы не путатся.
у меня 1.php и css.css
в 1.php сделал
<head><link rel="stylesheet" type="text/css" href="css.css" />

<div class="bar">бла бла</div>

<br>бла бла

<div class="bar">бла бла</div>

<br>бла бла
а в css.css
a.bar:hover {
color: red;
text-decoration: none;
}
и не работает.
подскажите пожалуйста что я неправельно сделал?

а гдеж ссылка то?
a.bar:hover {
color: red;
text-decoration: none;
}
Напиши так:
Код: plaintext
1.
2.
3.
<div class="bar">
  <a href="#">as</a>
</div>
Если не хочешь ссылку тогда в css так
Код: plaintext
1.
2.
3.
bar:hover {
 color: red;
 text-decoration: none;
}
Только, как отмечалось выше, в IE :hover поддерживается только для ссылок, т.е. только a.bar:hover будет работать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 16:57
    #34481212
LINUXER
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
Код: plaintext
1.
2.
3.
.bar:hover {
 color: red;
 text-decoration: none;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 18:00
    #34481457
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
мне нужно чтоб не ссылка была краксной при наведении а поле <td>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 18:57
    #34481615
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
bogdan10110мне нужно чтоб не ссылка была краксной при наведении а поле <td>
background-color:red; ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 23:28
    #34481991
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
да обсолютно верно!:)
background при наведении мышкой по таблице.
тоже действие что и с ссылкой только с таблицей и не вся таблица а имено каждая td.
я вместо a подменил на td и не зарабюотало.
что нужно прописать в css.css ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 23:36
    #34481999
Alex_BBB
Alex_BBB
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
В css:
Код: plaintext
1.
2.
.bar:hover {
 background-color:red;
}

На странице:
Код: plaintext
1.
2.
3.
<div class="bar">
  текст идет</br>бл*
  бла
</div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.04.2007, 23:56
    #34482019
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
Не не хочет.
в css разве нельзя сделать background-color на td при наведении?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2007, 00:14
    #34482032
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
я в css написал td:hover { background-color:red; none;}
немножко разобрался в етом.
только вот заработиало оно в опере блин.
ИЕ не поддержует ету функцию :)
а ИЕ 7 поддержует?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2007, 15:13
    #34483749
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
Семерка - да. А также Опера и Лиса. Остальные - не знаю
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.04.2007, 18:30
    #34484584
mrJust
mrJust
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
-->bogdan10110

меняй скриптом классы, или свойство background-color при событии onMouseOver и onMouseOut для нужных ячеек. Другого варианта под IE6 пока не вижу
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2007, 19:12
    #34487743
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
ок:)
кстати про onMouseOver спасибо я както не сообразил
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2007, 20:32
    #34487952
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
сделал onMouseOver="style='background-color:red;'" оно не работает
сделал onMouseOver="bgColor='red'" работает только вот фон td уже остаётся до обновления страницы ето значит что если курсор убрать с td цвет остаётся:)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.04.2007, 21:02
    #34488001
mrJust
mrJust
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
Ещё-бы не работает!!
ты же обращаешся к элементу DOM, вот и пиши синтаксисом DOM :)
Код: plaintext
<td class="aaa" onMouseOver="this.style.backgroundColor='red'">asdasd asdasd</td>
или так:
Код: plaintext
1.
2.
3.
<td class="aaa" onMouseOver="this.className='bbb'">asdasd asdasd</td>
<style>
.bbb{background-color:red;}
</style>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.04.2007, 05:38
    #34488322
Ferrari8246
Ferrari8246
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
ага.
работает точно также как и <td onMouseOver="bgColor='red'">
фон та не исчесзает после того как убераю курсор:)
а хотелось бы чтоб фон был при наведении курсора и убирался после как убрать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.04.2007, 10:47
    #34488823
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
mrJust-->bogdan10110

меняй скриптом классы, или свойство background-color при событии onMouseOver и onMouseOut для нужных ячеек. Другого варианта под IE6 пока не вижу
Так ты ж читай вниматочней ;) Обрабатывать нужно два события - мышь над td, и она оттуда ушла.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.04.2007, 17:35
    #34490686
Demon9151
Demon9151
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
таблицы с ефектами css
bogdan10110, ты прописал только OnMouseOver, тоесть цвет меняется при наведении, для того, что-бы изменить цвет обратно нужно ещё одно действие OnMouseOut со значением изменения цвета в прежний...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / таблицы с ефектами css / 25 сообщений из 26, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 397ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458388]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 59ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 60ms
get tp. blocked users:
 1ms
others: 230ms
total:  397ms
x
x
Закрыть


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