CSS2

[_Mr.D._]

Доброго вам времени суток.

Пишу вроде бы обычный код на css2 с целью задать бэкграунд для элемента таблицы(ячейки) с присвоенным классом "top"

<STYLE TYPE="text/css">
.top, .top TD,
{
background-image:url(&#39;images/top.bmp&#39;);
background-color:#003399;
color:white;
font-family:"Palatino Linotype";
font-weight:200;
</style>
}

В IE все просто класс,а вот Firefox ну ни в какую...
Стандартное задание бэкграунда для ячейки через html(о чем мени и предупреждали) в firefox не работает тоже.
Что делать ?

[Aykroyd]

Христа ради, уберите запятую после ".top TD"...
И наслаждайтесь...

Дабы Вы больше не обращались с вопросами относительно именно этого приведенного Вами кода (с любыми другими вопросами – всегда пожалуйста ):

1. Вам скобка фигурная в верхнем левом углу окна браузера или фрэйма не мешает?
2. Перестаньте ради Бога экспериментировать с .bmp. До добра это Вас в будущем точно не доведет...
3. Не используйте нестандартные шрифты. Они, скорее всего, не будут установлены у тех, кто будет потом просматривать Ваше творчество. С связи с этим, с композицией получится полная лажа.
4. Не указывайте для свойства font-weight ничего, кроме "normal" и "bold".

[_Mr.D._]

Последовав вашим рекомендациям я отказался от фреймов.
Спасибо за совет - и правда помогло.

Посоветуйте,пожалуйста каким методом лучше сделать меню?
У меня в горизонтальной полосочке 4 пункта и нужно как-то задать между ними выравнивание(чтобы они равномерно распластаись по области с равными отступами друг от друга и определенным отступом слева и справа).
word-spacing в принципе хорош,но он за слова предлоги принимает,поэтому получается каша типа "О Компании Схема проезда"...

PS:Насчет шрифта - мне казалось,что можно прописать импорт шрифта на ЭВМ пользователя...ну или на крайний задать родственный ему.

[Aykroyd]

Originally posted by _Mr.D._@Jan 5 2007, 10:54
PS:Насчет шрифта - мне казалось,что можно прописать импорт шрифта на ЭВМ пользователя...ну или на крайний задать родственный ему.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не стоит этого делать.

А в остальном – прочитайте пока для начала [Только зарегистрированные пользователи могут видеть ссылки. ]

[Zigzag]

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

Originally posted by _Mr.D._+Jan 5 2007, 08:54-->

Последовав вашим рекомендациям я отказался от фреймов.
Спасибо за совет - и правда помогло.

странно, что вы об этом до форума нигде не прочли.

<!--QuoteBegin-_Mr.D._@Jan 5 2007, 08:54
[b]Посоветуйте,пожалуйста каким методом лучше сделать меню?
У меня в горизонтальной полосочке 4 пункта и нужно как-то задать между ними выравнивание(чтобы они равномерно распластаись по области с равными отступами друг от друга и определенным отступом слева и справа).
word-spacing в принципе хорош,но он за слова предлоги принимает,поэтому получается каша типа "О* * * * * * * * Компании* * * * * * * Схема* * * * * * * * * проезда"...

вам нужны обычные горизонтальные ссылки или чтобы горизонтально кнопки стояли?

Originally posted by _Mr.D._@Jan 5 2007, 08:54
[b]PS:Насчет шрифта - мне казалось,что можно прописать импорт шрифта на ЭВМ пользователя...ну или на крайний задать родственный ему.

[_Mr.D._]

вам нужны обычные горизонтальные ссылки или чтобы горизонтально кнопки стояли?

У меня прямоугольного вида таблица,в которой 4 кусочка(как еще назвать...) текста:
О Компании Продукция Контакты Схема проезда
Нужно чтобы текст равномерно заполнил отведенное ему пространство.

Хотя знаете,я почитал [Только зарегистрированные пользователи могут видеть ссылки. ]
кажется с этим мне помогут.

Осталось по моему только одно(дай бог)
У меня есть текст к примеру
"Наш адрес
не дом и не
улица
а тупо
СССР"
и его нужно загнать в определенное место таблицы. Padding и относительное позиционирование в файрфоксе отображаются не очень..хотя может и я что-то не то делаю

По логике вроде бы нужно заключить в div и выставуть отступы относительно любого угла таблицы...Но ничего не выходит.

[Zigzag]

Originally posted by _Mr.D._@Jan 5 2007, 09:15
[b]и его нужно загнать в определенное место таблицы. Padding и относительное позиционирование в файрфоксе отображаются не очень..хотя может и я что-то не то делаю

По логике вроде бы нужно заключить в div и выставуть отступы относительно любого угла таблицы...Но ничего не выходит.

в FF все работает, как положено!

[Aykroyd]

Originally posted by _Mr.D._@Jan 5 2007, 11:15
У меня прямоугольного вида таблица,в которой 4 кусочка(как еще назвать...) текста:
О Компании Продукция Контакты Схема проезда
Нужно чтобы текст равномерно заполнил отведенное ему пространство.
Хотя знаете,я почитал* [Только зарегистрированные пользователи могут видеть ссылки. ]
кажется с этим мне помогут.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Если данная статья Вам покажется сложной, просто поместите каждый пункт меню в отдельную ячейку таблицы. Хотя, конечно, это не самый лучший вариант...

Originally posted by _Mr.D._@Jan 5 2007, 11:15
Осталось по моему только одно(дай бог)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Даже и не мечтайте. Вам еще осталось столько всего разного, что об этом лучше даже и не упоминать, а просто планомерно и упорно идти к поставленной цели...

Originally posted by _Mr.D._@Jan 5 2007, 11:15
У меня есть текст к примеру
"Наш адрес
не дом и не
улица
а тупо
СССР"
и его нужно загнать в определенное место таблицы. Padding и относительное позиционирование в файрфоксе отображаются не очень..хотя может и я что-то не то делаю
По логике вроде бы нужно заключить в div и выставуть отступы относительно любого угла таблицы...Но ничего не выходит.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вы уж в данном случае определитесь. Либо паддинг, либо позиционирование. С атрибутами горизонтального и вертикального выравнивания в ячейках таблицы Вы знакомы? Если их будет мало, попробуйте <table width="" cellspacing="" cellpadding="">...</table>

[_Mr.D._]

Да-да-да знаком
Вам наверное кажется,что я слегка идиот - совсем нет .
Просто мало практики.
Книг и статей у меня вокруг море...но в том то и дело что их много..

Я еще хотел бы спросить по поводу этой статьи(очень кстати интересно)

В описании меню "Мир реалий" автор приводит код меню.
Это меню мне подходит на 95% (не для того что горизонтальное - для другого),но я все не могу найти переменную,которая отвечает за ту черную линию справа(шириной в 1px).
Могли бы Вы указать на нее?

[Aykroyd]

Originally posted by _Mr.D._@Jan 5 2007, 13:12
Вам наверное кажется,что я слегка идиот - совсем нет* .
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Ничего подобного мне не кажется. :read:
Если бы казалось, я бы крестился...

Originally posted by _Mr.D._@Jan 5 2007, 13:12
Я еще хотел бы спросить по поводу этой статьи(очень кстати интересно)
В описании меню "Мир реалий" автор приводит код меню.
Это меню мне подходит на 95% (не для того что горизонтальное - для другого),но я все не могу найти переменную,которая отвечает за ту черную линию справа(шириной в 1px).
Могли бы Вы указать на нее?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Если бы не это меню, я бы Вам не дал бы эту ссылку вообще...
В CSS нет переменных. Там есть селекторы, классы, идентификаторы, свойства и значения... :ninja:
В данном случае Вы, скорее всего, имеете в виду border-right: 1px solid #000;

[_Mr.D._]

Помогите,пожалуйста.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
</head>

<body>

<table align="center" cellspacing="0" cellpadding="0" border="0" *style ="BACKGROUND-IMAGE: url(images/background.jpg); WIDTH: 900px; HEIGHT: 678px">
<tr>
 * *<td colspan="5" height=167><div id="toptext">ОАО</div></td>
</tr>
<tr>
 * *<td rowspan="2" width=202>adress
af
sfd
****</td>
 * *<td height=29><div id="topmenu">О Компании</div></td>
 * *<td><div id="topmenu">Продукция</div></td>
 * *<td><div id="topmenu">Контакты</div></td>
 * *<td><div id="topmenu">Схема проезда</div></td>
</tr>
<tr>
 * *<td rowspan="2" colspan="4"> content </td>
</tr>
<tr>
 * *<td height=301 width=202>menu2</td>
</tr>
<tr>
 * *<td colspan="5" height=21>border</td>
</tr>
</table>


</body>
</html>

Когда я начинаю добавлять данные об адресе(adress)
Меню с пунктами О Компании и т.д. начинает "сползать"
В чем дело не знаю - уже пятый раз все переписываю.

[Aykroyd]

Вы зачем rowspan-ов понавтыкали где где ни попадя? По контексту у Вас сначала идет "content", затем "menu2", а на странице все это отображается в обратном порядке? Такое сделать еще суметь надо.

Судя по Вашему замыслу, у Вас должно быть так:

<table width="900" cellspacing="0" cellpadding="0" border="0">
<tr>
 * <td colspan="5">ОАО</td>
</tr>
<tr>
 * <td>adress</td>
 * <td>О Компании</td>
 * <td>Продукция</td>
 * <td>Контакты</td>
 * <td>Схема проезда</td>
</tr>
<tr>
 * <td>menu2</td>
 * <td colspan="4">content</td>
</tr>
<tr>
 * <td colspan="5">border</td>
</tr>
</table>

То, что меню у Вас сползает – это ожидаемое поведение.
По правилам таблиц HTML, все ячейки строки выравниваются по высоте самой "высокой" ячейки в этой строке. В данном случае самая высокая ячейка получается address, вот и меню у Вас по этой ячейке выравнивается.

Примите также к сведению, что в одном и том же документе не может быть двух и более одинаковых значений атрибута id. Значения данного атрибута должны быть уникальными в пределах одного документа.

А переписывать можно и 100 раз.
Потратьте некоторое время на вдумчивое чтение Спецификации HTML 4.01.
Это Вам очень поможет.

[_Mr.D._]

Спасибо Вам большое.
До 9-го января я еще усиленно помучаю данный форум и Вас в частности,а после накуплю литературы и все прочту :read: .

[_Mr.D._]

Однако появилась проблема при выставлении размеров ячейкам.
Высота ячейки adress такая же как и высота ячеек меню(они связаны как мне кажется),но она должна отличаться.

[Aykroyd]

Originally posted by _Mr.D._@Jan 6 2007, 13:29
Спасибо Вам большое.
До 9-го января я еще усиленно помучаю* * данный форум и Вас в частности,а после накуплю литературы и все прочту* :read: .

<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не спешите покупать кучу литературы.
Прочтите спецификацию. Она бесплатная. И на русском языке.
[Только зарегистрированные пользователи могут видеть ссылки. ]
Поверьте, после ее прочтения все учебники по HTML покажутся Вам детским лепетом... Более того, после ее прочтения Вы будете жалеть о потраченном времени на прочтение некоторых таких учебников. :ninja:

[Aykroyd]

Originally posted by _Mr.D._@Jan 6 2007, 13:37
Однако появилась проблема при выставлении размеров ячейкам.
Высота ячейки adress такая же как и высота ячеек меню(они связаны как мне кажется),но она должна отличаться.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Разместите адрес внизу, в Вашей ячейке "border".
Так намного логичней будет...

[_Mr.D._]

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

[Aykroyd]

Originally posted by _Mr.D._@Jan 6 2007, 13:56
Нет-нет вы не понимаете.
Есть прямоугольный блок - в верхней части красиво написан адрес,в средне-нижней список продукции.
Я разделил этот блок на две таблицы для того чтобы было легче позиционировать текст внутри.
Правда нельзя изменить.
И переписывал кучу раз именно потому что все как-то криво было связано...Изменишь одно,поползет и другое...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вообще, для того, чтобы изначально правильно расчертить макетную таблицу, необходимо сначала увидеть графический эскиз страницы. Так, на вскидку, очень сложно что-либо посоветовать...

[_Mr.D._]

Собственно вот...
У меня уже все стили для id прописаны,меню построено(то которое в строчку).
Остался только косяк с адресом и продукцией..

[Aykroyd]

На мой взгляд, примерно так:

<table width="100%" *border="1" cellspacing="0" cellpadding="0">
 *<tr>
 * *<td>Название компании</td>
 *</tr>
</table>

<table width="100%" *border="1" cellspacing="0" cellpadding="0">
 *<tr>
 * *<td width="200">
****<table width="100%" *border="1" cellspacing="0" cellpadding="0">
 * <tr>
 * * <td>Адрес</td>
 * </tr>
 * <tr>
 * * <td>Продукция</td>
 * </tr>
****</table>
****</td>
 * *<td>
****<table width="100%" *border="1" cellspacing="0" cellpadding="0">
 * <tr>
 * * <td>
 *<table width="100%" *border="1" cellspacing="0" cellpadding="0">
 * *<tr>
 * * *<td>Меню 1</td>
 * * *<td>Меню 2</td>
 * * *<td>Меню 3</td>
 * * *<td>Меню 4</td>
 * * *<td>Меню 5</td>
 * *</tr>
 *</table>
 *</td>
 * </tr>
 * <tr>
 * * <td>Контент</td>
 * </tr>
****</table>
****</td>
 *</tr>
</table> *

<table width="100%" *border="1" cellspacing="0" cellpadding="0">
 *<tr>
 * *<td>Бордюрчик</td>
 *</tr>
</table>

Не забудьте, что все ячейки макетной таблицы должны иметь вертикальное выравнивание "вверх" (за редким исключением). А их высоту Вы уж сами регулируйте, как Вам надо...