Отправляет email-рассылки с помощью сервиса Sendsay

RFpro.ru: Элементы HTML и CSS

  Все выпуски  

RFpro.ru: Элементы HTML


Хостинг портала RFpro.ru:
Московский хостер
Профессиональный ХОСТИНГ на базе Linux x64 и Windows x64

РАССЫЛКИ ПОРТАЛА RFPRO.RU

Чемпионы рейтинга экспертов в этой рассылке

Гуревич Александр Львович
Статус: Специалист
Рейтинг: 4354
∙ повысить рейтинг »
Гаряка Асмик
Статус: Специалист
Рейтинг: 3461
∙ повысить рейтинг »
vladisslav
Статус: 6-й класс
Рейтинг: 1239
∙ повысить рейтинг »

/ КОМПЬЮТЕРЫ И ПО / Программирование / Элементы HTML

Номер выпуска:486
Дата выхода:11.05.2010, 00:00
Администратор рассылки:Калашников О.А., Руководитель
Подписчиков / экспертов:380 / 215
Вопросов / ответов:1 / 3

Вопрос № 178220: Здравствуйте уважаемые эксперты! Очень нужна Ваша помощь. Подскажите пожалуйста как сделать так, чтобы при наведении на ячейку таблицы курсора она меняла свой фоновый цвет, также смена фонового цвета ячейки, когда гиперсылка, которая находится в той ...



Вопрос № 178220:

Здравствуйте уважаемые эксперты! Очень нужна Ваша помощь. Подскажите пожалуйста как сделать так, чтобы при наведении на ячейку таблицы курсора она меняла свой фоновый цвет, также смена фонового цвета ячейки, когда гиперсылка, которая находится в той ячейке активна в данный момент. Это нужно в реализации меню. С PHP я ещё не работал, только немножко из JavaScript. Вот здесь находится сайтик(точнее пока только шапка) состоит из фреймов и нескольких страничек, главная index. Спрашиваю по поводу таблицы, которая описана в странице navigation и подключена в фрейм на странице index. Спасибо

Отправлен: 05.05.2010, 22:46
Вопрос задал: Мироненко Николай Николаевич, Практикант
Всего ответов: 3
Страница вопроса »


Отвечает Прим Палвер, 9-й класс :
Здравствуйте, Мироненко Николай Николаевич.

В "navigation.css" добавьте строчку:

.navigation td:hover {background: red;}

Или другой понравившийся вам цвет.

Не будет работать в ie6, т.к. hover он понимает только по отношению к ссылкам.


-----
Блаженны прыгающие, ибо допрыгаются

Ответ отправил: Прим Палвер, 9-й класс
Ответ отправлен: 06.05.2010, 00:41
Номер ответа: 261219

Оценка ответа: 5
Комментарий к оценке:
Спасибо большое :)

