Таблицы Html!

**Feur_GOR** · 3 ноября, 2005

<!doctype html public "-//W3C//DTD HTML 4.0//EN"><html><head><title>Untitled web-page</title></head><body bgcolor="#000000" align="top" class="background-attachment: fixed"><center><img src="текст1.jpg"><br><img src="8.gif"></br><br><img src="2.jpg"><table border align="left"><tr><td><font color="#ff0000">Привет</font> <td><font color="#ff0000">Привет</font>   <td><font color="#ff0000">Привет</font></table></body></html>

У меня таблица получилась ровно по левому краю(как и надо), но вот почему то не с начала строки а внизу, сразу после картинки, как поднять таблицу наверх?

**nusya24** · 3 ноября, 2005

<!doctype html public "-//W3C//DTD HTML 4.0//EN">

<html>

<head>

<title>Untitled web-page</title>

</head>

<tr>

<td><font color="#ff0000">Привет</font>

</table>

</body>

</html>

**Feur_GOR** · 3 ноября, 2005

А теперь происходит смещение таблицой картинки вправо, которая идёт параллельно.

**Ray** · 3 ноября, 2005

А если так? Исправления и добавления отмечены красным.

-----

<!doctype html public "-//W3C//DTD HTML 4.0//EN">

<html>

<head>

<title>Untitled web-page</title>

</head>

<tr>

<td><font color="#ff0000">Привет</font></td>

</tr>

</table><br>

</body>

</html>

------

Тег <body> параметра align не имеет. Теги (здесь: <tr>, <td>, <center> и вообще все, что положено) закрывай, а то черт-те чего получается, а не HTML... Тег </center> я поставил наобум. Смысла в параметре style="background-attachment: fixed" нету, потому что нет фонового изображения, можно его потереть. Значение параметра border у таблицы надо все-таки указать, иначе не надо писать border вообще.

Изменено 3 ноября, 2005 пользователем Ray

**Feur_GOR** · 4 ноября, 2005

Если так прописывать то картинка прилипает к таблице, тоесть смещается относительно центра влево, а если добавить к этой картинке выравнивание по центру, то она смещается относительно центра вправо! :D

**MaDW** · 4 ноября, 2005

Сделай общую таблицу в ячейки которой покидай то что тебе нужно

**Feur_GOR** · 4 ноября, 2005

Если кидать всё в одну таблицу то картинка получится в рамке(мне так не надо), либо слова получатся без рамки(мне так тоже не надо), нужно найти золотую середину.

**Ray** · 4 ноября, 2005

max15: Ну сделай таблицу в таблице, будет тебе золотая середина...

**Feur_GOR** · 4 ноября, 2005

Гениально!!Буду пробовать!Только где факт, что таблица тоже не будет смещаться?

**Ray** · 4 ноября, 2005

Да куда она денется, из ячейки-то?

**Feur_GOR** · 5 ноября, 2005

А я откуда знаю, я ведь только начал изучать веб строительство, поэтому знания на примитивном уровне!

**Feur_GOR** · 13 ноября, 2005

<table align=left  bgcolor="#000000"  border="2" width="193px" height="500px"><tr border="2px" align=left bordercolor="000000" width="50px" height="10px" bgcolor="#000000"><font color="#ffffff" привет </font></tr><tr><td> </td></tr></table><table align=right  bgcolor="#000000"  border="2" width="193px" height="500px"><tr><td> </td></tr></table>

Я попробовал вписать таблицу в таблицу, в теге tr прописал нужные свойства, но таблица не получилась, помогите найти ошибку в моём коде.

**Ray** · 13 ноября, 2005

Таблица прописывается внутри ячейки другой таблицы, так как и текст...

<table>   <tr>       <td>           В этой ячейке есть текст и таблица           <table>               <tr><td>а здесь только текст</td></tr>           </table>       </td>   </tr></table>

Изменено 13 ноября, 2005 пользователем Ray

**miss_Dana** · 15 ноября, 2005

я так поняла, что вы хотите картинку фоном сделать что-ли?

а почему тогда просто не написать в CSS:

body {background-image:url(image.jpg)}

**Feur_GOR** · 15 ноября, 2005

miss_Dana: Разве о фоновой картинке здесь что то сказано?

**miss_Dana** · 15 ноября, 2005

max15, ну подумаешь, туплю Не очень внимательно код проглядела :)

А абсолютным позиционированием не пробовал пользоваться? Проще, чем с таблицами возиться.

**Feur_GOR** · 15 ноября, 2005

miss_Dana: Не пробовал, рассказывай!

**Офелия** · 15 ноября, 2005

а в таблице, если еще и CSS пришить, можно прописать те бордеры которые мы хотим видеть, а какие нет.

**Feur_GOR** · 15 ноября, 2005

Офелия: В смысле?Допустим верхний и нижний видны, а боковые нет?

**miss_Dana** · 15 ноября, 2005

абсолютное позиционирование - это просто координаты задаешь

<tr>

<td>текст</td>

</tr>

</table>

или можно задавать через margin отступы:

<tr>

<td>текст</td>

</tr>

</table>

очень удобно :)

**Gray Angel** · 16 ноября, 2005

miss_Dana: То что очень удобно я с тобой не согласен, проще всего когда объекты позиционируются относительно друг-друга, а не окна браузера!

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

