Не разбирусь с CSS. Помогите кто может.

blood_2007 · 16.02.2008, 23:02

Всем привет!

Подскажите, пожалуйста, такая трабла с CSS. Недавно начал учить, решил сайт создать. А стиль ни как не получается подключить.

Файл стиля.
body{
background-color:#999999;
margin-left:0;
margin-top:0;
}
Это работает нормально

#p .page{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
text-align:justify;
}
А вот это ни как не могу подключить.

Файл страницы
<head>
<link href="style.css" rel="stylesheet" type="text/css" class="page">
</head>
Подключил стиль

<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="790" bgcolor="#FFFFFF">
Текст.
</td>
</tr>
</table>

Подскажите, что не правильно сделал.

Спасибо!

czukowski · 17.02.2008, 00:16

#p .page одначает элемент класса "page", который расположен внутри элемента с id="p"
http://www.w3.org/TR/CSS1#class-as-selector
http://www.w3.org/TR/CSS21/selector.html

averszerkalo · 17.02.2008, 22:07

У Вас неправильный синтаксис в селекторе. Селектор должен быть без пробела в классе. Т.е. не #p .page, а #p.page. Поэтому он и не работает.

К тому же, чтобы бы у Вас выводился текст в ячейке таблицы с заданным стилем, Вы должны прописать его в теге <div>. Иначе Ваш текст будет по умолчанию для страницы (и браузера).

Если же Вы хотите просто переопределить тег <p>, то "#p.page" Вам вовсе не нужен, т.к. вполне достаточным будет применить стиль к ячейке таблицы.

kvakazyambra · 18.02.2008, 10:43

Цитата:

Сообщение от blood_2007


	#p .page{ ... }

Так лучше не делать. Для id и для классов лучше выбирать информативные имена, и уж тем более, не называть классы и айдишники названиями тегов. Либо тут просто решетка лишняя.

Цитата:

Сообщение от blood_2007


	<link href="style.css" rel="stylesheet" type="text/css" class="page">

Что такое class="page" в конце строки? Зачем это у тега link? Глупость какая-то.

Цитата:

Сообщение от blood_2007


	<table cellpadding="0" cellspacing="0" align="center"> <td width="790" bgcolor="#FFFFFF">

И от таких записей нужно избавляться переносом всех параметров в цсс.
Для table будет
table {
border-collapse: collapse;
padding: 0;
text-align: center;
}
А для td:
td {
width: 790px;
background: #FFF;
}

Добавлено через 16 минут

Цитата:

Сообщение от averszerkalo


	У Вас неправильный синтаксис в селекторе. Селектор должен быть без пробела в классе. Т.е. не #p .page, а #p.page. Поэтому он и не работает.

А вы вообще где-нибудь в коде страницы видите айдишник "p"? Или хотя бы тег <p>? Синтаксис #p .page и #p.page верен в любом случае, только в первом элемент с id="p" должен содержать элемент с классом "page", а во втором — элемент с id="p" сам имеет класс "page".

Цитата:

Сообщение от averszerkalo


	К тому же, чтобы бы у Вас выводился текст в ячейке таблицы с заданным стилем, Вы должны прописать его в теге <div>. Иначе Ваш текст будет по умолчанию для страницы (и браузера).

Почему именно DIV? Почему не P или SPAN, например? Заданный стиль будет срабатывать для любого элемента если стиль прописан для всей ячейки. Допустим, есть код: <td><p>текст</p><div>текст</div></td>. Если нужно весь текст, содержащийся в ячейке таблицы сделать красным, то в цсс пишем td { color: red;}. Если красным должен быть выделен только текст, содержащийся в тегах <p>, то в цсс надо писать p { color: red;}. Тогда текст в <p> будет красным, а текст в <div> — останется дефолтного цвета.

mff4 · 18.02.2008, 16:21

nbatjar · 15.04.2008, 17:34

Может хтото знаэт какиэто програ, которими можно генерить цсс?

czukowski · 16.04.2008, 11:53

Да полно, тот же Dreamweaver...

whgas · 02.05.2008, 01:04

а литературку ктонить может посоветовать или мануал

CaesaRy · 05.06.2008, 22:35

Цитата:


	а литературку ктонить может посоветовать или мануал

http://ru.wikipedia.org/wiki/%D0%9A%...BB%D0%B5%D0%B9
http://ru.html.net/tutorials/css/
пойдут?

