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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Inline css в таблице, Highlight строк без <style> и javascript 
:(
    Опции темы
SABROG
  Дата 12.3.2007, 18:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Hacker
****


Профиль
Группа: Завсегдатай
Сообщений: 2481
Регистрация: 18.9.2006

Репутация: нет
Всего: 91



Хочеться сделать Highlight строк как здесь http://www.permadi.com/tutorial/cssHighlig...ampleHover.html
Только я не хочу использовать Javascript, а также отдельное объявление CSS в <style>.
Хочу использовать Inline возможности CSS для строк таблицы, как описано здесь http://www.w3.org/TR/2002/WD-css-style-att...20515#cascading

Но почему-то подобный код отказывается работать:

Код

  <table>
    <tr style="{color: red; background: white}
    :hover{rgb(153,153,204); text-decoration: none}
    ">
      <td>Test</td>
    </tr>
  </table>


А такой работает, но это не inline:

Код

<style>
tr:hover
{
    background-color: rgb(153,153,204);
    text-decoration:  none; 
}
</style>
   <table>
    <tr>
      <td>Test</td>
    </tr>
  </table>



--------------------
Национальная группа Russian Federation на QtCentre.
PM MAIL   Вверх
japanes
Дата 13.3.2007, 12:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: 7
Всего: 7



Код

<table>    
    <tr style="{color: red; background: white}<- тут нада точказапятая, а не фигурная скобка
    :hover{rgb(153,153,204); text-decoration: none}    
    ">    
      <td>Test</td>    
    </tr>    
  </table>

PM MAIL   Вверх
SABROG
Дата 13.3.2007, 12:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Hacker
****


Профиль
Группа: Завсегдатай
Сообщений: 2481
Регистрация: 18.9.2006

Репутация: нет
Всего: 91



Так ? Не работает...


Код

<table>    
    <tr style="
    {color: black; background: white;
    :hover{rgb(153,153,204); text-decoration: none}
    }">
      <td>Test</td>    
    </tr>    
  </table>



--------------------
Национальная группа Russian Federation на QtCentre.
PM MAIL   Вверх
japanes
Дата 13.3.2007, 13:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: 7
Всего: 7



в общем затестил метод:
у меня стиля для ссылок подобным образом не меняются
Код

<a href="http://www.w3.org/Style/CSS"
   style="{color: blue; background: white}
          :visited {color: green} 
          :hover {background: yellow} 
          :visited:hover {color: purple}
         ">


в опере при задании :hover {background: yellow}  в атрибуте стиля для таблицы - ячейка вообще не отображается. 

через так
Код

<style>    
tr:hover    
{    
    background-color: rgb(153,153,204);    
    text-decoration:  none;    
}    
</style>    
   <table>    
    <tr>    
      <td>Test</td>    
    </tr>    
  </table>


в ИЕ не работает


посижу седня еще поковыряюсь к вечеру выложу до чего дошел
PM MAIL   Вверх
japanes
Дата 13.3.2007, 19:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: 7
Всего: 7



В общем, на эту тему с коллегой по работе пообщались, он меня отговорил от использования такого вида задания стилей
Код

<a href="http://www.w3.org/Style/CSS"    
   style="{color: blue; background: white}    
          :visited {color: green}    
          :hover {background: yellow}    
          :visited:hover {color: purple}    
         ">


ибо эту хрень сафари не поддерживает

Это сообщение отредактировал(а) japanes - 13.3.2007, 19:18
PM MAIL   Вверх
SelenIT
Дата 13.3.2007, 23:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(japanes @  13.3.2007,  13:30 Найти цитируемый пост)
у меня стиля для ссылок подобным образом не меняются

У меня аналогично. Похоже, разработчики браузеров эту экзотику оставили без внимания (кстати, вполне законно, т.к. это не стандарт, а всего лишь working draft - и, судя по дате последней редакции, идея изрядно позабытая). Но имхо такие мучения и ни к чему - inline-стили, насколько мне известно, вообще считаются не слишкм хорошим тоном, внешние стили и удобнее, и красивее...

Цитата(japanes @  13.3.2007,  13:30 Найти цитируемый пост)
через так ... в ИЕ не работает

К сожалению, IE понимает псевдоклассы только для ссылок. Для других элементов того же эффекта можно добиться с помощью behaviors (свежий пример рядом). На behaviors же базируется еще одно интересное решение -  whatever:hover (пробегает по таблице стилей и меняет все псевдоклассы на комбинации обычных классов и скриптов, которые IE понимает - визуально выглядит, будто IE вдруг стал поддерживать псевдоклассы)  smile 


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
japanes
Дата 14.3.2007, 13:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

Репутация: 7
Всего: 7



Цитата(SelenIT @  13.3.2007,  22:54 Найти цитируемый пост)
Но имхо такие мучения и ни к чему - inline-стили, насколько мне известно, вообще считаются не слишкм хорошим тоном, внешние стили и удобнее, и красивее..

согласен на все 100%

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


 




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


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

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