Вам помог ответ? Пожалуйста, поблагодарите эксперта за это!
Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 261219 на номер 1151 (Россия) | Еще номера »
  • Отправить WebMoney:

  • Отвечает Хан Эрли Валерьевич, 2-й класс :
    Здравствуйте, Мироненко Николай Николаевич!

    Касаемо меню.
    Если Вам нужно сделать подсветку ссылок, то это лучше делать не с помощью таблиц, а используюя маркированные списки. Что то вроде этого:
    html-код (код меню) :
    <ul class="menu">
    <li><a class="item" href="">ссылка 1</a></li>
    <li><a class="item" href="">ссылка 2</a></li>
    <li><a class="item carrent" href="">ссылка 3</a></li>
    <li><a class="item" href="">ссылка 4</a></li>
    </ul>

    css-код :
    .menu { display: block;}
    .item { display: block; padding: 5px; margin: 2px; backround: #f00; } /* задаём параметры пункта меню */
    .item:hover { display: block; padding: 5px; margin: 2px; backround: #0f0; } /* задаём параметры пункты меню при наведении курсора */
    a.carrent { displ ay: block; padding: 5px; margin: 2px; backround: #00f; } /* адаём параметры пункты меню для текущего элемента */

    Касаемо всей структуры сайта.
    Можно долго спорить про фреймы, но так или иначе их лучше не использовать в сейте. На кайний случай - iframe.
    Если Вам нужно сделать подключение меню, лого и т.д., то лучше использовать SSI или PHP. Так же очень хорошо использовать CMS, есть довольно простые и понятные.

    Если возникнут вопросы - пишите, помогу.
    С Уважением Э.В. Хан

    Ответ отправил: Хан Эрли Валерьевич, 2-й класс
    Ответ отправлен: 06.05.2010, 00:59
    Номер ответа: 261220

    Оценка ответа: 5
    Комментарий к оценке:
    Конечно, позже я буду изучать разные системы, но пока напишу только с использованием фреймов, несколькими скриптамы и простой БД(такие условия). Этот сайтик мне нужен для того, чтобы получить зачёт по WEB-технологиям. По поводу неиспользования фреймов: вопрос действительно спорный, но если их использовать с умом - я думаю всё буде хорошо :) Спасибо большое, как только возникнут вопросы - обращусь. Ещё раз спасибо :)

    Вам помог ответ? Пожалуйста, поблагодарите эксперта за это!
    Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 261220 на номер 1151 (Россия) | Еще номера »
  • Отправить WebMoney:

  • Отвечает FOXhunter, Практикант :
    Здравствуйте, Мироненко Николай Николаевич.
    Есть еще способ реализовать Вашу задачу и даже Internet Explorer будет правильно отображать. В тег <tr> нужно дописать два параметра:
    onmouseover="style.background='yellow'"
    onmouseover - параметр, отвечающий за установку фонового цвета, когда курсор над элементом.
    onmouseout="style.background='PaleGreen'"
    onmouseout - параметр, отвечающий за установку фонового цвета когда, курсор уходит с элемента. Важно здесь указать тот же цвет, который выбран как фон элемента по умолчанию. В Вашем случае - это PaleGreen.

    В результате код страницы navigation.htm будет вот таким:
    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra
     nsitional//EN" "http://www.w3.org/TR/xhtml1//DTD//xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
    <head>
    <link rel="stylesheet" href="style\navigation.css" type="text/css"/>

    </head>

    <body>
    <table class="navigation" cellpadding="3%" style=""width:100%;" text-align:right">
    <tr><td onmouseover="style.background='yellow'" onmouseout="style.background='PaleGreen'">В закладки</td></tr>
    <tr><td onmouseover="style.background='yellow'" onmouseout="style.background='PaleGreen'">Главная</td></tr>
    <tr><td onmouseover="style.background='yellow'" onmouseout="style.background='PaleGreen'" ;>Сделать заказ</td></tr>
    <tr><td onmouseover="style.background='yellow'" onmouseout="style.background='PaleGreen'">Контакты</td></tr>
    <tr><td onmouseover="style.background='yellow'" onmouseout="style.background='PaleGreen'">Цени и гарантии</td></tr>
    <tr><td onmouseover="style.background='yellow'" onmouseout="style.background='PaleGreen'">Ссылки</td></tr>
    <tr><td onmouseover="style.background='yellow'" onmouseout="style.background='PaleGreen'">О сайте</td></tr>
    </table>
    </body>
    </html>

    Еще я изменил параметры таблицы - ширину и выравнивание, так как этого требуется по стандартам W3C:
    <table class="navigation" cellpadding="3% " style=""width:100%;" text-align:right">
    Удачи!
    -----
    Куплю винчестер. Жесткие диски не предлагать.

    Ответ отправил: FOXhunter, Практикант
    Ответ отправлен: 06.05.2010, 11:04
    Номер ответа: 261232

    Оценка ответа: 5
    Комментарий к оценке:
    Пробовал разные способы, но наверное остановлюсь на этом. Спасибо Вам огромное :))

    Вам помог ответ? Пожалуйста, поблагодарите эксперта за это!
    Как сказать этому эксперту "спасибо"?
  • Отправить SMS #thank 261232 на номер 1151 (Россия) | Еще номера »
  • Отправить WebMoney:

  • Оценить выпуск »
    Нам очень важно Ваше мнение об этом выпуске рассылки!

    Задать вопрос экспертам этой рассылки »

    Скажите "спасибо" эксперту, который помог Вам!

    Отправьте СМС-сообщение с тестом #thank НОМЕР_ОТВЕТА
    на короткий номер 1151 (Россия)

    Номер ответа и конкретный текст СМС указан внизу каждого ответа.

    Полный список номеров »

    * Стоимость одного СМС-сообщения от 7.15 руб. и зависит от оператора сотовой связи. (полный список тарифов)
    ** При ошибочном вводе номера ответа или текста #thank услуга считается оказанной, денежные средства не возвращаются.
    *** Сумма выплаты эксперту-автору ответа расчитывается из суммы перечислений на портал от биллинговой компании.


    © 2001-2010, Портал RFpro.ru, Россия
    Авторское право: ООО "Мастер-Эксперт Про"
    Автор: Калашников О.А. | Программирование: Гладенюк А.Г.
    Хостинг: Компания "Московский хостер"
    Версия системы: 2010.6.14 от 03.03.2010

    В избранное