Chiquitita · 11.10.2008, 17:48

Что такое CSS? Влад Мержевич
http://www.htmlbook.ru/content/

FlashWS · 20.10.2008, 12:38

Воспользуйся TopStyle простая прога и понятный интерфейс

andrey.popov · 30.10.2008, 20:23

Рекомендую "Стильный сайт с помощью CSS" Чарльза Уайк-Смита
и "Пуленепробиваемый дизайн" Дэна Седерхольма

Добавлено через 1 минуту
Таблицы в дизайне - зло, а перемешка текста и дизайна - преступление.

Добавлено через 4 минуты
Еще лучше взять firefox поставить плагин firebug и смотреть как работает css.

no_n@me · 05.11.2008, 01:25

HTML и CSS на примерах.
link
http://depositfiles.com/files/5u89xdka2
http://letitbit.net/download/1c3ac84...merax.rar.html

mc_slon · 12.05.2009, 11:34

В файле Вашей страницы, между тегами <head></head>, необходима запись <link href="путь к файлу стилей/имя файла стилей.css" rel="stylesheet" type="text/css">

raycheel · 05.12.2010, 08:07

Чарльза Уайк-Смита почитай действительно легко читается и все описывает.

16.02.2008, 23:02	#1
blood_2007 Неактивный пользователь Регистрация: 16.10.2007 Сообщений: 14 Репутация: 26	Не разбирусь с CSS. Помогите кто может. Всем привет! Подскажите, пожалуйста, такая трабла с CSS. Недавно начал учить, решил сайт создать. А стиль ни как не получается подключить. Файл стиля. body{ background-color:#999999; margin-left:0; margin-top:0; } Это работает нормально #p .page{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; margin-top:5px; margin-left:5px; margin-right:5px; text-align:justify; } А вот это ни как не могу подключить. Файл страницы <head> <link href="style.css" rel="stylesheet" type="text/css" class="page"> </head> Подключил стиль <table cellpadding="0" cellspacing="0" align="center"> <tr> <td width="790" bgcolor="#FFFFFF"> Текст. </td> </tr> </table> Подскажите, что не правильно сделал. Спасибо! __________________ Понравилась тема? Жмите спасибо!

17.02.2008, 00:16	#2
czukowski Постоялец Пол: Регистрация: 25.05.2007 Сообщений: 432 Репутация: 169	Ответ: Не разбирусь с CSS. Помогите кто может. #p .page одначает элемент класса "page", который расположен внутри элемента с id="p" http://www.w3.org/TR/CSS1#class-as-selector http://www.w3.org/TR/CSS21/selector.html

17.02.2008, 22:07	#3
averszerkalo Неактивный пользователь Регистрация: 13.02.2008 Сообщений: 7 Репутация: 6	Ответ: Не разбирусь с CSS. Помогите кто может. У Вас неправильный синтаксис в селекторе. Селектор должен быть без пробела в классе. Т.е. не #p .page, а #p.page. Поэтому он и не работает. К тому же, чтобы бы у Вас выводился текст в ячейке таблицы с заданным стилем, Вы должны прописать его в теге <div>. Иначе Ваш текст будет по умолчанию для страницы (и браузера). Если же Вы хотите просто переопределить тег <p>, то "#p.page" Вам вовсе не нужен, т.к. вполне достаточным будет применить стиль к ячейке таблицы.

18.02.2008, 16:21	#5
mff4 Неактивный пользователь Пол: Регистрация: 18.02.2008 Адрес: web Сообщений: 27 Репутация: 7	Ответ: Не разбирусь с CSS. Помогите кто может. <link href="style.css" rel="stylesheet" type="text/css" class="page"> ни каких class="page" сдесь писать ненужно. Дерзай!

15.04.2008, 17:34	#6
nbatjar Неактивный пользователь Пол: Регистрация: 15.04.2008 Сообщений: 1 Репутация: 0	Ответ: Не разбирусь с CSS. Помогите кто может. Может хтото знаэт какиэто програ, которими можно генерить цсс?

16.04.2008, 11:53	#7
czukowski Постоялец Пол: Регистрация: 25.05.2007 Сообщений: 432 Репутация: 169	Ответ: Не разбирусь с CSS. Помогите кто может. Да полно, тот же Dreamweaver...

02.05.2008, 01:04	#8
whgas Неактивный пользователь Регистрация: 02.05.2008 Сообщений: 4 Репутация: 0	Ответ: Не разбирусь с CSS. Помогите кто может. а литературку ктонить может посоветовать или мануал

11.10.2008, 17:48	#10
Chiquitita Неактивный пользователь Регистрация: 10.10.2008 Сообщений: 5 Репутация: 3	Re: Не разбирусь с CSS. Помогите кто может. Что такое CSS? Влад Мержевич http://www.htmlbook.ru/content/

20.10.2008, 12:38	#11
FlashWS Неактивный пользователь Пол: Регистрация: 20.10.2008 Сообщений: 3 Репутация: 0	Re: Не разбирусь с CSS. Помогите кто может. Воспользуйся TopStyle простая прога и понятный интерфейс

30.10.2008, 20:23	#12
andrey.popov Новичок Пол: Регистрация: 19.09.2006 Сообщений: 17 Репутация: 2	Re: Не разбирусь с CSS. Помогите кто может. Рекомендую "Стильный сайт с помощью CSS" Чарльза Уайк-Смита и "Пуленепробиваемый дизайн" Дэна Седерхольма *Добавлено через 1 минуту* Таблицы в дизайне - зло, а перемешка текста и дизайна - преступление. *Добавлено через 4 минуты* Еще лучше взять firefox поставить плагин firebug и смотреть как работает css. __________________ Последний раз редактировалось andrey.popov; 30.10.2008 в 20:27.. Причина: Добавлено сообщение

05.11.2008, 01:25	#13
no_n@me Ветеран Пол: Регистрация: 30.11.2005 Адрес: area_51 Сообщений: 2,586 Репутация: 1599	Re: Не разбирусь с CSS. Помогите кто может. HTML и CSS на примерах. На практических примерах раскрываются технологии HTML и CSS в плане решения различных аспектов создания веб-страниц. Приведены возможности и средства по оформлению текста и изменению его вида. Описаны основные графические форматы, которые используются на сайтах. Освещены вопросы работы с рисунками, ссылками, списками, линиями и рамками… Раскрыты возможности управления видом таблицы, ускорения загрузки табличных данных, использования шаблонов. Рассмотрены элементы форм, их параметры и примеры изменения оформления с помощью цвета, изображений и рамок. Приведены способы выравнивания рисунков, слоев и текста, использования отступов и полей и многие другие приемы оформления веб-страниц. Даются подробные сведения об особенностях популярных браузеров и о том, как они работают с тегами и стилями. Объясняется, как учитывать различия между браузерами и создавать универсальные документы, которые будут корректно в них отображаться. Название: HTML и CSS на примерах Автор: Влад Мержевич Серия: На примерах Издательство: БХВ-Петербург, 2005 г. Страниц: 448 link http://depositfiles.com/files/5u89xdka2 http://letitbit.net/download/1c3ac84...merax.rar.html __________________ "...жизнь похожа на коробку конфет, когда берёшь одну из конфет никогда не знаешь какая начинка внутри..." (к\ф "Forest Gamp") некоторые правила подразделов форума

12.05.2009, 11:34	#14
mc_slon Неактивный пользователь Регистрация: 29.03.2009 Сообщений: 4 Репутация: 1	Re: Не разбирусь с CSS. Помогите кто может. В файле Вашей страницы, между тегами <head></head>, необходима запись <link href="путь к файлу стилей/имя файла стилей.css" rel="stylesheet" type="text/css">

05.12.2010, 08:07	#15
raycheel Неактивный пользователь Регистрация: 05.12.2010 Сообщений: 4 Репутация: 1	Re: Не разбирусь с CSS. Помогите кто может. Чарльза Уайк-Смита почитай действительно легко читается и все описывает.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите кто может!	proparket	Perl	6	07.05.2010 12:52
Виртуализация XEN: помогите, кто может!	Lorte	UNIX, Linux, MacOs для PC и другие ОС	1	26.06.2008 15:47
Кто может,помогите,пожалуйста...	Наталья1967	Macromedia Flash	5	22.03.2008 23:52
Помогите кто чем может!	serg2t2	Настройка интернета	21	08.01.2008 14:42
Помогите кто может	LordDevil	Архив	7	27.11.2007 13:49