متن روی تصویر

[sallamatii]

یه کد html و css می خوام

css : لازم دارم که تصویری رو درونش قرار بدم
html : متن رو داخلش بنویسم و متن دقیقا در وسط تصویر مذکور قرار بگیره

این بخش ناقص css :
#joda {
background:url(http://www.xum.ir/images/2014/02/21/vie.png) center no-repeat;
font-family: BKoodakBold,'B Yekan',tahoma;
font-size: 13pt;
}



این بخش ناقص html :
<div id="joda">

 

[Java.Her]

> درود ؛ خب چرا جدول نمی زنید و توش متن رو قرار نمی دید و پس زمینه انتخاب کنید واسش همون تصویرو ؟!؟

البته align ، padding و margin هم لازمه که تنظیمش کنید ؛ الان کلاً خوابم وگرنه کمک میکردم !

 

[M.Bagheri]

یه کد html و css می خوام

css : لازم دارم که تصویری رو درونش قرار بدم
html : متن رو داخلش بنویسم و متن دقیقا در وسط تصویر مذکور قرار بگیره

این بخش ناقص css :
#joda {
background:url(http://www.xum.ir/images/2014/02/21/vie.png) center no-repeat;
font-family: BKoodakBold,'B Yekan',tahoma;
font-size: 13pt;
}



این بخش ناقص html :
<div id="joda">

سلام
شما به همچین کلاسی نیاز دارید :

<div class="joda">تست</div>

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

.joda {
background: url(http://www.xum.ir/images/2014/02/21/vie.png) center no-repeat;
font-family: BKoodakBold,'B Yekan',tahoma;
font-size: 13pt;
text-align: center;
}

که برای جابجایی Position میگیرن و یا میتونید float بدید

 

[sallamatii]

سلام
شما به همچین کلاسی نیاز دارید :

<div class="joda">تست</div>

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

.joda {
background: url(http://www.xum.ir/images/2014/02/21/vie.png) center no-repeat;
font-family: BKoodakBold,'B Yekan',tahoma;
font-size: 13pt;
text-align: center;
}

که برای جابجایی Position میگیرن و یا میتونید float بدید

.................................................................................
سلام دوست گرامی
متن در عرض وسط قرار میگیره
ولی در ارتفاع بالا قرار می گیره که می خوام وسط باشه

 

[Pb.GraphisT]

خوب با margin-top هرچقدر دوست دارید میتونید بیاریدش پایین

 

[Pb.GraphisT]

در حقیقت اینو میتونید به کد css اضافه کنید :
top:50%;

.joda {
background: url(http://www.xum.ir/images/2014/02/21/vie.png) center no-repeat;
font-family: BKoodakBold,'B Yekan',tahoma;
font-size: 13pt;
text-align: center;
top: 50%;
}

 

[M.Bagheri]

سلام دوست گرامی
متن در عرض وسط قرار میگیره
ولی در ارتفاع بالا قرار می گیره که می خوام وسط باشه

خب تازه متوجه منظور شما شدم

این هم کدهای مورد نیاز ( به صورت استایل در کد ها تعریف شده ! کلاس ایجاد نشده )

<div style="
    background: url(http://www.xum.ir/images/2014/02/21/vie.png) center no-repeat;  
   font-family: BKoodakBold,'B Yekan',tahoma;  
    font-size: 13pt;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    height: 100px;
    width: 100px;">
  <span style="position: relative;top: 37px;">تست
  </span>
</div>

خوب با margin-top هرچقدر دوست دارید میتونید بیاریدش پایین

نمیشه...

 

[Pb.GraphisT]

خب تازه متوجه منظور شما شدم

نمیشه...

مگه متنشون کجا قراره قرار بگیره ؟

آخه من پست اولو نخوندم،

از رو پست های تو جواب دادم

واستا پست اولو بخونم

-------------------

پست اول رو خوندم، ببخشید بابت پست هام