एएसपी.नेट एमवीसी

Question

में सीएसएस और छवियों को संभालना हाय मैं एएसपी.नेट एमवीसी के आधार पर एक साधारण अनुप्रयोग विकसित कर रहा हूं। मैंने अपनी खुद की शैलियों में डिफ़ॉल्ट मास्टर.css को बदल दिया है। अब एकमात्र समस्या यह है कि मैं मेनू बनाने के लिए अपने यूएल-> ली-> ए में से एक में पृष्ठभूमि-छवि संपत्ति जोड़ रहा हूं। यह फ़ायरफ़ॉक्स में ठीक काम कर रहा है लेकिन छवियां इंटरनेट एक्सप्लोरर (आईई 7/8) में बिल्कुल दिखाई नहीं दे रही हैं। क्या किसी के पास कोई संकेत है कि क्या गलत हो रहा है?

मेरा सीएसएस निम्नलिखित है;

 #nav-menu ul 
{ 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    color:White; 
} 
#nav-menu li 
{ 
    /*float: left;*/ 
    margin: 0.15em 0.15em; 
    display:block; 

} 

#nav-menu li a 
{ 
    background-image: url('/Images/leftbarlightblue.jpg'); 
    background-repeat:no-repeat; 
    background-position:bottom; 

    height: 2em; 
    line-height: 2em; 
    width: 12em; 
    display: block; 
    text-decoration: none; 
    text-align: center; 
    color: white; 
} 

#nav-menu li a:hover 
{ 
    background-image: url('./Images/leftbardarkblue.jpg'); 
    background-repeat:no-repeat; 
    background-position:bottom; 

    height: 2em; 
    line-height: 2em; 

    width: 12em; 
    display: block; 

    color: white; 
    text-decoration: none; 
    text-align: center; 
} 
#nav-menu 
{ 
    width:15em 
} 

जबकि एक्सएचटीएमएल

<div id="menucontainer"> 
      <div id="nav-menu"> 
       <ul> 
        <li><%= Html.ActionLink("Home", "Index", "Home")%></li> 
        <li><%= Html.ActionLink("About Us", "About", "Home")%></li>     
       </ul> 
      </div> 

    </div> 

1. हाँ मैं ./Images साथ करने की कोशिश की है/... लेकिन यह अभी भी काम नहीं किया।

2. बाद

   फ़ोल्डरों की मेरी पदानुक्रम है

   Solution -> Content 
          Site.css 
          Images 
            logo.jpg 
            leftbarlightblue.jpg 
        ->Controllers 
        -> Models 
        ->Views 
         Home 
         Shared 
           Site.Master 
   

Answer 1

मुझे समस्या मिली, छवियों को सीएमवाईके का उपयोग करके बनाया गया था। इसलिए एफएफ उन्हें अनुमानित रंगों का उपयोग कर दिखा रहा था, जबकि इंटरनेट एक्सप्लोरर पूरी तरह से उन्हें अनदेखा कर रहा था। प्रारूप को बदलने से समस्या हल हो जाती है। दोस्तों, आपके सहयोग के लिए धन्यवाद।

Answer 2

जोड़े XHTMLfor # नव-मेनू, यह भी अगर आप इस समस्या को पोस्ट के एक जीवित लिंक है कि रूप में अच्छी तरह

Answer 3

मैं प्रदर्शन लगता है यूआरएल पर निर्भर करता है।

आपका मास्टर.css कहां स्थित है?

आप के बजाय url('Images/leftbarlightblue.jpg') की कोशिश की है?

Answer 4

सीएसएस के साथ अपने काम में बहुत कुछ मैं वास्तव में फ़ायर्फ़ॉक्स और Firebug हो रही सलाह देते हैं, तो यह तेज़ी से अपने स्टाइलशीट को देखो और वास्तव में क्यों कुछ बातें काम नहीं कर रहे देखने के लिए आप सक्षम हो जाएगा।

इसके बाद आप डबल जाँच की है कि यूआरएल छवि के लिए सही है? जांच का एक त्वरित तरीका पूर्ण यूआरएल प्राप्त करना है (सुनिश्चित करने के लिए ब्राउज़र में इसे ब्राउज़ करें, यह http://myapp/content/images/leftbarlightblue.jpg जैसा कुछ होना चाहिए) और अपने पुराने छवि यूआरएल के बजाय अपने कोड में रखें। यदि वह लोड होता है तो शायद यह आपके सापेक्ष पथ गलत हैं (../ भाग), क्योंकि मुझे आपकी फ़ोल्डर संरचना नहीं पता है, मैं आपकी मदद नहीं कर सकता कि यह क्या होना चाहिए।

एक अलग टिप्पणी पृष्ठभूमि स्थिति पर veritcal स्थिति के बाद क्षैतिज स्थिति होनी चाहिए।

पृष्ठभूमि-स्थिति: बाएं नीचे;

Answer 5

सभी अतिरिक्त डॉट और स्लेश के बिना छवि पथ शुरू करने का प्रयास करें।

/images/image.jpg 

के बजाय

../../images/image.jpg 

मैं अभी भी यकीन है कि कैसे फ़ाइलों को अपने वास्तविक वेबसर्वर पर जमा हो जाती है तो आप एक या दो निर्देशिका जोड़ना पड़ सकता है नहीं कर रहा हूँ, लेकिन आम तौर पर यह समझदारी नहीं है: उदाहरण के लिए सर्वर को बताने के लिए डॉट का उपयोग करने के लिए निर्देशिका पेड़ में कितने स्तर तक जाना है (साथ ही बहुत से लोग भूल जाते हैं कि आपको यह निर्दिष्ट करने की आवश्यकता है कि छवि को सीएसएस फ़ाइल के स्थान से देखा गया है, जहां HTML/ASP फ़ाइल का स्थान आवश्यक नहीं है)

Answer 6

आपकी स्टाइलशीट को शाब्दिक पथ का उपयोग निम्नानुसार करने की आवश्यकता है:

background-image: url('/Content/Images/leftbarlightblue.jpg'); 

और नहीं

background-image: url('/Images/leftbarlightblue.jpg');