Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/18: Рейтинг темы: голосов - 18, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 31.08.2014
Сообщений: 9

При наведение на границу ячейки, изменить цвет текста. Ну как-то так

31.08.2014, 00:18. Показов 3900. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем. Не могу сформулировать проблему, чтобы поискать в гугле или правильно обозначить вопрос. В общем такое дело : есть меню-таблица, допустим цвет ячеек чёрный, а цвет текста белый. При наведении фон ячейки меняет свой цвет, допустим на белый, а цвет текста на чёрный. Только чтобы текст тоже изменил свой цвет, нужно навести курсор на сам текст. Есть ли возможность сделать так, чтобы при наведении на саму ячейку, текст сразу менялся ? Без скриптов и без создания изображений-ячеек. Если нет простого решения, до которого я не допёр, то и фиг с ним ) Заранее спасибо за помощь.

Я думаю нет смысла вставлять код, т.к. он ничего собственно не даст.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
31.08.2014, 00:18
Ответы с готовыми решениями:

Как изменить цвет body при наведение на ссылку?
Сделать в html , с помощью java script и onmauseover, чтобы при наведении на ссылку менялся цвет фона текущей страницы, а при покидании...

Как изменить цвет текста ячейки в форме выводимой как таблица
Как изменить цвет текста ячейки в форме выводимой как таблица

Изменить цвет текста и ячейки TStringGrid
Здравствуйте! Помогите изменить цвет текста и ячейки TSringGrid по событию OnDrawCell. Код Delphi не работает {Устанавливаем шрифт} ...

4
 Аватар для fol
511 / 485 / 161
Регистрация: 08.07.2013
Сообщений: 1,714
Записей в блоге: 1
31.08.2014, 03:07
Лучший ответ Сообщение было отмечено Спанч как решение

Решение

1.меняется цвет при наведении на ячейку
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
 <table>
            <tr>
                <td>
                    123
                </td><td>
                    123
                </td><td>
                    123
                </td><td>
                    123
                </td>
            </tr>
        </table>
CSS
1
2
3
4
5
6
7
8
9
10
  table td{
            color:#fff;
            background: #000;
            width:100px;
            height: 70px;
        }
        table td:hover{
            color:#000;
            background: #fff; 
        }
2.меняется цвет при наведении на текст в ячейке
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
 <table>
            <tr>
                <td>
                    <span>123</span>
                </td><td>
                   <span>123</span>
                </td><td>
                    <span>123</span>
                </td><td>
                    <span>123</span>
                </td>
            </tr>
        </table>
CSS
1
2
3
4
5
6
7
8
9
10
  table td{
            color:#fff;
            background: #000;
            width:100px;
            height: 70px;
        }
        table td span:hover{
            color:#000;
            background: #fff; 
        }
1
0 / 0 / 0
Регистрация: 31.08.2014
Сообщений: 9
31.08.2014, 17:41  [ТС]
Спасибо Вам большое ) Как же всё просто.. )

Добавлено через 13 часов 33 минуты
Вы уж извините, вчера после работы был сонный, не понял, что я не упомянул, что ячейки являются ссылками - моя ошибка. И Ваш код работает, но не когда ячейки - ссылки. http://kot.hut4.ru/ - здесь можно посмотреть. Левый DIV под меню и шапкой. Пробовал так же менять Вашим способом стиль для ссылок - не получается. По высоте получается, а по ширине - нет. Изивините, надо было сразу сказать и код дать.

Код HTML
HTML5
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<HTML !doctype>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/text.css">
<link rel="stylesheet" type="text/css" href="css/menu.css">
</head>
 
<body>
 