**miss_Dana** · 17 ноября, 2005

miss_Dana: То что очень удобно я с тобой не согласен, проще всего когда объекты позиционируются относительно друг-друга, а не окна браузера!
А абсолютное позиционирование нужно только когда ты хочешь поместить один объект над другим или двигать объекты спомощью яваскрипт

218278[/snapback]

Случаи разные бывают. Я и не говорю, что этот метод универсальный, просто привела пример

**Feur_GOR** · 20 ноября, 2005

Ещё вопрос появился: у меня есть таблица, в которой вложена ещё одна таблица, только уже с текстом, хотелось бы, чтобы этот текст обрамляла рамка, для этого хочу сделать ещё одну таблицу с одной строкой, сделать для этой строки свойства border, которые нужны для рамки и задать параметры абсолютного позиционирования, тоесть как бы наложить одну таблицу на другу, как это сделать??Скидываю вам код вложенной таблицы...

<table border="1" bgcolor="#000000" bordercolor="#C0FF00" height="50px">  <tr><td>	   <center><table border=1 bordercolor=#37E800>		   <tr>			  <center> <td align=center><a href="http://chat.li.ru" target=blank>ЧАТ</a>					  <a href="http://softodrom.ru" target=blank><br>СОФТ <a href="http://softboard.ru" target=blank> <br> ФОРУМ</a> <br><a href="http://rmp.ru/">MP3 МУЗЫКА</a><br> <a href="http://www.vseobuch.ru/forum/thread.asp?idthr=4601&page=44"</a>ФОРУМ ШКОЛЫ</td></b>		   </tr>			   </center>	   </table>  </td></tr></table>

Для того, чтобы сделать эту строку я пишу код

<table height=20px width=100px border=1 bordercolor=#000000><tr><td>привет</td></tr></table>

но получается один большой квадрат...

**Feur_GOR** · 20 ноября, 2005

Попробовал добавить рамку с помощью div, она появилась, только её размеры получились больше чем нужно и текст в рамке отделился от списка...

**Ray** · 20 ноября, 2005

max15: Ты за тегами следить будешь или нет? Бардак ведь... Вот код твоей таблицы после небольшого форматирования:

<table border="1" bgcolor="#000000" bordercolor="#C0FF00" height="50px"><tr>	<td><center>		<table border=1 bordercolor=#37E800>		   <tr><center>			   <td align=center>				   <a href="http://chat.li.ru" target=blank>ЧАТ</a>				   <a href="http://softodrom.ru" target=blank><br>СОФТ				   <a href="http://softboard.ru" target=blank><br>ФОРУМ</a><br>				   <a href="http://rmp.ru/">MP3 МУЗЫКА</a><br>				   <a href="http://www.vseobuch.ru/forum/thread.asp?idthr=4601&page=44"</a>ФОРУМ ШКОЛЫ			   </td></b>		   </tr></center>	   </table>	</td></tr></table>

Как это все понимать? Что тут делают теги <center>? Откуда взялся закрывающий </b>? Почему половина тегов <a> не закрыта? Что за непонятная конструкция стоит перед текстом "ФОРУМ ШКОЛЫ"? Зачем столько <br>? Значение параметра target="blank" неверно, верно будет target="_blank". Исправляем...

<table border="1" bgcolor="#000000" bordercolor="#C0FF00" height="50px"><tr>	<td>		<table border="1" bordercolor="#37E800">		   <tr>			   <td align="center">				   <a href="http://chat.li.ru" target="_blank">ЧАТ</a><br />				   <a href="http://softodrom.ru" target="_blank">СОФТ</a><br />				   <a href="http://softboard.ru" target="_blank">ФОРУМ</a><br />				   <a href="http://rmp.ru/" target="_blank">MP3 МУЗЫКА</a><br />				   <a href="http://www.vseobuch.ru/forum/thread.asp?idthr=4601&page=44">ФОРУМ ШКОЛЫ</a>			   </td>		   </tr>	   </table>	</td></tr></table>

Результат такой же, но код гораздо чище и правильнее... Теперь втыкаем туда твой "Привет", только цвет шрифта надо сделать не черным, потому что фон у тебя черный, либо изменить цвет фона таблицы. Я изменил фон таблицы

<table border="1" bgcolor="#000000" bordercolor="#C0FF00" height="50px"><tr>	<td>		<table border="1" bordercolor="#37E800">		   <tr>			   <td align="center">				   <table height="20px" width="100px" border="1" bordercolor="#000000" bgcolor="#FFFFFF">					   <tr>						   <td align="center">привет</td>					   </tr>				   </table>				   <a href="http://chat.li.ru" target="_blank">ЧАТ</a><br />				   <a href="http://softodrom.ru" target="_blank">СОФТ</a><br />				   <a href="http://softboard.ru" target="_blank">ФОРУМ</a><br />				   <a href="http://rmp.ru/" target="_blank">MP3 МУЗЫКА</a><br />				   <a href="http://www.vseobuch.ru/forum/thread.asp?idthr=4601&page=44">ФОРУМ ШКОЛЫ</a>			   </td>		   </tr>	   </table>	</td></tr></table>

Изменено 20 ноября, 2005 пользователем Ray

Таблицы Html!

Рекомендуемые сообщения

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Ссылка на комментарий

Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Создать учетную запись

Войти

Последние посетители 0 пользователей онлайн