PDA

View Full Version : عدم نمایش تصویر در پس ضمینه div



mohsen.nsb44
پنج شنبه 29 تیر 1391, 17:54 عصر
سلام من کدی در یک فایل css به صورت زیر نوشتم


.box
{

background-image:url('../img/h2-small.gif') background-repeat: repeat-x;
text-align:left;
font-size:larger;
}

یک دایو در صفحه دارم و کد زیر رو براش نوشتم


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

اما تصویر در پس ضمینه دایو نشون داده نمیشه دلیل چیست؟

Fartaj
پنج شنبه 29 تیر 1391, 19:27 عصر
سلام دوست عزیز

یک نکته ای که من فکر می کنم اشتباه نوشتید شما وقتی می خواید هم تصویر و هم نوع تکرار رو تو یک خط مشخص کنید فکر کنم باید اینطوری بنویسید :

background-image:url('../img/h2-small.gif') repeat-x;


و یا کلا تو دو خط بنویسید :

background-image:url('../img/h2-small.gif');
background-repeat: repeat-x;


توی آدرس هم من یا دابل کتیشن می زارم یا اصلا نمی زارم نمی دونم ربطی داره یا نه !

ramin149
پنج شنبه 29 تیر 1391, 19:30 عصر
مشکل اصلی این که باید داخل دایو یک متن بنویسید یا یک المنت داخل باشه . یا اینکه به دایو خود طول و عرض بدهید .

mohsen.nsb44
پنج شنبه 29 تیر 1391, 20:34 عصر
سلام دوست عزیز

یک نکته ای که من فکر می کنم اشتباه نوشتید شما وقتی می خواید هم تصویر و هم نوع تکرار رو تو یک خط مشخص کنید فکر کنم باید اینطوری بنویسید :

background-image:url('../img/h2-small.gif') repeat-x;


و یا کلا تو دو خط بنویسید :

background-image:url('../img/h2-small.gif');
background-repeat: repeat-x;


توی آدرس هم من یا دابل کتیشن می زارم یا اصلا نمی زارم نمی دونم ربطی داره یا نه !
هر دوتارو امتحان کردم جواب نمیده واسه خودمم هم جای سوال شده

mohsen.nsb44
پنج شنبه 29 تیر 1391, 20:35 عصر
مشکل اصلی این که باید داخل دایو یک متن بنویسید یا یک المنت داخل باشه . یا اینکه به دایو خود طول و عرض بدهید .
دوست عزیز لطفا به کدی که نوشتم توجه کنید داخل دایو نوشتم تست متن وجود داره:چشمک:

fakhravari
پنج شنبه 29 تیر 1391, 20:56 عصر
<style type="text/css">
.box
{
background-image: url('img/Untitled2.jpg');
background-repeat: repeat-x;
text-align: left;
font-size: larger;
}
</style>
ببین از ادرس عکس نیست

mohsen.nsb44
پنج شنبه 29 تیر 1391, 20:59 عصر
<style type="text/css">
.box
{
background-image: url('img/Untitled2.jpg');
background-repeat: repeat-x;
text-align: left;
font-size: larger;
}
</style>
ببین از ادرس عکس نیست
نه ادرسو درست دادم

bftarane
پنج شنبه 29 تیر 1391, 21:15 عصر
میتونید به جای background-image از background استفاده کنید.
یه مثال:
background:url('img/bf.jpg') repeat-x;
....................................
یا background-repeat رو جدا بنویسید.
یه مثال:
background-image:url('img/bf.jpg');
background-repeat:repeat-x;