Вертикальный Текст

August 25, 2008

Здравствуйте!

Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.

Kichee · August 25, 2008

Здравствуйте!
Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.

Помнится был такой CSS тег, writing-mode, позволяет поворачивать текст, менять его направление и еще много чего, но к сожалению он не поддерживается браузером Opera, да и в FF глючит.

August 25, 2008

Мне надо, чтоб всем поддерживалась и не глючило... Вобщем, получается, что только картинкой можно сделать

klierik · August 25, 2008

ну к примеру можно так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	div.case { overflow:hidden; _zoom:1;}
		div.case div {float:left; width:1px;}
			div.case span {float:left;}
</style>
</head>

<body>

	<div class="case"><div>

		<span>В</span>
		<span>е</span>
		<span>р</span>
		<span>т</span>
		<span>и</span>
		<span>к</span>
		<span>а</span>
		<span>л</span>
		<span>ь</span>
		<span>н</span>
		<span>ы</span>
		<span>й</span>
		<span> </span>
		<span>т</span>
		<span>е</span>
		<span>к</span>
		<span>с</span>
		<span>т</span>

	</div></div>

</body>
</html>

rus · August 25, 2008

Вот еще один вариант:

<!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=windows-1251">
<title>Документ без названия</title>
<style type="text/css">
.vertical {
	width: 1em;
	line-height: 1em;
}
.separator {
	height: 1.4em;
}
</style>
</head>

<body>
<div class="vertical">
	Э т и<div class="separator"></div>с л о в а<div class="separator"></div>н у ж н о<div class="separator"></div>р а з д е л и т ь<div class="separator"></div>п у с т ы м и<div class="separator"></div>б л о к а м и.
</div>
</body>
</html>

August 25, 2008

Да нет, это не совсем то. Мне именно весь текст надо развернуть, т.е. чтобы буквы были на 90 градусов против часовой стрелки повернуты относительно своего нормального расположения

Dimitry Wolotko · August 25, 2008

Картинкой сделайте - так будет правильней.

rus · August 25, 2008

Дим, так вроде как страница долго грузица будет...

klierik · August 25, 2008

используйте Flash

Sign In

Вертикальный Текст

Question

Guest Margo

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Kichee

Link to comment

Share on other sites

Guest Margo

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Guest Margo

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information