2012-10-02 13 views
5

मैं MVC (4) के साथ एक उस्तरा वाक्य रचना के साथ संघर्ष कर रहा हूँ, कोई है जो मुझे एक अच्छा और काम कर समाधान के साथ मदद कर सकते हैं खोजने के लिए उम्मीद कर के साथ एक (छवि) हैडर लोगो कैसे बनाएं।MVC (4)

मुझे एक क्लिक करने योग्य लोगो (छवि) चाहिए और निम्न कोड बनाया है। यह दो चीजों को छोड़कर काम करता है। मुझे छवि डिस्प्ले नहीं दिखाई देता है और दूसरी बात, जब किसी अन्य नियंत्रक में, रूटिंग गलत हो जाती है (http4 त्रुटि)।

यह मैं कैसे यह अब किया है है:

उस्तरा:

<h1>@Html.ActionLink("siteHeader", "Index", null, new { @class = "site-logo"})</h1> 

या

<h1>@Html.ActionLink("siteHeader", "Index", "Home", new { @class = "site-logo"})</h1> 

उदा

/साइट HeaderLogo/

a.site-logo {  
background: url(images/Solosoft.png) no-repeat top left; 
display: block;  
width: 100px;  
height: 100px;  
text-indent: -9999px; /*hides the link text*/ 
    } 

धन्यवाद: जब एक अलग नियंत्रक (। खाता/ShoppingCart/आदि) और लोगो क्लिक में, यह एक 404.

सीएसएस में जो परिणाम अग्रिम रूप से।

उत्तर

2

इस प्रयास करें:

@Html.ActionLink("siteHeader", "Index", "Home", null, new { @class = "site-logo"}) 

यह वह जगह है:

public static MvcHtmlString ActionLink(
    this HtmlHelper htmlHelper, 
    string linkText, 
    string actionName, 
    string controllerName, 
    Object routeValues, 
    Object htmlAttributes 
) 

लिंक: msdn

+0

ठीक है, thanx कोई ज़रूरत नहीं। मैं लगभग वहां था: पी अब, मुझे केवल यह पता लगाना है कि मुझे वास्तविक छवि क्यों नहीं दिखाई दे रही है। – RocketRon

+0

@ user1714323 ब्राउज़र में और नेटवर्क टैब पर खुले देव उपकरण, मुझे लगता है, आपको 404 त्रुटि दिखाई देगी। अपने यूआरएल पथ की जांच करें, अब आप नियंत्रक 'फ़ोल्डर' में छवियों को ढूंढने की कोशिश कर रहे हैं, जैसे '/ Home/images/Solosoft.png' – webdeveloper

+0

आपके समर्थन के लिए धन्यवाद। छवि के साथ समस्या यह थी कि मुझे सीएसएस में माप को सही ढंग से सेट करना पड़ा। मैं ऊपर हूँ और अब चल रहा हूँ। – RocketRon

1

मैं इस समस्या का कारण मिल गया है!

थेरेस हमारे कोडिंग के साथ कुछ भी गलत नहीं, बात थेरेस एक वर्ग है कि हमारी छवि Site.css में इस लाइनों सेट

थेरेस ओवरराइड करता है

.site-title a, .site-title a:hover, .site-title a:active { 
    *background: none;* <=comment this out and the bg will show or remove the .site-title a 
    color: #c8c8c8; 
    outline: none; 
    text-decoration: none; 
} 

आशा है कि यह मदद करता है

0

क्या wizzardz कहा है सही है। कस्टम सीएसएस फ़ाइल में पृष्ठभूमि शैली साइट.css में शैलियों द्वारा ओवरराइड है।

इसे आजमाएं, !important - वेबपृष्ठ में दिखाई देने वाली शैलियों को प्राथमिकता देने के लिए उपयोग किया जाता है।

अपने custom.css पृष्ठ में,

a.site-logo {  
    background: url(images/Solosoft.png) no-repeat top left **!important**; 
    display: block;  
    width: 100px;  
    height: 100px;  
    text-indent: -9999px; /*hides the link text*/ 
} 

site.css में कुछ भी बदलने की

संबंधित मुद्दे