2010-09-02 12 views
7

मेरे पास नेविगेशन और एचटीएमएल एक्शन लिंक से मेरे वेबप्रोजेक्ट पर कई लिंक हैं। वे अंडरलाइन के साथ बदसूरत हैं। मैं एक्शन लिंक की शैलियों के साथ नाम या खेल के साथ कुछ छवि डालना चाहता हूं। क्या यह संभव है? उसको कैसे करे?एचटीएमएल एक्शन लिंक में छवि कैसे सम्मिलित करें? asp.net mvc

धन्यवाद और देखभाल, Ragims

उत्तर

17

आप रेखांकन हटाने या एक backgroundimage जगह सीएसएस इस्तेमाल कर सकते हैं, अन्यथा आप भी सिर्फ इसलिए की तरह कड़ी बना सकते हैं:

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a> 
+0

iam html.actionlink का उपयोग करते हुए, और url.action –

+0

हाँ, मुझे पता है, लेकिन HTML.ActionLink के साथ आप सादा पाठ की तुलना में लिंक में कोई अन्य सामग्री नहीं जोड़ सकते हैं। – lmondria

+0

यदि एक्शन होमपेज से लिंक होगा और छवि एक लोगो होगी, तो क्या यह अनंत लूप का कारण बन जाएगा? जब मैं ऐसा करता हूं तो मैं ढेर ओवरफ्लो प्राप्त करता रहता हूं। अगर मैं इसे हटा देता हूं, तो मेरा पृष्ठ अच्छी तरह से काम करता है। मैंने सोचा कि कार्रवाई चलाने के लिए मुझे उस पर क्लिक करना है? –

2

Html.ActionLink और Url.Action एक ही यूआरएल वापस। अंतर यह है कि पहला एचटीएमएल तत्व बनाता है जबकि दूसरा उस क्रिया के यूआरएल को लौटाता है।

एक और विकल्प Url.RouteUrl या Html.RouteLink का उपयोग करना है ताकि आप सीधे किसी क्रिया के बजाय अपने मार्ग (एक क्रिया में) के आधार पर एक लिंक बना सकें।

0

एक समाधान के लिए एक छवि-विशिष्ट कार्रवाई लिंक बनाने के लिए एक HtmlHelper विस्तार विधि बनाने के लिए है। एक विस्तृत ट्यूटोरियल here पाया जा सकता है।

0

आप उस्तरा दृश्य इंजन के साथ MVC 3-4 पर कर रहे हैं तो यह इसके बजाय आप निम्नलिखित का उपयोग कर सकते

<a href='@Url.Action("action", "controller")'> 
<img src='@Url.Content("~/images/imageName.png")' /> 

@Html.ActionLink("linkname","action","controller") का उपयोग कर के मदद मिल सकती हैं-

@Html.ActionLink("your link Name", "Action Method", "Controller", 
     new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null) 
0

" छवियों "छवियों को संग्रहित करने के लिए मेरा फ़ोल्डर है। @Url.Content() पथ को जानना है। आप उस क्रिया के लिए @Url.Action() पर अपनी कार्रवाई और नियंत्रक को पास कर सकते हैं। @Url.Action()@Html.ActionLink() के समान काम करता है। अब आपका लिंक छवि द्वारा प्रतिस्थापित किया जाएगा।

+0

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