Ответы Mail.ru
Компьютеры, Связь
Железо
Интернет
Мобильная связь
Мобильные устройства
Офисная техника
Программное обеспечение
Прочее компьютерное
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
Подскажите как в HTML сделать вертикальняй текст?
FBS
(525),
закрыт
16 лет назад
Дополнен 16 лет назад
мне нужен текст который я из базы вытаскиваю, если возможно то каким другим способом
Лучший ответ
space monkey
(3454)
16 лет назад
для IE
<html>
<body>
<div style="writing-mode:tb-rl;width:40;">vertical</div>
</body>
</html>
для FF
файл 1.html
<html>
<body>
<embed class="svgex" src="vertical.svg" type="image/svg+xml" frameborder="no" width="30" height="60" />
</body>
</html>
файл vertical.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript">
<![CDATA[
//this will create htmljavascriptfunctionname in html document and link it to changeText
top.htmljavascriptfunctionname = changeText;
function changeText(txt){
targetText=document.getElementById("thetext");
var newText = document.createTextNode(txt);
targetText.replaceChild(newText,targetText.childNo des[0]);
}
// ]]>
</script>
<text id="thetext" transform="rotate(90,4,4)" font-size="10" x="4" y="4" font-family="Verdana">this text is rotated </text>
</svg>
<html>
<body>
<div style="writing-mode:tb-rl;width:40;">vertical</div>
</body>
</html>
для FF
файл 1.html
<html>
<body>
<embed class="svgex" src="vertical.svg" type="image/svg+xml" frameborder="no" width="30" height="60" />
</body>
</html>
файл vertical.svg
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript">
<![CDATA[
//this will create htmljavascriptfunctionname in html document and link it to changeText
top.htmljavascriptfunctionname = changeText;
function changeText(txt){
targetText=document.getElementById("thetext");
var newText = document.createTextNode(txt);
targetText.replaceChild(newText,targetText.childNo des[0]);
}
// ]]>
</script>
<text id="thetext" transform="rotate(90,4,4)" font-size="10" x="4" y="4" font-family="Verdana">this text is rotated </text>
</svg>
Остальные ответы
n0n@m3
(734)
16 лет назад
только НТМЛом - никак, сделай картинку с текстом (BMP монохромный весит очень мало)
Похожие вопросы