ТвойWeb :: Версия для печати :: Реализация CSS внутри таблицы

1. Базиль - 12 Июня, 2005 - 14:43:16 - перейти к сообщению

У меня сайт разделен на три таблицы:
одна сверху одна слева ниже и одна справа ниже.

Мне надо чтобы то что прописано в ЦСС работало бы внутри таблиц! Например, отсуп слева и отступ справа...Подскажите как это реализовать!..

Пробовал в ЦСС писать такой код:

TD {
margin-left: 100px;
margin-right: 100px;
text-align: justify;
}

равнение по ширине работает, а вот маргины внутри таблицы не работают!

Пробовал менять ТД на ТР, но тоже никакого эффекта...Что я не так делаю? В чем разница между ТД и ТР?..

Красная строка тоже не работает...Делал сайт во фронтпаге.

зы: все эти эксперименты проводил с оффлайновой версией. вот мой сайт http://vlosis.narod.ru

2. Валерий - 12 Июня, 2005 - 14:57:26 - перейти к сообщению

Базиль
Работать нужно с классами.
То есть, создаешь стиль, а потом подставляешь, что тебе нужно к тому, где это нужно.
ТД и ТР - ячейка в строке и сама строка
Конкретно скажи, что тебе нужно сделать.

3. Анна - 12 Июня, 2005 - 15:06:51 - перейти к сообщению

Базиль

Цитата:

Например, отсуп слева и отступ справа...

Тебе не margin тогда нужен.
Смотри - тут есть хороший рисунк, который поможет тебе понять.
http://css.manual.ru/border.html

Так что все работает, конечно же.. И красная строка тоже.

CODE:

td {
padding-left: 100px;
padding-right: 100px;
text-indent: 22pt;
}

Цитата:

В чем разница между ТД и ТР?..

Хорошая объяснялка: Улыбка

http://postroika.ru/html/21step2.html

4. Валерий - 12 Июня, 2005 - 16:04:36 - перейти к сообщению

Анна
Я тебя дополню, можно?

Базиль
Вот тебе кусок кода, думаю, все будет понятно - один стиль в ячейке, а второй внутри этого стиля.

CODE:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">

</style>
</head>

<body>
<table width="200" border="1" >
<tr>
<td width="200" class="stil1"><div align="left" class="stil2">Проверяем здесь стиль отскока и прискока от краев ячейки
до углов и тому подобную лабуду в виде зеленой рамки.</div></td>
</tr>
</table>

</body>
</html>

5. Базиль - 12 Июня, 2005 - 16:23:35 - перейти к сообщению

Спасибо за помощь.

Вот экспериментальная страница: http://vlosis.narod.ru/rasskazy/test.html

Выдержка из файла ЦСС:

Цитата:

BODY {
color: #FFFFFF;
background-color: #006666;
text-align: justify;
}
TD {
padding-left: 80px;
padding-right: 80px;
text-indent: 18px;
text-align: justify;
}

Важно!
Я не пойму почему так всё выглядит. То есть всё вправо ушло хотя отступ и слева и справа одинаковый...Left - это ведь отступ слева, да?.. или это только у меня так?
подскажите пожалуйста, никак не могу разобраться что не так.
И красная строка не работает.

Надо чтобы ВНУТРИ таблицы был отступ слева и справа, то есть чтобы текст был поуже с обоих сторон - тогда это всё читабельней выглядеть будет. И конечно красная строка.

И с баннером что-то глюк какой-то..Или это тоже только у меня? Ох блин....Непросто это сайт делать...

Еще неясно вот что: если отступ прописан только в таблице, то почему тогда ест небольшой отступ с краев всей страницы? Я специально убрал в цсс файле в теге бади маргины.

6. Анна - 12 Июня, 2005 - 16:27:00 - перейти к сообщению

Базиль
Что это такое?

CODE:

<TR>
<TD vAlign=top width="1%">
<P align=left
style="MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; TEXT-INDENT: 0px">Содержание:</P>
<P align=left
style="MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; TEXT-INDENT: 0px"><A
href="file:///C:/Мои%20документы/My%20Web/index.html"><FONT
size=3>Главная</FONT></A></P>
<P align=left
style="MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; TEXT-INDENT: 0px"><A
href="file:///C:/Мои%20документы/My%20Web/photos.html"><FONT
size=3>Фотографии</FONT></A></P>
<P align=left
style="MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; TEXT-INDENT: 0px"><FONT
size=3><A
href="file:///C:/Мои%20документы/My%20Web/modelizm.html">Стендовый <BR>моделизм</A> </FONT>
</P>

Я тебе на Народе говорила??!

Убирай нафик все определения style из текста

7. TvoyWeb - 12 Июня, 2005 - 16:42:47 - перейти к сообщению

Валерий
Так с толку собъешь человека. Ему нужно как я понял прописать для всех таблиц одно правило.
А определять класс нужно для элементов настройки которых отличаются от настроек других таких же элементов на странице.
Например можно опредить стиль для всех таблиц, ячеек таблиц или строк.
например можно для тега P определить единый цвет на всей странице, а через классы менять размеры или еще что-то.

8. Базиль - 12 Июня, 2005 - 16:46:48 - перейти к сообщению

- Так с толку собъешь человека. Ему нужно как я понял прописать для всех таблиц одно правило.

Совершенно верно. Только для таблиц которые справа. А для оглавления мне не надо прописывать - там я специально стили и поставил, чтобы файл цсс не менял отступа в оглавлении.

Аня, подскажи, что мне делать? Проблемы которые меня сильно беспокоят - это то что я написал выше. Я не пойму почему так выглядит страница и прочее - короче выше написано. Подскажите плиз! Я тоже не волшебник, и я тоже учусь...

Да я бы мог вручную на каждой странице делать отсуп красной строки и прочие параметры, но мне это не надо. Мне нужна мобильность ко всему прочему. То есть чтобы я мог изменив параметры в одном ЦСС файле изменить их таким образом во всех остальных страницах.

9. Валерий - 12 Июня, 2005 - 16:56:04 - перейти к сообщению

Базиль пишет:

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

Базиль пишет:

Мне нужна мобильность ко всему прочему. То есть чтобы я мог изменив параметры в одном ЦСС файле изменить их таким образом во всех остальных страницах.

Или я опять неправ, но как здесь без классов обойтись?

Чтобы, изменив только в одном файле стиля что-то, изменение коснулось всех страниц, и нужна внешняя таблица стилей.
В ней можешь прописать хоть сто стилей на все случаи жизни для каждого элемента. И можешь к любому элементу применить в любой момент нужный класс. Если ты к ячейкам на 100 страницах применил раньше обрамление черным, то изменить его на голубой цвет можно просто изменив в одном только файле стилей параметр цвета с голубого на черный.
Это и есть мобильность.

10. TvoyWeb - 12 Июня, 2005 - 17:19:20 - перейти к сообщению

Базиль пишет:

Совершенно верно. Только для таблиц которые справа. А для оглавления мне не надо прописывать - там я специально стили и поставил, чтобы файл цсс не менял отступа в оглавлении.

Ты сам себе противоречишь!!! То как ты прописываешь стили (имеется ввиду не определение стиля класса, а определение стиля элемента) для твоей задачи не пойдет. Вернее так не делается. Стиль для элемента определяют в том случае когда все элементы на странице оформлены таким стилем.
Ну а про внешний файл Валерий тебе уже объяснил.