Как при блочной верстке разместить текст по центру блока? - HTML и CSS

Michael_Ardan · 27.08.2013, 10:41

Здравствуйте! У меня возник вопрос. Я хочу на веб-странице своего сайта в оранжевом прямоугольнике разместить все 3 строки текста по центру, но они размещаются по левому краю. Использование text-align: center почему-то не помогает. В чем может быть причина? Архив со всеми необходимыми файлами прилагаю.

Naive · 27.08.2013, 13:49

Цитата:

Я хочу на веб-странице своего сайта в оранжевом прямоугольнике разместить все 3 строки текста по центру

Сперва стоило бы разместить внутрь этого блока, а не рядом

Цитата:

Использование text-align: center почему-то не помогает

Потому что position:absolute на "каждую строчку", без указания размеров он растягивается под размер контента (на каждую строчку только ее ширина) и выравнивает по центру относительно своей же ширины.

Код:

class="sova"
src="Bolshaya_Seraya_Sova
class="zag1"
src="Zagolovok_Univer
class="glavnaya-knopka"

Лец ми спик фром май харт ин инглиш.

Код:

class="glavnaya-knopka" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none"

зачем классы, если все стили внутри кода?

Цитата:

Привет лихим девяностым из 2013 года

Код:

<p align="justify">
  <p align="justify">  
  <p align="justify">  
  <p align="center"

- Нужно больше абзацев!
- Да, хозяин!

Код:

@font-face {
 font-family: tahoma;
 src: url("tahoma.eot") /* EOT file for IE */
}
@font-face {
 font-family: tahoma;
 src: local('Tahoma'),
      url("tahoma.ttf") /* TTF file for CSS3 browsers */
}

Для линуксоидов что ли? дак еот можно не грузить во все виндусы тахома вшита, на линуксах ишак не пашет...

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<..>
<img class="student" src="Student.png" />

доктайп html 4.1
а синтаксис xhtml 1.0
какой коварный план

Бывает код, который как лук — без слез не взглянешь)

Michael_Ardan · 29.08.2013, 12:28

Naive

Цитата:

Лец ми спик фром май харт ин инглиш.

Разве классы CSS нельзя называть русскими именами?

Цитата:

Для линуксоидов что ли? дак еот можно не грузить во все виндусы тахома вшита, на линуксах ишак не пашет...

У меня в Виндоуз тоже есть Тахома, но почему-то IE вместо нее отображал другой шрифт (во всех остальных браузерах Тахома отображалась нормально). Поэтому пришлось использовать ЕОТ.

Michael_Ardan · 29.08.2013, 14:06

Проблема решена. Помогло удаление у div style свойств position: absolute и координат top и left.

Naive · 29.08.2013, 14:07

Цитата:

Разве классы CSS нельзя называть русскими именами?

Да на здоровье, дело создателя. Просто это моветон.

Цитата:

У меня в Виндоуз тоже есть Тахома, но почему-то IE вместо нее отображал другой шрифт

Значит что-то пошло не так)

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как разместить текст внизу страницы по центру	Vitalik85	HTML и CSS	9	10.08.2012 14:32
Позиционирование блока по центру с динамическими элементами и их гибкостью *сложно	AlienNation	JavaScript, Ajax	0	22.10.2011 03:55
Как правильно разместить текст на сайте...	XYLIGANXYL	HTML и CSS	5	30.01.2011 04:20
разместить таблицу по центру!	ny6asik	Помощь студентам	4	24.10.2010 20:31
Необходимо разместить таблицу по центру страницы	Никки	HTML и CSS	1	10.02.2009 23:26

29.08.2013, 14:06	#4
Michael_Ardan Пользователь Регистрация: 22.11.2008 Сообщений: 23	Проблема решена. Помогло удаление у div style свойств position: absolute и координат top и left.