27.08.2013, 11:27 | #1 (ссылка) |
Новичок
Регистрация: 10.06.2012
Сообщений: 26
Репутация: 0
|
Как при блочной верстке разместить текст по центру блока?
Здравствуйте! У меня возник вопрос. Я хочу на веб-странице своего сайта в оранжевом прямоугольнике разместить все 3 строки текста по центру, но они размещаются по левому краю. Использование text-align: center почему-то не помогает. В чем может быть причина? Архив со всеми необходимыми файлами прилагаю.
http://zalil.ru/34697639 |
28.08.2013, 16:29 | #2 (ссылка) |
Новичок
Регистрация: 21.11.2009
Сообщений: 486
Репутация: 47
|
Oleg556677, изменил немного файл Menu:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <a href="index.html" class="glavnaya-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Главная</a> <a href="order.html" class="zakazat-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Заказать работу</a> <a href="gotov_rab.html" class="gotovye-raboty-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Готовые работы</a> <a href="perevod.html" class="byuro-perevodov-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Бюро переводов</a> <a href="price.html" class="ceny-i-oplata-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Цены и оплата</a> <a href="contacts.html" class="contact-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Контакты</a> <a href="humour.html" class="yumor-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Юмор</a> <a href="about.html" class="o-nas-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">О нас</a> <div id="orange-reclama"> <div style="position:absolute; top:430px; text-align:center; z-index:1; font-family:times new roman; font-size:7.5pt; color:#008000">Специальное предложение!</div> <div style="position:absolute; top:440px; text-align:center; z-index:1; font-family:times new roman; font-size:7.5pt; color:#008000">Только у нас Вы можете</div> <div style="position:absolute; top:450px; text-align:center; z-index:1; font-family:times new roman; font-size:7.5pt; color:#008000">приобрести</div> </div> <img class="oblachko-novinka" src="Novinka.png" /> </div> </body> </html> Код:
#orange-reclama { width: 123px; height: 82px; margin: 337px 10px 224px 10px; background: orange; text-align:center; } |
29.08.2013, 15:04 | #3 (ссылка) |
Новичок
Регистрация: 10.06.2012
Сообщений: 26
Репутация: 0
|
sheff-09, применил Ваш код, но, к сожалению, это не помогло. Строчки почему-то все равно расположены по левому краю.
---------- Добавлено в 16:04 ---------- Предыдущее сообщение было написано в 14:13 ---------- Проблема решена. Помогло удаление у div style свойств position: absolute и координат top и left. |
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1) | |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
вопрос по верстке форума | Evgeniy-k | Веб-строительство | 5 | 27.12.2012 20:58 |
помощь в верстке шаблона | sotex2 | Веб-строительство | 1 | 20.12.2012 11:04 |
Вылез баннер по центру экрана | Alligator | Безопасность | 8 | 20.08.2012 21:41 |
100% height в табличной верстке | IDen | Веб-строительство | 1 | 25.04.2011 22:22 |
Где разместить видео? | Crion | Интернет и сети | 3 | 27.06.2010 21:45 |