Как сделать разные таблицы в одном документе?

[amv]

Если задача сделать несколько таблиц. Все они должны быть разные. Вот картинки.

 

1. таблица

Имеет бордер 2 пиксела, высоту ячеек 20 пикселов.

 

 

2. таблица

Только некоторые ячейки имеют обрамление, другие бордера не имеют. Высота фиксированная

 

 

3. таблица

Там вообще все разное. И высота ячеек (надо делать разраничения блоков) и цвет текста внутри ячейки и бэк в ячейке разного цвета.

 

 

 

Делаю это через CSS. Таблица объявляю как:

 

<table class="table1" width="830">

  <tr>

    <th width="100" bgcolor="#ece5dc">Номера</td>

    <td width="100" bgcolor="#ece5dc">Май</td>

    <td width="100" bgcolor="#ece5dc">Июнь</td>

    <td width="100" bgcolor="#ece5dc">Июль</td>

    <td width="100" bgcolor="#ece5dc">Август</td>

    <td width="100" bgcolor="#ece5dc">Сентябрь</td>

    <td width="100" bgcolor="#ece5dc">Межсезонье *</td>

  </tr>

  <tr>

    <th>описание</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">000</td>

  </tr>

  <tr>

    <th bgcolor="#ece5dc">описание</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">0000</td>

    <td bgcolor="#ece5dc">000</td>

    <td bgcolor="#ece5dc">000</td>

 

</table>

<br>

 

Прописываю для нее стиль:

 

table.table1{

font-family:arial, Helvetica,sans-serif;

font-size: 14.5px;

font-weight:bold;

color: #493d2d;

line-height: 1.3;

font-style:bold;

line-height: 1.4em;

border-collapse:collapse;

border:2px solid #493d2d;

}

 

Но не знаю как заставить рисовать бордеры внутри ячеек. Если пишу:

 

table{

width:830px;

text-align:center;

border-collapse:collapse;

}

 

tr, td, th{

height:25px;

padding:5px;

vertical-align:middle;

}

 

то это работает глобально по всем таблицам. А мне надо назначить th, tr, td только какому то конкретному стилю.

Не знаю как это синтаксически прописать. Не разу не программист, ни верстальщик.

 

А по третей таблице вообще не понимаю как делать в одной раблице разного цвета шрифты и высоту ячеек.

 

Может кто кинет примером?

Edited December 5, 2013 by amv

[Switch74]

table1 tr, table1 td, table1 th{}

так будут стили применяться только к tr,td,th лежащих в table с классом table1

[XAHTEP26]

http://webformyself.com/30-selektorov-css-kotorye-nuzhno-zapomnit/

[amv]

table1 tr, table1 td, table1 th{}

так будут стили применяться только к tr,td,th лежащих в table с классом table1

у меня получилось вот так:

.table1 tr { 

text-align:center;

border:2px solid #493d2d;

}

 

.table1 td { 

text-align:center;

border:2px solid #493d2d;

 

}

.table1 th { 

text-align:center;

border:2px solid #493d2d;

}

 

В опере, лисе, хроме и ие работает.

 

Цвет бэка ячеек меняется в Дримвивере и то же везде работает.

Остается открытымы 3 вопроса:

Текст разного цвета в ячейках одной таблицы, присутствия бордера в некоторых ячейках и разная высота ячеек (последнее правда можно обойти, просто разделив таблицу на несколько и поставив их впритык) Но первых 2 вопроса, не знаю как решить. 

http://webformyself.com/30-selektorov-css-kotorye-nuzhno-zapomnit/

спасибо, пойду копать.

[Switch74]

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

[amv]

Парни спасибо! Ваша помощь реально помогла. Все сделал, вопрос закрыт!