Работа с таблицами

@PadvonE · Регистрация: 05.12.2009

Author24 — интернет-сервис помощи студентам

Помогите сделать красивую таблицу.
У меня есть код но почему то с моими кривыми руками ничего не работает. Нужно скомпоновать все кусочки в 1 фаил чтоб работало
Вот что у меня есть

Исходная таблица должна выглядеть так:

HTML5

<table class="table3"><tbody><tr>
 
<td>1</td><td>Автокран</td><td></td> ...
 
.....
 
</table>

Css:

HTML5

1 2	table.table3 {border-collapse: collapse;font-size:14px; border:0px; width:538px;} table.table3 td {padding: 1px 5px; height: 32px; color:#58595b; }

И JavaScript для полноценной работы

Javascript

$(document).ready(function(){
 
    // проверяем, есть ли на странице таблицы с классом table3
 
    if( $('table.table3').length > 0){
 
    // присваиваю для первого и последнего ряда таблицы несуществующие классы trfirst и trlast
 
    // для того чтобы при раскрашивании рядов не трогать первый и последний ряд
 
    $('table.table3 > tbody > tr:first-child').addClass('trfirst');
    $('table.table3 > tbody > tr:last-child').addClass('trlast');
 
    
    // увеличение высоты заглавного ряда, так надо по дизайну
 
    $('table.table3 > tbody > tr:first-child').css('height', "42px");
    
    // далее идет присвоение фоновых картинок   
    // фоновая картинка для левого и правого края
 
    $('table.table3 > tbody > tr > td:first-child').css('background', "url('/images/t_lr.jpg') left top repeat-y");
 
    $('table.table3 > tbody > tr > td:last-child').css('background', "url('/images/t_lr.jpg') right top repeat-y");
    // для верхнего ряда
 
    $('table.table3 > tbody > tr:first-child > td').css('background', "url('/images/t_top.jpg') top repeat-x");
    // для нижнего ряда
 
    $('table.table3 > tbody > tr:last-child > td').css('background', "url('/images/t_bottom.jpg') top repeat-x");
    // верхний левый угол
 
    $('table.table3 > tbody > tr:first-child > td:first-child').css('background', "url('/images/t_top_left.gif') left top no-repeat");
    // верхний правый угол
 
    $('table.table3 > tbody > tr:first-child > td:last-child').css('background', "url('/images/t_top_right.gif') right top no-repeat");
    // нижний левый угол
 
    $('table.table3 > tbody > tr:last-child > td:first-child').css('background', "url('/images/t_bottom_left.gif') left top no-repeat");
    //нижний правый угод
 
    $('table.table3 > tbody > tr:last-child > td:last-child').css('background', "url('/images/t_bottom_right.gif') right top no-repeat");
 
 
 
    // раскрашивание зеброй ячейки рядов таблицы за исключением первого и последнего рядов
 
    $('table.table3 > tbody > tr:even').filter(':not(.trfirst)').filter(':not(.trlast)').children().css('background-color', '#FFFFFF');
 
    }
});

Сделайте плз 1 фаил index.*
Буду очень благодарен
p.s. таблица взята с http://www.cm.ua/prices.html

Vovan-VE · A B C

Не по теме:

Сообщение от PadvonE

p.s. таблица взята с

Честно говоря, я не понял, причем здесь этот сайт.

В <tbody> строки - <tr>. В каждой строке нужное кол-во ячеек <td> и/или <th> (td - ячейка с данными, th - ячейка-заголовок)

HTML5

<table>
  <tbody>
    <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
  </tbody>
</table>

A	B	C
1	2	3
4	5	6

@PadvonE · 21.02.2011, 18:11 **[ТС]**

С этого сайта взяты эти таблици!!!!

Можеш собрать эти коды в 1 чтоб работало

@PadvonE · 21.02.2011, 18:16 **[ТС]**

Вот картинки которые используються

@PadvonE 1 / 1 / 1 Регистрация: 05.12.2009 Сообщений: 52
	21.02.2011, 18:11 [ТС]	3
	С этого сайта взяты эти таблици!!!! Можеш собрать эти коды в 1 чтоб работало 0

	21.02.2011, 18:16