Выводить текст по координатам - HTML и CSS

O m n i s · 12.07.2013, 08:04

Помню давно видел флеш-игру где все время надо было нажимать на одну и туже кнопку которая с тобой "говорила". Вот я и решил для себя поприколить и создать ряд HTML страничек с надписьями-ссылками на следующею страничку. Но будучи лузером в html хитростях, столкнулся с проблемой. Как вывести одну простую надпись в центре странички, т.е. что бы центрация шла как по горизонтали так и по вертикали?

Naive · 12.07.2013, 11:08

html

Код:

<div class="outer">
  <div class="inner">
    Какой-то текст
  </div>
</div>

css

Код:

.outer {
    left: 50%;
    position: absolute;
    top: 50%;
}
.inner {
    left: -50%;
    position: relative;
    line-height:0;
}

это в одну строку, разумеется

O m n i s · 12.07.2013, 13:38

Я так понимаю?

Код:

<HTML>
<HEAD>
<title> Компьютер	</title>
</HEAD>
<BODY>
   <div class="outer">
   <div class="inner">
        Какой-то текст
   </div>
   </div>

</BODY>
</HTML>

Если да то не пашет :(

Naive · 12.07.2013, 13:42

Не пашет потому что стилей нет

Код:

<HTML>
<HEAD>
<title> Компьютер	</title>
<style>
.outer {
    left: 50%;
    position: absolute;
    top: 50%;
}
.inner {
    left: -50%;
    position: relative;
    line-height:0;
}
</style>
</HEAD>
<BODY>
   <div class="outer">
   <div class="inner">
        Какой-то текст
   </div>
   </div>

</BODY>
</HTML>

Цитата:

будучи лузером в html хитростях

мягко сказано)

O m n i s · 12.07.2013, 13:45

Цитата:

мягко сказано)

Ну уж как есть. Спасибо

O m n i s · 12.07.2013, 14:04

Еще вопрос. Залил страничку на сайтик за 5-ть минут ucoz.
И вот что мы видим: http://superomnis.ucoz.ru/html/1.html
Квадратики...
Что делать? Русский шрифт как я понимаю не ало.

O m n i s · 12.07.2013, 14:06

Все исправил. При заливки на сайт, русские символы в коде заменились на квадратики.

12.07.2013, 08:04	#1
O m n i s Пользователь Регистрация: 07.12.2011 Сообщений: 64	Выводить текст по координатам Помню давно видел флеш-игру где все время надо было нажимать на одну и туже кнопку которая с тобой "говорила". Вот я и решил для себя поприколить и создать ряд HTML страничек с надписьями-ссылками на следующею страничку. Но будучи лузером в html хитростях, столкнулся с проблемой. Как вывести одну простую надпись в центре странички, т.е. что бы центрация шла как по горизонтали так и по вертикали?

12.07.2013, 11:08	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	html Код: `<div class="outer"> <div class="inner"> Какой-то текст </div> </div>` css Код: `.outer { left: 50%; position: absolute; top: 50%; } .inner { left: -50%; position: relative; line-height:0; }` это в одну строку, разумеется Alar, верни репу!

12.07.2013, 13:38	#3
O m n i s Пользователь Регистрация: 07.12.2011 Сообщений: 64	Я так понимаю? Код: `<HTML> <HEAD> <title> Компьютер </title> </HEAD> <BODY> <div class="outer"> <div class="inner"> Какой-то текст </div> </div> </BODY> </HTML>` Если да то не пашет :(

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

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
считывать текст из файла и выводить его на экран, заменяя цифры от 0 до 9 на слова «ноль», «один», …, «девять» (на C)	jesterXXX	Помощь студентам	1	23.12.2012 12:02
Как правильно выводить текст на канву	HellMercenariess	Общие вопросы Delphi	1	12.06.2012 07:37
Как DrawText-ом выводить синий подчёркнутый текст?	Gtx541	Win Api	1	11.08.2010 23:06
По значению из выпадающего списка в рядом стоящей ячейке выводить текст	550953	Microsoft Office Excel	6	09.09.2009 06:59
как заставить label выводить текст сразу?	zAlexandrz	Общие вопросы Delphi	2	23.11.2007 18:39

12.07.2013, 14:04	#6
O m n i s Пользователь Регистрация: 07.12.2011 Сообщений: 64	Еще вопрос. Залил страничку на сайтик за 5-ть минут ucoz. И вот что мы видим: http://superomnis.ucoz.ru/html/1.html Квадратики... Что делать? Русский шрифт как я понимаю не ало.

12.07.2013, 14:06	#7
O m n i s Пользователь Регистрация: 07.12.2011 Сообщений: 64	Все исправил. При заливки на сайт, русские символы в коде заменились на квадратики.