Другие языки программирования и технологии

HTML - CSS выравнивание обьекта

вопрос к веб-мастерам.
задача: выровнять свободно позоционируемый элемент ровно в центр экрана по вертикали
пришлите пжлста код и обьясните как работает, буду оч благодарен =)
можно ссылкой на бесплатный ресурс (на урок)
Shox_27 Korol
Shox_27 Korol
544
Господа, ну зачем писать о том, чего не понимаете? Это старый вопрос, который постоянно возникает у начинающих. Вот несколько примеров:

http://d-graff.de/fricca/center.html

http://www.milov.nl/code/css/verticalcenter.html

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Саша Золотов
Саша Золотов
90 241
Лучший ответ
Shox_27 Korol мегаогромное спасибо мюнхаузену=)
хоть один меня понял=)
+5
в css пишется так : body(или любой другой элемент н-р: td,th,p){text-align:center}
а как пишется в html mail не дает написать
Ев
Евгени
3 559
Shox_27 Korol ээ, ты читать умеешь?! черным - по - белому ВЕРТИКАЛЬНОЕ ВЫРАВНИВАНИЕ!
Shox_27 Korol а чтоб мейл давал писать хтмл на странице - пользуйся спецсимволами
<p></p>

С помощью параграфов мы можем центрировать текст:

<p>текст</p>

С помощью параграфов мы можем выровнять текст по левому краю:

<p>текст</p>

По правому краю документа:

<p>текст</p>

По обоим краям документа:

<p>текст</p>

Теперь введем параграфы в наш документ и посмотрим наглядно, что получится (в наш пример я подставила параграф с атрибутом центрирования текста (align="center"), попробуйте подставить в параграф атрибут align с другими значениями: Left, Right, Justify).

Кстати, правильно говорить не выравнивание, а выключка: выключка по левому краю, правому, центру, по обоим краям. Если вы позже будете углубляться в область дизайна, то вам наверняка этот термин встретится. Между прочим, HTML не имеет к дизайну ни малейшего отношения, не считайте, что, изучив HTML, вы станете вдруг дизайнером, это большое заблуждение многих начинающих в области сайтостроительства.
Но, вернемся к нашему HTML и параграфам. Запомните: никогда нельзя вводить в документ подобную конструкцию:

<p></p>

Пустые элементы <p> без какого-либо содержания (других тэгов или текста) могут игнорироваться броузерами. Не забывайте это. Заметьте, что текст в документе, если не задавать параграфы, всегда выравнивается по умолчанию по левому краю. Также запомните, что после закрывающего тега </p> автоматически происходит перенос строки. Но что делать, если вам этот перенос никак не нужен? Есть тэг альтернативный <p>
«Однако» , - может возмутиться, мой читатель, - «а как же относительно других типов выравнивания? Вы рассказали только об альтернативе центрирования» .

Не волнуйтесь, я еще просто не успела рассказать вам все:) . Я вовсе не молчаливый партизан: секреты HTML выдам и другу, и врагу абсолютно бесплатно.

Конечно, тэг <center> хорош, но остался нам он еще с прошлых версий HTML (да, их было несколько, все в этом мире развивается, HTML не исключение) . Пока что этот тэг никто не отменял, и его можно использовать, но это не слишком желательно.

Как же лучше поступить? Лучше использовать тэг, одно из назначений которого выравнивание содержимого вашего документа. Все четыре значения атрибута align можно употреблять с :

текст
текст
текст
текст
нибудь свое. Но прежде мы завершим наш разговор о и <p>. Параграф не может содержать в себе другие параграфы, и также тэг . Т. е. следующие конструкции будут не верны, и вводить их в документ нельзя даже под страхом смерти:

<p>
<p>текст</p>
<p>текст</p>
<p>текст</p>
</p>

и

<p>
текст
<p>текст</p>
текст
</p>

Однако может содержать в себе параграфы: с помощью него мы можем сгруппировать их, допустим, по правому краю.

<p>текст первого абзаца</p>
<p>текст второго абзаца</p>
<p>текст третьего абзаца</p>

Конечно, <p> и не несут в себе исключительно функцию выравнивания элементов. Но поскольку я хотела в этой главе освоить с вами только выравнивание, то к другим возможностям использования и <p> мы вернемся гораздо позже, т. к. это уже более сложная тема для разговора, и вы, мой читатель, пока что к ней не готовы.