[attachment=4425:attachment]
Помогите нарисовать табличку, пожалуйста!!! [Only registered and activated users can see links. Click Here To Register...]
Вид для печати
[attachment=4425:attachment]
Помогите нарисовать табличку, пожалуйста!!! [Only registered and activated users can see links. Click Here To Register...]
<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>
Осталось только поиграть с размерами...
а я бы с rowspan не баловался, бывают косяки потом, которые новичек не разгребет сам, я бы тогда посоветовал вложенные таблицы. [Only registered and activated users can see links. Click Here To Register...]
Код:<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 не баловаться, то проблем с ними не бывает, во всяком случае мне они никогда не встречались.
а на мой взгляд использовать таблицы для верстки вообще удел только начинающих, XHTML+CSS, как говорится, рулез форэва!
а я вот сталкивался с проблемами, правда это было во времена моей верстальщицкой юности и написания кода для IE =)
А помойму на вкус и цвет..Цитата:
а на мой взгляд использовать таблицы для верстки вообще удел только начинающих
[/quote]Цитата:
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'>[Only registered and activated users can see links. Click Here To Register...]
Спасибо большое, а то сама намучалась :biggrin2:
Подскажите, пожалуйста, как сделать чтобы таблица вверху имела отступ???
Над таблицей предполагается название, которое будет в рисунке фона, так что вариант:
<H1>name</H1>
не подходит.
[/quote]Цитата:
Originally posted by Darkness@Nov 4 2006, 21:28
А помойму на вкус и цвет..
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
понимаете, просто кто-то так и остается в детском садике верстки, а кто-то идет в школу и при удачном обучении, он уже студент потом =)
[/quote]Цитата:
Originally posted by Charm@Nov 5 2006, 11:37
Подскажите, пожалуйста, как сделать чтобы таблица вверху имела отступ???
Над таблицей предполагается название, которое будет в рисунке фона, так что вариант:
<H1>name</H1>
не подходит.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Вставьте под тэгом <table> тэг <caption>, конечно, если этот текст является заголовком таблицы
[/quote]Цитата:
Originally posted by Zigzag@Nov 5 2006, 10:20
Вставьте под тэгом <table> тэг <caption>, конечно, если этот текст является заголовком таблицы
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Дело в том, что заголовок там прописываться в html не будет, там нужно пустое место, что-то вроде
[Only registered and activated users can see links. Click Here To Register...]
не понял немного, отступ откуда?, лучше на рисунке укажите
[/quote]Цитата:
Originally posted by Zigzag@Nov 5 2006, 14:59
не понял немного, отступ откуда?, лучше на рисунке укажите
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
На втором рисунке этот отступ обозначен стрелкой.
Код:table {
* * * margin-top: какое-то значение;
}
А как сделать эту табличку используя CSS, не подскажете, товарищ, будьте так добры, я только закончил проходить курсы, но еще не понял всех тонкостей?Цитата:
Originally posted by Zigzag@Nov 6 2006, 11:11
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>Код:table {
* * * margin-top: какое-то значение;
}
Так полагаю, что там надо использовать позиционирование? я прав?
табличку для верстки макета или размещения в ней табличных данных?
[/quote]Цитата:
Originally posted by Zigzag@Nov 10 2006, 18:26
табличку для верстки макета или размещения в ней табличных данных?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
э, а можно и то и другое, и без хлеба
Примного благодарен
Пример простейшей, семантически верной таблички, с заголовком отформатированной только за счет 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;
}
понабирали с курсов... [Only registered and activated users can see links. Click Here To Register...]
null
ты о чем?