किसी पृष्ठ के सीएसएस अनुभाग पर इनलाइन सर्वर टैग डालने का सही तरीका क्या है?

Question

मैं दृश्य स्टूडियो 2012

मैं इस तरह यह कर रहा हूँ का उपयोग कर, एक पृष्ठ पर कुछ इनलाइन सर्वर टैग डाल करने के लिए तो मैं एक छवि के लिए सही रास्ता मिल सकता है कोशिश कर रहा हूँ:

<style type="text/css"> 
.someclass 
{ 
    background-image: url(<%=Url.Content("~/Content/Images/messageIcon.gif")%>); 
} 
</style> 

समस्या यह है कि एक बार यह लिखा जाने के बाद, संपूर्ण शैली अनुभाग VS2012 संपादक के साथ रंग स्वरूपण खो देता है। क्या ऐसा करने का कोई अलग तरीका है (या वीएस2012 में एक विकल्प), ताकि मैं रंग और इंडेंटेशन को खो दूंगा?

Answer 1

कारण यह है कि दृश्य स्टूडियो अपने formating खोता जा रहा है कि आप नीचे के रूप में सीएसएस और सर्वर-साइड कोड मिश्रण कर रहे हैं।

<style type="text/css"> 
.someclass 
{  
    background-image: url(<%=Url.Content("~/Content/Images/messageIcon.gif")%>); 
}  
</style> 

आपको अपने सीएसएस को अपने कोड से अलग करना चाहिए।

छवि रास्तों सीएसएस फ़ाइल के स्थान के सापेक्ष हैं, तो नीचे की तरह सीएसएस सही है, इसलिए आप का उपयोग एक आवेदन पथ Url.Content (~)

.someclass 
{  
    background-image: url(../Images/messageIcon.gif); 
}  

Answer 2

यह एक दृश्य स्टूडियो हाइलाइट मुद्दा या सीएसएस शैलियों के लिए सुविधा है। सर्वर सापेक्ष यूआरएल का उपयोग करने की कोशिश करें, जिन्हें जाना जाता है।

यदि आपको सीएसएस शैलियों में सर्वर-साइड कोड डालने की आवश्यकता है, तो आप HTML-markup में style विशेषता का उपयोग कर सकते हैं।

<div class="beautiful-button" style="background-image: url('<%=Url.Content("~/Content/Images/messageIcon.gif")%>')"> 
... 
</div> 

आप इस कोड को पसंद नहीं है या आप इसे अलग-अलग स्थानों में एक से अधिक समय का उपयोग करने की आवश्यकता है, सबसे अच्छा तरीका है एक सार्वजनिक संपत्ति यूआरएल के साथ अपने स्वयं सर्वर साइड नियंत्रण बनाने के लिए होगा: उदाहरण के लिए (उदाहरण के लिए)। अंत में इसे इस तरह देखा जाएगा:

<asp:MyOwnControl runat="server" class="beautiful-button" URL="~/Content/Images/messageIcon.gif" />