مشکل در وسط چین کردن متن عمودی

[AmiR_mM]

سلام !! من قسمت تایتل منو را که به صورت عمودی می باشد میخوام وسط چین کنم . اما هرچی از کد Text-align:right استفاده می کنم نمیشه که نمیشه !! چیکار کنم ؟ بک گراندش هم عکس هست . یه عکس گرفتم که قشنگ متوجه بشین

​

نوشته ی آرشیو میخوام بیاد وسط منو ! از Padding هم نمیتونم استفاده کنم ، چون طول منو ممکن است متغیر باشد .
پیشاپیش ممنون از راهنمایی هاتون

 

[marSoul]

از کد زیر استفاده کن :

vertical-align:middle;

 

[AmiR_mM]

سلام ! آقا خیلی ممنون ،من امتحان کردم اما نشد . حتی توی ایندکس ، در خود تگ Div هم Style رو برابر با همین کدی که شما گفتید قرار دادم باز هم نشد !!

من برای ورتیکال کردن نوشته از کد زیر در سی اس اس استفاده کرده ام :

.vertical { writing-mode: tb-rl;
    filter: flipH() flipV();
}

و در ایندکس هم این کد را برای نوشته گذاشته ام :

<span class="vertical">آرشیـــــــو</span>

چیکار کنم ؟؟ راه دیگه ای نداره ؟

 

[marSoul]

این کدی که شما نوشتید فقط توسط Ie پشتیبانی میشه و مرورگزهای دیگه اون را پشنیبانی نمی کنن، بهترین راه استفاده ار فایل تصویریه برای کاری که شما می خواین بکنین

 

[AmiR_mM]

با عکس هم مشکل دارم

سلام . ممنون از جواب خوبتون . من این عکس زیر رو به جای نوشته گذاشتم . کد سی اس اس هم این شد :

​

#rightmenutitle {
background: url('ashnaha.gif');
background-repeat:no-repeat;
direction:rtl;
vertical-align:middle;
height:1%;
margin-left:0px;
padding-right:6px;
padding-top:4px;
padding-left:3px;
padding-bottom:4px;
}

کد ایندکس هم اینه :

<div id="rightmenutitle" style=" float:right; width: 15px; "></div>

به نظر عادی میاد همه چی ، اما منو ها اینطوری نمایش داده میشه :

نمیدونم چرا نصفه نیمه لود میشه عکسش . وسط چین هم نیست .
​

 

[yakoza]

height:1%;
رو برابر با height اصلی عکس بزار درست میشه

 

[AmiR_mM]

height:1%;
رو برابر با height اصلی عکس بزار درست میشه

خدا خیرت بده ، مشکل حل شد ، اما هنوز نمیدانم چه جوری این عکس رو بیارم وسط منو . همون طور هم که گفتم از Padding نمیتونم استفاده کنم ، چون طول منو ممکن است متغیر باشد .
دوستان دیگر هم اگر می تونند کمک کنند ممنون میشوم

 

[nasser_ray]

سلام
کدی که در اینجا نوشتین
<span class="vertical">آرشیـــــــو</span>
رو به
<div class="vertical" height=100%>آرشیـــــــو</div>
تقیر دهید

و در style از
vertical-align:middle;height:100%
موفق یاشید

 

[AmiR_mM]

خیلی ممنون از شما دوستان . با اینکه باز هم کار ساز نبود ، اما خودم یه کاریش کردم !! خیلی ممنون از راهنمایی های خوبتون