متن عمودی!

میشه یه متن رو به صورت عمودی تو صفحه نوشت؟

این کدی که میذارم فقط توی IE کار میکنه . یه کم تغییر بدی فکرکنم درست بشه .
کد زیر را در قسمت head :

<style type="text/css">

.verticaltext{

font: bold 13px Arial;

position: absolute;

right: 3px;

top: 20px;

width: 15px;

writing-mode: tb-rl;

}



</style>

و این کد را در قسمت body قرار بدین :

<script type="text/javascript">

//Enter desired vertical text:

var myverticaltext='<div class="verticaltext">This is The Vertical Text <a href="http://www.astahost.com">Asta Host .</a></div>'



var bodycache=document.body

if (bodycache && bodycache.currentStyle && bodycache.currentStyle.writingMode)

document.write(myverticaltext)



</script>

جالبه. ولی چرا تو مرورگرهای دیگه کار نمی کنه؟
writing-mode رو به صورت پیش فرض visual نمیشناسه.!
تو کروم کار نکرد ولی توIE کار کرد.

با jquery هم میشه از این کارا کرد . ببینید :
Create Vertical Ad Space Text Using JQuery

نقل قول:

---

نوشته شده توسط ahmadbadpey

با jquery هم میشه از این کارا کرد . ببینید :
Create Vertical Ad Space Text Using JQuery

---

خیلی جالب بود. ولی به قول خود نویسندش گارانتی نمی کنه که حتما درست کار کنه.
به نظرم بهترین راه درست کردن تصاویر با نوشته های عمودی باشه. درسته؟

با سلام درصورتی که متنتون ثابت تصویر انتخاب بهتری هست .
موفق باشید

سلام از مقاله زیر دیدن بفرمایید .
http://www.codeproject.com/KB/aspnet...eCreation.aspx

کد HTML:

---

  <p style="
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    position:absolute;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    ">Writing Mode</p>

---