Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#24 used as offset, casting to integer (24) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#27 used as offset, casting to integer (27) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Помогите с таблицей!
ТвойWeb ТвойWeb
Качественный Европейский хостинг
 Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (1): [1] 

> Без описания
Поиск в теме | Версия для печати
SuperWatch
Отправлено: 24 Ноября, 2008 - 08:24:13
Post Id


Newbie


Покинул форум
Сообщений всего: 5
Дата рег-ции: Февр. 2008  

Карма 0




 Всем добрый день! Подскажите, как сделать таблицу слева от основного содержимого сайта, но так, чтобы текст не сливался с таблицей? То есть, допустим, как сделать таблицу, например, с красным фоном в левой части страницы (на ней как бы ссылки), а сам фон страницы желтого цвета и на нем текст, но так чтобы он с таблицей не сливался? То есть если я после закрытия тэга </table> дальше начинаю писать текст, он появляется СРАЗУ за правой границей таблицы. Как сделать чтобы расстояние между таблицей и текстом было не таким маленьким? Заранее спасибо.
 
 Top
Furax
Отправлено: 24 Ноября, 2008 - 08:43:56
Post Id



Бледнотик


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Март 2007  
Откуда: Иркутск, Сибирь, СССР

Карма 32




 Для таблицы прописать CSS-аттрибут margin, отличный от нуля.
 
 Top
SuperWatch
Отправлено: 24 Ноября, 2008 - 09:04:06
Post Id


Newbie


Покинул форум
Сообщений всего: 5
Дата рег-ции: Февр. 2008  

Карма 0




 Furax
А где его прописывать?
В самом коде или в CSS-файле?
Вот у меня, например, такой код:
CODE:
<html>
<head>
<title>Example</title>
</head>
<body bgcolor="yellow">
<table bgcolor="red" align="left" border="4">
<tr align="center">
<td width="200" height="30">
Link1</td>
</tr>
<tr align="center">
<td width="200" height="30">
Link2</td>
</tr>
<tr align="center">
<td width="200" height="30">
Link3</td>
</tr>
<tr align="center">
<td width="200" height="30">
Link4</td>
</tr>
<tr align="center">
<td width="200" height="30">
Link5</td>
</tr>
</table>
<h1>Welcome!!!</h1>
</body>
</html>

Да, и еще, как создать несколько одинаковых по форме строк, не повторяя постоянно код для каждой строки?
 
 Top
Furax
Отправлено: 25 Ноября, 2008 - 09:16:02
Post Id



Бледнотик


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Март 2007  
Откуда: Иркутск, Сибирь, СССР

Карма 32




 Нужно прописать класс для таблицы:
CODE:
<table bgcolor="red" align="left" border="4" class="marginTable">
После этого в подключаемом файле стиля можно указать margin для таблицы и размер для ячеек:
CODE:
table.marginTable
{
margin: 10px;
}

table.marginTable td
{
width: 200px;
height: 30px;
}
 
 Top
SuperWatch
Отправлено: 25 Ноября, 2008 - 10:21:40
Post Id


Newbie


Покинул форум
Сообщений всего: 5
Дата рег-ции: Февр. 2008  

Карма 0




 Furax
А если, допустим, у меня простая (примитивная) страница и никакого CSS-файла мне не нужно?
 
 Top
Furax
Отправлено: 25 Ноября, 2008 - 10:29:30
Post Id



Бледнотик


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Март 2007  
Откуда: Иркутск, Сибирь, СССР

Карма 32




 Тогда объявления стилей можно разместить в шапке между тегов <style>:
CODE:
...
<head>
...
<style type="text/css">
Здесь...
</style>
</head>
...
 
 Top
SuperWatch
Отправлено: 25 Ноября, 2008 - 17:14:05
Post Id


Newbie


Покинул форум
Сообщений всего: 5
Дата рег-ции: Февр. 2008  

Карма 0




 Furax
А можно ли сделать так, чтобы верхний левый угол страницы был уже, чем расстояние между таблицей и текстом?
 
 Top
Furax
Отправлено: 25 Ноября, 2008 - 21:52:21
Post Id



Бледнотик


Покинул форум
Сообщений всего: 1472
Дата рег-ции: Март 2007  
Откуда: Иркутск, Сибирь, СССР

Карма 32




 Можно отдельно задать отступы со всех четырёх сторон таблицы параметрами, соответственно, margin-left, margin-right, margin-top и margin-bottom.
 
 Top
Barsuk
Отправлено: 27 Ноября, 2008 - 12:42:38
Post Id



Это чудо давно здесь


Покинул форум
Сообщений всего: 310
Дата рег-ции: Нояб. 2003  
Откуда: Москва

Карма 0




 SuperWatch
Странно, что никто не предложил банального варианта...
Вот тебе код ... Или я туплю?
CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>

<body>
ВОТ ТЕБЕ ТАБЛА...<br>
<br>
<table width="100%" height="500" border="1" cellpadding="5" cellspacing="0">
<tr>
<td width="20%" valign="top" bgcolor="#FF0000">ВОТ ТЕБЕ ЯЧЕЯ №1</td>
<td width="80%" valign="top" bgcolor="#FFFF00">ВОТ ТЕБЕ ЯЧЕЯ №2 </td>
</tr>
</table>
</body>
</html>

Или только к тексту, ...но енто странно...
CODE:
<div style="padding: 10px 10px 10px 10px; /* Либо так...*/ padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;">Куча........... текста........</div>

Прикреплено изображение (Нажмите для увеличения)
primer.jpg

(Отредактировано автором: 27 Ноября, 2008 - 16:50:17)
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 2 (гостей: 2, зарегистрированных: 0, скрытых: 0)
« HTML »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®
[Script Execution time: 0.0397]     [ Gzipped ]