Форум русской поддержки Joomla!® CMS
03.12.2016, 06:32:03 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Стиль таблицы

 (Прочитано 425 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Элана
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 107



« : 24.06.2015, 14:45:03 »

Доброго дня.
Не могу сообразить как написать в одну строку класс который будет определять цвет фона при наведении мыши на строки таблицы.
стиль самой таблицы <table border="0" style="margin: 0 auto;" cellspacing="0">
а вот как написать для всех ячеек при наведении
<style>
     td, th {
    padding: 3px;
    border: 1px solid #000;
   }
   th {
    background: #afd792;
    color: #333; 
   }
   tbody tr:hover {
    background: #FBC114;
    color: #000;
   }
  </style>
за ранее спасибо
Записан
SeBun
Практически профи
*******

Репутация: +134/-3
Offline Offline

Пол: Мужской
Сообщений: 2271



« Ответ #1 : 24.06.2015, 15:09:22 »

Почитайте, в самом конце про подсветку ячеек.
Записан
Элана
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 107



« Ответ #2 : 24.06.2015, 17:02:18 »

Сори меня интересует  размещения HTML-кода в одну строку
Записан
SeBun
Практически профи
*******

Репутация: +134/-3
Offline Offline

Пол: Мужской
Сообщений: 2271



« Ответ #3 : 24.06.2015, 17:13:16 »

Сори меня интересует  размещения HTML-кода в одну строку
Не получиться. Вы либо пишите CSS-класс, либо присваиваете стиль каждому элементу таблицы, что не есть хорошо. Например, <td style=...
А вообще, прописывать стиль в коде - дурная привычка. Это нужно делать в отдельных файлах. Создайте такой, например mytable.css, и подключите его к основному файлу стилей.
Записан
Элана
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 107



« Ответ #4 : 24.06.2015, 20:32:08 »

так хорошо, осталось выяснить куда писать. Я создаю документ в Joomla, мне прописать в шаблоне CSS? 
Записан
Элана
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Пол: Женский
Сообщений: 107



« Ответ #5 : 24.06.2015, 20:39:42 »

создается таблица в материале с помощью редактора... вот и не соображу, а в том виде код, какой написала, редактор сохраняет, но при повторном сохранении сбрасывает.
Записан
SeBun
Практически профи
*******

Репутация: +134/-3
Offline Offline

Пол: Мужской
Сообщений: 2271



« Ответ #6 : 24.06.2015, 22:27:57 »

создается таблица в материале с помощью редактора... вот и не соображу, а в том виде код, какой написала, редактор сохраняет, но при повторном сохранении сбрасывает.
Он его не сбрасывает, а обрезает. Весь блок <style>.

Вы когда вопрос задавали, могли бы пояснить, что вам надо именно в материал стиль вставить? Зайдите в настройки и отключите редактор вообще. Далее создаете материал и пишите такую конструкцию:

Код:
<style>
      table, td, th {
        border: 4px outset blue;
        border-spacing: 5px;
      }
      .first { border-collapse: collapse; }
    </style>
  
    <table>
      <tr><th>Имя</th><th>Фамилия</th></tr>
      <tr><td>Гомер</td><td>Симпсон</td></tr>
      <tr><td>Мардж</td><td>Симпсон</td></tr>
    </table>
    <br>
    <table class="first">
      <tr><th>Имя</th><th>Фамилия</th></tr>
      <tr><td>Гомер</td><td>Симпсон</td></tr>
      <tr><td>Мардж</td><td>Симпсон</td></tr>
    </table>

Я же дал вам хорошую статью, где все было детально разжёвано...  dry

Если вы используете JCE и вам часто требуется вставлять собственные стили, то в настройках этого редактора установите разрешение CSS (компонент-редактор JCE-профили редактора-вкладка "Параметры редактора"-расширенные). Вот вам скрин:
Показать текстовый блок

И еще совет - попробуйте Sourcerer, хорошая штука.
« Последнее редактирование: 24.06.2015, 22:45:07 от SeBun » Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet