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

Titovik · October 3, 2014

Здравствуйте форумчане. Я учусь в 11 классе. По информатике нам задали сделать простой сайт. Ситуация такова - сказали сделать, но толком не объяснили как, и в процессе появились вопросы. В общем у меня одна проблема с таблицей как ее проще сделать.Нужно ли вводить CSS? Через <tr></tr><td></td> не получается, либо я что то не так делаю.Прикрепляю картинку как должно быть.http://imgur.com/R9CBSvw

Great Rash · October 3, 2014

http://htmlbook.ru/samhtml/tablitsy

Laroxx12 · October 3, 2014

С помощью таблицы сделать сайт?

Titovik · October 4, 2014

С помощью таблицы сделать сайт?

Да, потому что только их прошли.

http://htmlbook.ru/samhtml/tablitsy

Я знаю как они делаются. У меня не получается сделать их но всю ширину окна.

Вот код:

——————————————

<html>

<head>

<title>Главная странциа</title>

</head>

<body>

<tr>

<th colspan="3"; width=100%>Index</th>

</tr>

<tr>

<td>Index</td>

</tr>

</table>

</body>

</html>

———————————-

Например добавляю строку или ячейку и верхняя строка уменьшается. Как сделать что бы строки работали отдельно друг от друга.

xsladfs · October 4, 2014

С помощью таблицы сделать сайт?
Да, потому что только их прошли.
http://htmlbook.ru/samhtml/tablitsy
Я знаю как они делаются. У меня не получается сделать их но всю ширину окна.
Вот код:
——————————————
<html>
<head>
<body background = >
<title>Главная странциа</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3"; width=100%>Index</th>

</tr>
<tr>
<td>Index</td>
</tr>
</table>
<a href=Menu.html><img src= img/button-1183.png ></a>
</body>
</html>
———————————-
Например добавляю строку или ячейку и верхняя строка уменьшается. Как сделать что бы строки работали отдельно друг от друга.

http://jsfiddle.net/casvnm52/1/

Q4Dizzy · October 4, 2014

<tr>

<td colspan="2" height="100px">Ячейка 1</td>

</tr>

<tr>

<td width="40%">Ячейка 2</td>

<td width="60%">Ячейка 3</td>

</tr>

</table>

Titovik · October 4, 2014

<table border="1" width="1000px" height="300px">    <tr>        <td colspan="2" height="100px">Ячейка 1</td>    </tr>    <tr>        <td width="40%">Ячейка 2</td>        <td width="60%">Ячейка 3</td>    </tr></table>

Спасибо большое. Можете еще подсказать тег, что бы расположить мою кнопку

<a href=Menu.html><img src= img/button-1183.png></a> в верхнем левом углу Ячейки 2.

Q4Dizzy · October 4, 2014

Можете полные условия написать, что должно быть, а что нет?

То есть должен ли быть текст в ячейках (если да, то где он должен находится в ячейках (центр по горизонтали, по вертикали или без разницы)) , можно ли использовать в вашем случае css (или разрешено использовать только атрибуты html тегов) ? Проходили ли вы атрибут style ?

При помощи css можно многое. Без css не всё возможно реализовать в таблице.

Если текст не обязателен и главное - это сами ячейки и ваша "кнопка" в верхнем левом углу второй ячейки, то добавляем вертикальное выравнивание по верху у нужной ячейки. Горизонтальное выравнивание по умолчанию слева, потому дописывать

align="left"

необязательно.

<td width="40%" valign="top">    <a href="Menu.html"><img src="img/button-1183.png"></a></td>

Edited October 4, 2014 by Q4Dizzy

Titovik · October 5, 2014

Можете полные условия написать, что должно быть, а что нет?

То есть должен ли быть текст в ячейках (если да, то где он должен находится в ячейках (центр по горизонтали, по вертикали или без разницы)) , можно ли использовать в вашем случае css (или разрешено использовать только атрибуты html тегов) ? Проходили ли вы атрибут style ?

При помощи css можно многое. Без css не всё возможно реализовать в таблице.

Если текст не обязателен и главное - это сами ячейки и ваша "кнопка" в верхнем левом углу второй ячейки, то добавляем вертикальное выравнивание по верху у нужной ячейки. Горизонтальное выравнивание по умолчанию слева, потому дописывать
align="left"
необязательно.
<td width="40%" valign="top">    <a href="Menu.html"><img src="img/button-1183.png"></a></td>

Да, нужны только кнопки. Спасибо valign="top" помогло.

Sign In

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

Question

Titovik

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

Laroxx12

Link to comment

Share on other sites

Titovik

Link to comment

Share on other sites

xsladfs

Link to comment

Share on other sites

Q4Dizzy

Link to comment

Share on other sites

Titovik

Link to comment

Share on other sites

Q4Dizzy

Link to comment

Share on other sites

Titovik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information