Использование CSS

Разговоры на любые темы: вы можете обсудить здесь какой-либо сайт, найти единомышленников или просто пообщаться...
Diamock
Постоялец
Постоялец
Аватара пользователя
 
Сообщения: 388
Зарегистрирован: 26.10.2009 (Пн) 4:19
Откуда: Кемерово

Использование CSS

Сообщение Diamock » 03.10.2011 (Пн) 18:32

Здравствуйте Уважаемые!
Так, как на нашем форуме нет раздела посвящённого HTML (XHTML), CSS и PHP, решил задать вопрос в этом разделе.

С таблицами стилей начал только разбираться, поэтому вероятно буду спрашивать прописные истины, прошу особо не пинать :D .

Вопрос в следующем создаю в css класс p.text
Код: Выделить всё
p.text {
   font-family: "Trebuchet MS";
   font-size: 10pt;
   color: #ffffff;
   margin: 5px;
}

Как в css прописать выравнивание абзаца по ширине? В xhtml коде это выглядит так:
Код: Выделить всё
<p align="justify" style="margin: 5px; ">

Как выразить align="justify", согласно синтаксису css?

С уважением...
In der Beschrankung zeigt sich erst der Meister
Графоманю...

iGrok
Артефакт VBStreets
Артефакт VBStreets
 
Сообщения: 4272
Зарегистрирован: 10.05.2007 (Чт) 16:11
Откуда: Сетевое сознание

Re: Использование CSS

Сообщение iGrok » 03.10.2011 (Пн) 18:43

label:
cli
jmp label

Diamock
Постоялец
Постоялец
Аватара пользователя
 
Сообщения: 388
Зарегистрирован: 26.10.2009 (Пн) 4:19
Откуда: Кемерово

Re: Использование CSS

Сообщение Diamock » 03.10.2011 (Пн) 19:04

iGrok спасибо! Оказалось всё доступно изложено.
(Очень интересный сервис Google, буду использовать :D )
In der Beschrankung zeigt sich erst der Meister
Графоманю...

Admiralisimys
Постоялец
Постоялец
 
Сообщения: 318
Зарегистрирован: 01.06.2009 (Пн) 10:26

Re: Использование CSS

Сообщение Admiralisimys » 03.10.2011 (Пн) 19:40

Если автор не против, воспользуюсь темой, дабы спросить.
Проверяя один чужой HTML код наткнулся на следующие
Код: Выделить всё
<HR color=#999999 SIZE=1>

с предложением вынести в CSS, что и было сделано
Код: Выделить всё
HR {
   COLOR: #999999;
}

В HTML только оставил <HR> (что соответствует типу документа - <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> )
Но отображение немного изменилось.
До переноса
Full HR At HTML.PNG
Full HR At HTML.PNG (215 байт) Просмотров: 1115

после переноса в CSS
Full HR At CSS.PNG
Full HR At CSS.PNG (216 байт) Просмотров: 1115

Так и должно быть?
P.S.
В CSS и Хеллов Ворлд не написал, но вот такой блиц вопрос возник.
Там и после проверки самого CSS, вопрос есть по исчезновению градиента при отображении странички, но его если и задам, то только хоть после небольшого вхождение в теориию - что за что в CSS отвечает.

Qwertiy
Доктор VB наук
Доктор VB наук
 
Сообщения: 2753
Зарегистрирован: 26.06.2011 (Вс) 21:26

Сообщение Qwertiy » 03.10.2011 (Пн) 19:52

Admiralisimys писал(а):Но отображение немного изменилось.

А SIZE=1 просто исчезло?

iGrok
Артефакт VBStreets
Артефакт VBStreets
 
Сообщения: 4272
Зарегистрирован: 10.05.2007 (Чт) 16:11
Откуда: Сетевое сознание

Re: Использование CSS

Сообщение iGrok » 03.10.2011 (Пн) 19:55

Дело в том, что size у hr по умолчанию равен двум. Отсюда и бОльшая толщина при отсутствии явного указания размера.
При этом size ещё и является deprecated, вместо этого рекомендуется задавать для него height через css.
Это всё, кстати, тоже быстро нашлось в гугле по запросу "css hr size" ,-)

Для сравнения, "а что же изменилось и почему иначе выглядит" рекомендую либо Firefox + Firebug, либо Opera + Dragonfly.
Впрочем, для этого не менее хорошо подходят и "инструменты разработчика" из хрома, сафари или даже последних IE.
label:
cli
jmp label

Admiralisimys
Постоялец
Постоялец
 
Сообщения: 318
Зарегистрирован: 01.06.2009 (Пн) 10:26

Re: Использование CSS

Сообщение Admiralisimys » 03.10.2011 (Пн) 20:02

Qwertiy конечно, обратил там как-раз и предлагалось то что говорит iGrok - height:1px;
но тогда картина будет уже следующей
HR with Height at CSS.PNG
HR with Height at CSS.PNG (234 байт) Просмотров: 1107

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

iGrok
Артефакт VBStreets
Артефакт VBStreets
 
Сообщения: 4272
Зарегистрирован: 10.05.2007 (Чт) 16:11
Откуда: Сетевое сознание

Re: Использование CSS

Сообщение iGrok » 03.10.2011 (Пн) 21:07

Возьми первый вариант, загрузи страницу в любой современный браузер, и посмотри какие значения свойств у этой hr-ки.
От этого и пляши. height: 1px - это совсем не то же, что size=1.
label:
cli
jmp label


Вернуться в Народный треп

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 50

    TopList