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

سلام من یک فایل css دارم که درون اون یکسری عکس ها رو مسیر دهی کردم ولی زمان اجرای برنامه عکس ها نشون داده نمیشن . فایل css :

   A { text-decoration: none; }
.button_edit
            {
        background-image: url({{ MEDIA_URL }}img/edit1.gif) ;
        background-position:  0px 0px;
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        border: 0px;
      }

.button
            {
        background-image: url({{ MEDIA_URL }}img/button.jpg) ;
        background-position:  0px 0px;
        background-repeat: no-repeat;
        width: 100px;
        height: 35px;
        border: 0px;
        color: #000099;
      }

.text_rtl { direction:RTL; }

.text_ltr { direction:LTR; }

.button_delete
            {
        background-image: url({{ MEDIA_URL }}img/delete.gif) ;
        background-position:  0px 0px;
        background-repeat: no-repeat;
        width: 13px;
        height: 14px;
        border: 0px;
      }

.style2 { width: 755px; }

.style4{
        width: 741px;
        height: 48px;
        background-image: url('{{ MEDIA_URL }}img/menu53.jpg');
        border-bottom-color: #FFFFFF; 
        color: #000080;
        }

.style5  { width: 255px; }

.style_tb_setting
        {
        border-color: navy; 
        background-image: url('{{ MEDIA_URL }}img/line_setting2.JPG');  
        width: 400 px;      
        }
.style_tb_search
        {
        background-image: url('{{ MEDIA_URL }}img/line_search.jpg');
        width: 596px;
        height: 110px;
        }
.style_tb_user
        {
        background-image: url('{{MEDIA_URL}}img/line_user1.JPG'); 
        height: 350px;
        }
.style_tb_doctor
        {
        height: 310px;
        background-image: url('{{ MEDIA_URL }}img/line_dr.JPG');
        }

لینک به css درون صفحه اچ تی ام ال :

<link rel="stylesheet" type="text/css" href="{{  MEDIA_URL }}css/style.css" />

مسیر دهی درون setting.py :

    MEDIA_ROOT = os.path.join(os.path.dirname(__file__), "Template/").replace('\\','/')
MEDIA_URL = '/Template/'
2 پاسخ

آدرس دهی به تصویر مورد نظر درست نوشتید یا نه؟ من خودم اکثرا به این روش آدرس دهی می کنم:

background-image:url("~/Images/image1.png"); که به این صورت خونده میشه :
با ~ میگم برو به روت پروژه
با Images میگم برو به پوشه تصاویر و نهایتا با image1.png به تصوبر مربوطه اشاره میکنم


خیلی ممنون مشکلم دقیقا برای آدرس دهی بود توی css باید مستقیم آدرس دهی میشد نه از طریق MEDIA_URL

(22 ژوئن '13, 12:52) maliheh_m20
2

اگر این پاسخ درسته، لطفاْ تیک کنار جواب رو بزنید تا مراجعه کننده های بعدی زیاد معطل نشوند. ممنون

(22 ژوئن '13, 13:17) raccoon

پیشنهاد می دهم با ابزارهایی مثل firebug یا ابزارهایی از این دست که در همه مرورگرها وجود داره، ببینید برای تصاویر مورد نظرتون چه مسیری تولید شده و آیا اون تصویر با مرورگر قابل دسترس هست یا خیر. معمولاً این مشکلات این جوری حل می شود.

آخه وقتی کدهای css رو مستقیم داخل صفحه اچ تی ام ال می نویسم مشکلی وجود نداره ولی وقتی توی یک صفحه css جدا میذارم اینجوری میشه :(

(22 ژوئن '13, 11:46) maliheh_m20

مطمئن هستید که فایل css تون درست resolve می شه؟ این کار رو با همون ابزارها چک کنید. در صورتی که load می شه، ببینید آیا فایل های تصویرتون هم load می شه یا نه؟ بالاخره آدرس تصاویر در خروجی نهایی را می بینید. این جوری می تونید آدرسی که مرورگر دنبالش می گرده رو ببینید و اگر نیاز به اصلاح داره اون رو اصلاح کنید.

(22 ژوئن '13, 13:15) raccoon
toggle preview



آموزش زبان برنامه نویسی C#
آموزش jquery
آموزش برنامه نویسی
آموزش طراحی وبسایت
آموزش مدیریت وبسایت
آموزش جاوا Java
آموزش پایتون Python
آموزش سی شارپ C#‎
آموزش HTML و CSS
آموزش JavaScript جاوااسکریپت
آموزش jQuery جی کوئری
آموزش ساخت ربات تلگرام
آموزش برنامه‌نویسی PHP
آموزش برنامه‌نویسی اندروید
● آموزش‌های رایگان

سوالات مرتبط

راهنمای استفاده از ویرایشگر
  • *ایتالیک*‌ یا __ایتالیک__
  • **ضخیم** یا __ضخیم__
  • آدرس:[متن](http://url.com/ "عنوان")
  • عکس?![alt متن](/path/img.jpg "عنوان")
  • لیست عددی: 1. Foo 2. Bar
  • برای رفتن به خط بعد، هر جا مایلید که خط جدید شروع شود دو کاراکتر فاصله (space) قرار دهید
  • تگ‌های ساده HTML هم پشتیبانی می‌شوند

تگها:
  • ×52
  • ×4
  • پرسیده شده: 22 ژوئن '13, 10:53
  • بازدید: 3,572 بار
  • آخرین بروزرسانی: 22 ژوئن '13, 13:17

این سوال را دنبال کنیدتوسط ایمیل: ایمیل شما (باید معتبر باشد, هرگز به دیگران نمایش داده نمیشود):

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


توسط RSS:

پاسخها

پاسخها و نظرها