Перейти к содержанию
СофтФорум - всё о компьютерах и не только

Таблицы Html!


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

<!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>

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

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

<!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>

<table border align="left">

<tr>

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

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

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

</table>

<img src="2.jpg">

</body>

</html>

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

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

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

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

-----

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

<html>

<head>

<title>Untitled web-page</title>

</head>

<body bgcolor="#000000" style="background-attachment: fixed">

<center><img src="текст1.jpg"><br><img src="8.gif"></center><br>

<table border="0" align="left">

<tr>

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

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

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

</tr>

</table><br>

<img src="2.jpg">

</body>

</html>

------

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

Изменено пользователем Ray
Ссылка на комментарий
Поделиться на другие сайты

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

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

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

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

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

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

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

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

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

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

  • 2 недели спустя...
<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 прописал нужные свойства, но таблица не получилась, помогите найти ошибку в моём коде.

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

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

<table>   <tr>       <td>           В этой ячейке есть текст и таблица           <table>               <tr><td>а здесь только текст</td></tr>           </table>       </td>   </tr></table>
Изменено пользователем Ray
Ссылка на комментарий
Поделиться на другие сайты

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

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

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

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

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

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

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

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

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

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

<img src="текст1.jpg" style="position:absolute; left:10px; top:10px">

<table style="position:absolute; left:150px; top:10px" border=1>

<tr>

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

</tr>

</table>

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

<img src="текст1.jpg">

<table style="margin-left:50px; margin-top:-30px" border=1>

<tr>

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

</tr>

</table>

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

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

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

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

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

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

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

218278[/snapback]

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

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

Ещё вопрос появился: у меня есть таблица, в которой вложена ещё одна таблица, только уже с текстом, хотелось бы, чтобы этот текст обрамляла рамка, для этого хочу сделать ещё одну таблицу с одной строкой, сделать для этой строки свойства 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>

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

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

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

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

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>
Изменено пользователем Ray
Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

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

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...