<div id="main">
 
    <div id="header"> <img class="logo" src="https://www.cyberforum.ru/images/logo.png"> <h1> Ïðîñòîé ñàéò </h1> </div>
 
    <div id="menu"> 
 
    <table id="tab_menu"> 
 
        <tr>
            <td><a href=""> ÃËÀÂÍÀß </a></td>
            <td><a href=""> ÓÑËÓÃÈ </a></td>
            <td><a href=""> ÏÐÀÉÑ </a></td>
            <td><a href=""> ÊÎÍÒÀÊÒÛ </a></td>
            <td><a href=""> Î ÍÀÑ </a></td>
        </tr>
 
    </table>
 
    </div>
 
    <div class="container">
 
            <div id="navigation"> 
 
            <table id="navi">
                <tr><td><a href=""> Ïàðòí¸ðû </a></td><tr>
                <tr><td><a href=""> Àêöèè  </a></td><tr>
                <tr><td><a href=""> Ñêèäêè </a></td><tr>
                <tr><td><a href=""> Çàêàçû </a></td><tr>
                <tr><td><a href=""> È ò.ä. </a></td><tr>
            </table>
 
            </div>
    
            <div id="content"> 
 
            </div>
 
    </div> <!-- container -->
 
</div> <!-- main -->
 
    <div id="clear"> </div>
 
<div id="footer">  </div>
 
<div id="copyrite"> </div>
 
</body>
 
</HTML>
Код CSS
CSS
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
42
43
44
45
46
47
48
49
50
* { padding: 0; margin: 0; min-width: 0;} 
html { height: 100%;} 
html body { height: 100%;} 
html, body { letter-spacing: 1px; } 
body { font-size: 62.5%;}
 
#header {
    width: 100%;
    height: 20em;
    background: #231e1b;
}
 
#menu {
    background: #f25c27;
}
 
#navigation {
    width: 15%;
    height: 100%;
    background: #2a2424;
    float: left;
 
}
 
#content {
    width: 85%;
    background: #231e1b;
    float: left;
}
 
#footer {
    width: 100%;
    height: 10em;
    background: #f25c27;
    
}
#copyrite {
    width: 100%;
    height: 4em;
    background: #231e1b;
    border-top: 1px solid #444;
}
 
#clear {
    clear: both;
}
 
.logo {
    width: 10em;
}
0
qm
25 / 24 / 7
Регистрация: 15.08.2014
Сообщений: 60
31.08.2014, 18:15
Попробуйте такой селектор:
CSS
1
2
3
table td:hover a {
 
}
0
9 / 10 / 9
Регистрация: 06.05.2012
Сообщений: 66
02.09.2014, 09:01
Лучший ответ Сообщение было отмечено Спанч как решение

Решение

Автор, необходимо задать ссылкам свойство display:block;
это раз.
второе, задайте ссылкм padding 15px;
это два, ну и когда подрегулируете, padding-всё у вас будет работать
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
02.09.2014, 09:01
Помогаю со студенческими работами здесь

Как при клике на ячейку в DataGridView изменить цвет ячейки
Как при клике на ячейку в DataGridView изменить цвет ячейки или изменить его содержимое на какой нибудь текст? Я пытался сделать так, но...

Изменить цвет текста конкретной ячейки в зависимости от значения
Где то видел похожую тему на форуме, но не могу найти, решил создать новую. Необходимо Пройтись по 9 столбцу, и изменить цвет текста в 9...

Как изменить цвет при выделении текста в richedit на delphi
Подскажите, пожалуйста. Как изменить цвет(по умолчанию он черный или синий) при выделении текста в richedit на delphi. Заранее спасибо.

Массив цветов. Как изменить цвет текста label при отталкивании объекта от формы
Здравствуйте! Имеется вот такая программа, нужно чтобы при отталкивании лэйбла от формы, цвет текста в нем менялся. Массив цветов создан а...

Как сделать так, что бы размер ячейки при переносе раздвигался в зависимости от обьема текста в ней?
Формирую из одной книги другую. Необходимо перенести в ячейки текст разной длины. Ориентироваться на первую книгу не могу, т.к. там...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru