Создание таблицы

[VisedFAQ]

Добрый день. Нужно сделать табличку:

Но у меня не получается создать создать правильно фон для шапки таблицы, получается так:

Как видите, фон шапки вылезает за пределы таблицы. z-index не помог. Скажите, как можно исправить проблему?

[red4pony]

Тут лучше списком. Удобнее будет.

[npofopr]

Если даже табличка. Ячейкам надо просто указать padding

[Killerblade]

Таблица и скругленные углы, это как инь и янь, они не могут быть совместимы ! Хатя есть свои замуты это сделать, я бы лучше слал 2 строки одной текст впиндюлил, а другой картинку фоновую со скруглением.

[VisedFAQ]

Опишите в кратце как строкой сделать, а то я вообще не допер.

Я сперва думал сделать border-radius для шапки таблицы, но тогда скругления будут и снизу, а мне только вверху нужно.

Зачем делать padding я так и не понял.

Вот код, если что

[Killerblade]

Если тебе надо именно таблицами. Можно сделать так.

• Создаем таблицу, пусть даже 3 строки, 1столбец.
  
• Отрезаем картинки со скруглениями (верх, низ), ложим ее в первую и последнюю строку.
  
• В верхней строке, создаем span. В него пихаем текст
  
• Задаем оставшиеся стили для центральной ячейки, в основном это бордеры.
  

<table width="325" height="178" border="1">
<tr>
	 <td height="29">Картинка свеху + span с текстом</td>
</tr>
<tr>
	 <td height="113">Тут основной текст, задаем боковые бордеры</td>
</tr>
<tr>
	 <td>Картинка с нижним закруглением</td>
</tr>
</table>

border="1" - хоть не забудь поменять на 0 !

Edited May 27, 2013 by Killerblade

[red4pony]

Тут лучше списком. Удобнее будет.

Не рассмотрел толком, я подумал что это каждая строчка отдельно. Вот

[mrnobody]

А почему вы не посмотрите как в примере сделано? http://divhack.com/downloads/study/3/html/

[VisedFAQ]

Решил тегами border-top-left-radius и -right соответсвенно, ранее не знал об их существовании, за это спасибо red4pony и его коду.

Благодарю всех кто помогал!

[red4pony]

Пожалуйста