Помогите нарисовать табличку, пожалуйста!!!

[Charm]

[attachment=4425:attachment]
Помогите нарисовать табличку, пожалуйста!!!

[Яков]

<table border="1px" bordercolor="#000000"cellpadding="0" cellspacing="0" width="500px" height="500px">
<tr><td></td><td rowspan="15"></td><td rowspan="5" ></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>


<tr><td></td><td rowspan="5" ></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>


<tr><td></td><td rowspan="5" ></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>



</table>

Осталось только поиграть с размерами...

[Zigzag]

а я бы с rowspan не баловался, бывают косяки потом, которые новичек не разгребет сам, я бы тогда посоветовал вложенные таблицы.

<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1">
<tr>
****<td>
 *<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1">
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *</table></td>
****<td></td>
****<td>
 *<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1">
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *<tr>
 *****<td></td>
 *</tr>
 *</table>
****</td>
</tr>
</table>

[Яков]

На мой взгляд, вложенные таблицы сильно затрудняют чтение кода, но... каждому своё...

А вообще, если с rowspan и colspan не баловаться, то проблем с ними не бывает, во всяком случае мне они никогда не встречались.

[Zigzag]

а на мой взгляд использовать таблицы для верстки вообще удел только начинающих, XHTML+CSS, как говорится, рулез форэва!

а я вот сталкивался с проблемами, правда это было во времена моей верстальщицкой юности и написания кода для IE =)

[Darkness]

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

А помойму на вкус и цвет..

[Charm]

Originally posted by Яков@Nov 4 2006, 10:11
<table border="1px"* bordercolor="#000000"cellpadding="0" cellspacing="0" width="500px" height="500px">
<tr><td></td><td rowspan="15"></td><td rowspan="5" ></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td><td rowspan="5" ></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>


<tr><td></td><td rowspan="5" ></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>

</table>

Осталось только поиграть с размерами...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]


Спасибо большое, а то сама намучалась :biggrin2:

[Charm]

Подскажите, пожалуйста, как сделать чтобы таблица вверху имела отступ???

Над таблицей предполагается название, которое будет в рисунке фона, так что вариант:

<H1>name</H1>

не подходит.

[Zigzag]

Originally posted by Darkness@Nov 4 2006, 21:28
А помойму на вкус и цвет..
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

понимаете, просто кто-то так и остается в детском садике верстки, а кто-то идет в школу и при удачном обучении, он уже студент потом =)

Originally posted by Charm@Nov 5 2006, 11:37
Подскажите, пожалуйста, как сделать чтобы таблица вверху имела отступ???

Над таблицей предполагается название, которое будет в рисунке фона, так что вариант:

<H1>name</H1>

не подходит.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Вставьте под тэгом <table> тэг <caption>, конечно, если этот текст является заголовком таблицы

[Charm]

Originally posted by Zigzag@Nov 5 2006, 10:20
Вставьте под тэгом <table> тэг <caption>, конечно, если этот текст является заголовком таблицы
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]


Дело в том, что заголовок там прописываться в html не будет, там нужно пустое место, что-то вроде

[Zigzag]

не понял немного, отступ откуда?, лучше на рисунке укажите

[Charm]

Originally posted by Zigzag@Nov 5 2006, 14:59
не понял немного, отступ откуда?, лучше на рисунке укажите
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]



На втором рисунке этот отступ обозначен стрелкой.

[Zigzag]

table {
 * * * margin-top: какое-то значение;
}

[Mr. Willson]

Originally posted by Zigzag@Nov 6 2006, 11:11

table {
 * * * margin-top: какое-то значение;
}

<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

А как сделать эту табличку используя CSS, не подскажете, товарищ, будьте так добры, я только закончил проходить курсы, но еще не понял всех тонкостей?
Так полагаю, что там надо использовать позиционирование? я прав?

[Zigzag]

табличку для верстки макета или размещения в ней табличных данных?

[Mr. Willson]

Originally posted by Zigzag@Nov 10 2006, 18:26
табличку для верстки макета или размещения в ней табличных данных?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
э, а можно и то и другое, и без хлеба
Примного благодарен

[Zigzag]

Пример простейшей, семантически верной таблички, с заголовком отформатированной только за счет CSS. (для представления табличных данных)

<table>
<caption></caption>
<tr>
****<th></th>
****<th></th>
</tr>
<tr>
****<td></td>
****<td></td>
</tr>
</table>

table {
 * * height: 100%;
 * * width: 100%;
 * * border-collapse: collapse;
 * * text-align: center;
 * * padding: 5px; * * 
 * * background: balck;
}
caption {
 * * font-weight: bold;
 * * background: #B0C4DE;
}
th {
 * * font-weight: bold;
 * * border: 1px solid black; * * *
}
td {
 * * border: 1px solid black;
}

[null]

понабирали с курсов...

[Zigzag]

null
ты о чем?