И снова вопрос

[ShiftedReality]

Снова нужна помощь знающих, В общем вот такой кусок:

Интересует 2 вопроса:

1. правильно ли делать через таблицу

2. как сделать такие прикольные границы между ячейками

Мой код:

HTML:

<table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2">
<tr style="background-color: #770000">
<td width="30%"></td>
<td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td>  
<td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td>
<td width="10%" align="right"></td>
</tr>
<tr style="background-color: #440B06">
<td></td>
<td>Jouer ? la Roulette dans All Jackpots Casino </td>
<td>200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td>
<td>f</td>
</tr>
<tr style="background-color: #770000">
<td></td>
<td>d</td>
<td>ggg</td>
<td>f</td></tr>
<tr style="background-color: #440B06">
<td></td>
<td>d</td>
<td>ggg</td>
<td style="border-right: none">f</td>
</tr>
</table>

CSS:

tr
    {
    border-top: solid 1pt #810e05;  
    text-align: center;
    height: 60px;      
    }
td
{
    border-right: solid 1px white;
    text-align: center;
}

[Golgi]

хм, а зачем через таблицу?

Можно же одной картинкой все это сделать.

[psywalker]

ShiftedReality,

А можно увидеть скриншоты того, что должно вообще быть на выходе, с контентом, потом скриншот того, что НЕ должно быть.

И вообще, что это будет и сколько там частей в строке? Если там вообще есть строки.

[ShiftedReality]

В смысле картинкой? В ячейках будет текст

Админ, большая просьба после решения моей проблемы удалить тему. Шаблон авторский

Вот скрин:

[Golgi]

для каждого td задать background-image.

Для этого достаточно будет иметь 2 картинки. На одной прямоугольники, на другой jour этот.

[ShiftedReality]

Jour это кнопка, как с ней быть?

[Golgi]

Тут все просто. Повесь на ячейку с jour onClick. Ну или вставь ссылку туда прозрачную и сделай width и height 100%.

Вариатнов море

[buddah]

2. как сделать такие прикольные границы между ячейками

Если мне не изменяет зрение, то это тип бордера groove.

[ShiftedReality]

Решил этот вопрос задав

<table style:"background: 1.png no-repeat"></table>

Кнопку действительно повесил на onClick, вроде все прикольно вышло. Заодно и разобрался для чего

    display: table-cell;
    vertical-align: middle;  

Спасибо за советы!

Edited July 11, 2011 by ShiftedReality

[Int]

<table style:"background: 1.png no-repeat">

Вот прямо так написал, и всё работает?

[ShiftedReality]

<table style:"background: 1.png no-repeat">

Вот прямо так написал, и всё работает?

Нет конечно, я про способ вцелом

Edited July 11, 2011 by ShiftedReality

[Golgi]

Int, было бы забавно, если бы при таком написании у него бы все работало