Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: применение стиля к ячейкам??
 
 автор: Alex Boxgorn   (29.09.2009 в 07:37)   письмо автору
 
 

Не могу реализовать следующую штуковину. Мне необходимо прописать стили для тэга TABLE таблиц, чтобы человек мог добавлять в эту таблицу строки и не думать об их раскраске.
Есть таблица в стаком виде
   <table width="100%" border="0" cellspacing="1" cellpadding="4" bgcolor="#000000">
        <tr> 
          <td bgcolor="#FFCC66"><h3>Каталог популярных видов отдыха</h3></td></tr>
        <tr><td bgcolor="#FFFFFF">Строка 1</td></tr>
        <tr><td bgcolor="#FFFFFF">Строка 2</td></tr>
        <tr><td bgcolor="#FFFFFF">Строка 3</td></tr>
        <tr><td bgcolor="#FFFFFF">Строка 4</td></tr>
      </table>

Хотелось бы что-то в таком виде иметь код, чтобы стили прописывались в тэге TABLE и повторили окраску таблицы и ячеек как в вышеуказанном коде. И если можно, чтобы все популярные браузеры его правильно понимали.
   
<table width="100%" id="tdstyle" border="0" cellspacing="1" cellpadding="4">
        <tr><td><h3>Каталог популярных видов отдыха</h3></td></tr>
        <tr><td>Строка 1</td></tr>
        <tr><td>Строка 2</td></tr>
        <tr><td>Строка 3</td></tr>
        <tr><td>Строка 4</td></tr>
      </table>

Был бы очень Вам признателен за помощь!!

  Ответить  
 
 автор: cheops   (29.09.2009 в 08:05)   письмо автору
 
   для: Alex Boxgorn   (29.09.2009 в 07:37)
 

Для этого в таблице стилей следует использовать конструкции вида
table#tdstyle {
  background: #000;
}
/*Для заголовка*/
table#tdstyle tr td h3 {
  background: #ffcc66;
}
/*Для ячеек*/
table#tdstyle tr td {
  background: #fff;
}

  Ответить  
 
 автор: Alex Boxgorn   (29.09.2009 в 08:33)   письмо автору
 
   для: cheops   (29.09.2009 в 08:05)
 

а для отдельной строки (строки заголовка - 1 строка) возможно стиль применить (с идентификатором каким-то что ли)? Т.к. тэг H3 может и не присутствовать в ячейке строки-заголовка.

  Ответить  
 
 автор: Adj   (29.09.2009 в 09:14)   письмо автору
 
   для: Alex Boxgorn   (29.09.2009 в 08:33)
 

В первой строке вместо <TD> использовать <TH>:
<table id="tdstyle">
  <tr><th>Заголовок</th></tr>
  <tr><td>Текст 1</td></tr>
  <tr><td>Текст 1</td></tr>
  ...
</table>

Тогда предложенная выше таблица стилей будет слудующей:
table#tdstyle { 
  background: #000; 

/*Для заголовка*/ 
table#tdstyle tr th { 
  background: #fc6; 

/*Для ячеек*/ 
table#tdstyle tr td { 
  background: #fff; 
}

  Ответить  
 
 автор: Alex Boxgorn   (29.09.2009 в 09:36)   письмо автору
 
   для: Adj   (29.09.2009 в 09:14)
 

Спасибо огромное за помощь!!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования