ASP.Net Menu Control background image with CssClass: menu, control, image

by: TheKylePosted on 2007-09-29 at 10:32:38ID: 19984610

All you have to do is set the background of the element containing the text to "none". If you give some sample code, then I might be able to help more.

by: kjsadeghiPosted on 2007-09-29 at 11:40:15ID: 19984894

Below are the classes but these apply to the menubox itself I do not know what the font element is called in CSS with respect to the ASP.Net menu control.

.menuclass
{
border-top:solid 0px black;
border-right:solid 1px #b1b1b1;
border-left: solid 0px white;
border-bottom:solid 0px white;
font-family:Verdana;
font-size:smaller;
background-image:url('/images/menugloss.gif');
font-weight:bold;
}
.menuitemselected
{
border-top:solid 0px black;
border-right:solid 1px #b1b1b1;
border-left: solid 0px white;
border-bottom:solid 0px white;
font-family:Verdana;
font-size:smaller;
background-image:url('/images/menuwhitegloss.gif');
font-weight:bold;
}
.menuitemhover
{
border-top:solid 0px black;
border-right:solid 1px #b1b1b1;
border-left: solid 0px white;
border-bottom:solid 0px white;
font-family:Verdana;
font-size:smaller;
background-image:url('/images/menuhoverover.gif');
font-weight:bold;
}

by: TheKylePosted on 2007-09-29 at 11:46:42ID: 19984923

Can you do a "view source" on your web page and copy and paste the generated html for your menu here?

by: kjsadeghiPosted on 2007-09-30 at 04:11:21ID: 19986775

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><link href="swisssun.css" rel="stylesheet" type="text/css" /><title>
      Swiss Property
</title><style type="text/css">.eo_tag_style{}</style>
<style type="text/css">
.eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip11 {color:#606060}
.eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip12 {color:#2f4761;font-weight:bold}
.eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip13 {background-image:url(/eo_web.ashx?id=591d2633-171b-4b89-8cf0-f96c0f8d5006);background-repeat:repeat-x;cursor:pointer;cursor:hand;font-family:tahoma;font-size:8pt}
.eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip14 {font-size:Small;font-weight:bold}
.eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip15 {color:#c00000;font-size:Small;font-weight:bold}
</style>
<style type="text/css">
      .ctl00_Menu1_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
      .ctl00_Menu1_1 { text-decoration:none; }
      .ctl00_Menu1_2 { }
      .ctl00_Menu1_3 { color:White;font-family:Tahoma;font-size:Small;border-style:none; }
      .ctl00_Menu1_4 { background-color:#404040;height:25px;padding:0px 10px 0px 10px; }
      .ctl00_Menu1_5 { color:Black;font-weight:bold;border-style:none; }
      .ctl00_Menu1_6 { background-color:White; }
      .ctl00_Menu1_7 { color:Black;border-style:none; }
      .ctl00_Menu1_8 { color:Black;background-color:AliceBlue; }

</style></head>
<body class="oneColFixCtrHdr">
<form name="aspnetForm" method="post" action="swiss-property.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__eo_obj_states" id="__eo_obj_states" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTQ0Mjk1NjY4MQ9kFgJmD2QWAgIDD2QWBAIDDzwrAA0CAA8WAh4LXyFEYXRhQm91bmRnZAwUKwACBQMwOjAUKwACFhAeBFRleHQFBEhvbWUeBVZhbHVlBQRIb21lHgtOYXZpZ2F0ZVVybAUUL3N3aXNzLXByb3BlcnR5LmFzcHgeB0VuYWJsZWRnHgpTZWxlY3RhYmxlZx4IRGF0YVBhdGgFFC9zd2lzcy1wcm9wZXJ0eS5hc3B4HglEYXRhQm91bmRnHghTZWxlY3RlZGcUKwAHBRcwOjAsMDoxLDA6MiwwOjMsMDo0LDA6NRQrAAIWDh8BBRBQcm9wZXJ0eSBMaXN0aW5nHwIFEFByb3BlcnR5IExpc3RpbmcfAwUdL3N3aXNzLXByb3BlcnR5LWxpc3RpbmdzLmFzcHgfBGcfBWcfBgUdL3N3aXNzLXByb3BlcnR5LWxpc3RpbmdzLmFzcHgfB2dkFCsAAhYOHwEFEE5ldyBEZXZlbG9wbWVudHMfAgUQTmV3IERldmVsb3BtZW50cx8DBRUvbmV3ZGV2ZWxvcG1lbnRzLmFzcHgfBGcfBWcfBgUVL25ld2RldmVsb3BtZW50cy5hc3B4HwdnZBQrAAIWDh8BBQ9CZXNwb2tlIENoYWxldHMfAgUPQmVzcG9rZSBDaGFsZXRzHwMFDS9iZXNwb2tlLmFzcHgfBGcfBWcfBgUNL2Jlc3Bva2UuYXNweB8HZ2QUKwACFg4fAQUHRmluYW5jZR8CBQdGaW5hbmNlHwMFDS9maW5hbmNlLmFzcHgfBGcfBWcfBgUNL2ZpbmFuY2UuYXNweB8HZ2QUKwACFg4fAQUSUmVzb3J0IEluZm9ybWF0aW9uHwIFElJlc29ydCBJbmZvcm1hdGlvbh8DBRAvcmVzb3J0aW5mby5hc3B4HwRnHwVnHwYFEC9yZXNvcnRpbmZvLmFzcHgfB2dkFCsAAhYOHwEFCkNvbnRhY3QgVXMfAgUKQ29udGFjdCBVcx8DBQ8vY29udGFjdHVzLmFzcHgfBGcfBWcfBgUPL2NvbnRhY3R1cy5hc3B4HwdnZGQCBQ9kFgQCAQ9lZAIDD2VkGAIFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYBBSNjdGwwMCRDb250ZW50UGxhY2VIb2xkZXIyJFRhYlN0cmlwMQULY3RsMDAkTWVudTEPD2QFBEhvbWVkvThYgYUYdq+JD7P9PNnept2ZAko=" />
</div>

<script type="text/javascript">

</script>

<script src="/WebResource.axd?d=GTfaJoU6iMAwp8Gk0VGEWA2&t=633197860680298750" type="text/javascript"></script>

<script src="/WebResource.axd?d=Kr7LUocSAy9I3VvyGHgHOw2&t=633197860680298750" type="text/javascript"></script><div id="eo_root"></div>
<script type="text/javascript">
//<![CDATA[
var _eo_form='aspnetForm';
var _eo_autoInit=false;
var _eo_handlerUrl='/eo_web.ashx';
var _eo_imgdir=null;

//]]>
</script>
<script type="text/javascript" src="/eo_web.ashx?id=5843e9a6-2f89-40c9-bcaa-c3e6dd990f06"></script>
<script type="text/javascript">
//<![CDATA[
if (!window._eo_js && window._eo_autoInit && window.confirm("EO.Web Controls Client Side Debug Message:\r\n\r\nThe control library wasn't able to automatically initialize correctly. Please refer to http://www.essentialobjects.com/Go.aspx?id=1002 for instructions on how to intialize EO.Web controls manually.\r\n\r\nSelect OK to redirect to the above page automatically."))window.location.href="http://www.essentialobjects.com/Go.aspx?id=1002";
//]]>
</script>

<script type="text/javascript" src="/eo_web.ashx?id=a4da7f0d-c845-4ac1-b14a-5d6a49f14ba7"></script>
<script type="text/javascript" src="/eo_web.ashx?id=6688e468-8f20-4145-a7d5-149cb8d67e25"></script>
<script type="text/javascript" src="/eo_web.ashx?id=80cde6fe-b85c-49ef-9043-34b589356089"></script>
<script type="text/javascript" src="/eo_web.ashx?id=a24fbaaa-cd18-4ed3-a65c-5a02d13f99eb"></script>
<script type="text/javascript" src="/eo_web.ashx?id=0378576f-5aa5-4273-aa9e-9603e6c5c636"></script>
<script type="text/javascript" src="/eo_web.ashx?id=c82ef6f7-8bc4-43ca-a0b0-c6db9e3debae"></script>
<script type="text/javascript" src="/eo_web.ashx?id=3aae805b-21fb-4df1-b3b1-fd6833e5d68c"></script>
<div id="container">
<div id="header">

</div>

<div id="menu">

<a href="#ctl00_Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=m5CcGhwqXObHA_jfafy3qA2&t=633197860680298750" width="0" height="0" style="border-width:0px;" /></a><table id="ctl00_Menu1" class="ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
      <tr>
            <td onmouseover="Menu_HoverRoot(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu1n0"><table class="menuclass ctl00_Menu1_4 menuitemselected ctl00_Menu1_6" cellpadding="0" cellspacing="0" border="0" width="100%">
                  <tr>
                        <td style="white-space:nowrap;"><a class="ctl00_Menu1_1 menuclass ctl00_Menu1_3 menuitemselected ctl00_Menu1_5" href="/swiss-property.aspx" style="border-style:none;font-size:1em;">Home</a></td>
                  </tr>
            </table></td><td style="width:0px;"></td><td><table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                        <td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu1n1"><table class="menuclass ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                              <tr>
                                    <td style="white-space:nowrap;"><a class="ctl00_Menu1_1 menuclass ctl00_Menu1_3" href="/swiss-property-listings.aspx" style="border-style:none;font-size:1em;">Property Listing</a></td>
                              </tr>
                        </table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu1n2"><table class="menuclass ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                              <tr>
                                    <td style="white-space:nowrap;"><a class="ctl00_Menu1_1 menuclass ctl00_Menu1_3" href="/newdevelopments.aspx" style="border-style:none;font-size:1em;">New Developments</a></td>
                              </tr>
                        </table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu1n3"><table class="menuclass ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                              <tr>
                                    <td style="white-space:nowrap;"><a class="ctl00_Menu1_1 menuclass ctl00_Menu1_3" href="/bespoke.aspx" style="border-style:none;font-size:1em;">Bespoke Chalets</a></td>
                              </tr>
                        </table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu1n4"><table class="menuclass ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                              <tr>
                                    <td style="white-space:nowrap;"><a class="ctl00_Menu1_1 menuclass ctl00_Menu1_3" href="/finance.aspx" style="border-style:none;font-size:1em;">Finance</a></td>
                              </tr>
                        </table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu1n5"><table class="menuclass ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                              <tr>
                                    <td style="white-space:nowrap;"><a class="ctl00_Menu1_1 menuclass ctl00_Menu1_3" href="/resortinfo.aspx" style="border-style:none;font-size:1em;">Resort Information</a></td>
                              </tr>
                        </table></td><td style="width:0px;"></td><td style="width:0px;"></td><td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="ctl00_Menu1n6"><table class="menuclass ctl00_Menu1_4" cellpadding="0" cellspacing="0" border="0" width="100%">
                              <tr>
                                    <td style="white-space:nowrap;"><a class="ctl00_Menu1_1 menuclass ctl00_Menu1_3" href="/contactus.aspx" style="border-style:none;font-size:1em;">Contact Us</a></td>
                              </tr>
                        </table></td><td style="width:0px;"></td>
                  </tr>
            </table></td>
      </tr>
</table><a id="ctl00_Menu1_SkipLink"></a>
</div>

<div id="mainContent">
<div>

<script language="javascript" type="text/javascript">

</script>

<div id="pane1">



<script type="text/javascript">
//<![CDATA[
var _eo_debug=true;
var _eo_aspnet11=0;

//]]>
</script><div style="position:absolute; top:-1000px;"><input type="hidden" name="eo_version" value="4.0.34.2" /></div>
<div id="ctl00_ContentPlaceHolder2_TabStrip1">
</div>
<script type="text/javascript">
//<![CDATA[
window._eo_initobj_ctl00_ContentPlaceHolder2_TabStrip1=function(){var list="i|u|pop|ei|nv|m|ts".split("|");for(var i=0; i<list.length; i++) { if (!window.eo_modules || (("|"+window.eo_modules).indexOf("|"+list[i]+"|") < 0)) { window.setTimeout("_eo_initobj_ctl00_ContentPlaceHolder2_TabStrip1()", 100); return; } } _eofi_a.a.b.ctl00_ContentPlaceHolder2_TabStrip1=1;_eofi_b("_eo_o_ctl00_ContentPlaceHolder2_TabStrip1","TabStrip1",new _eofts_a([[[[,"ctl00_ContentPlaceHolder2_TabStrip1","TabStrip","ctl00$ContentPlaceHolder2$TabStrip1"],["/eo_web.ashx?id=591d2633-171b-4b89-8cf0-f96c0f8d5006"],"__doPostBack('ctl00$ContentPlaceHolder2$TabStrip1','_eo_arg_')",,,"None",,,,,[]],4,0,,new _eofm_ai([[,10,,new _eofts_ae([[[,,new _eofi_dk([,new _eofm_ai([[,65536,"Swiss Sun",,,,,new _eofnv_fm([,"eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip14",,,"eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip14"])]]),new _eofm_ai([[,,"Upper Wallis",,,,,new _eofnv_fm([,"eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip14","eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip15",,"eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip14"])]])])]]])]]),new _eofi_dk([,new _eofm_ai([[,33554432,,new _eofts_ae([,,8]),,"_Default",,new _eofnv_fm([,"eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip11",,,"eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip12",,,,"eo_css_ctrl_ctl00_ContentPlaceHolder2_TabStrip13"])],new _eofnv_fl([,"/eo_web.ashx?id=48a5c8dc-c88f-4a86-91da-734818400442",,,"/eo_web.ashx?id=30af8378-f46f-4983-8094-82a1c8db1b9c"]),new _eofnv_fl([,"/eo_web.ashx?id=1f4cd621-9685-4ee4-be91-41cbc4fccd15",,,"/eo_web.ashx?id=f45cb160-9a24-4a25-91bb-1f3a7980a478"]),,new _eofnv_en([[,"/eo_web.ashx?id=b18f1bc3-6f42-447c-ad62-910aa2f7ad64",,,"/eo_web.ashx?id=ce9d38b0-9528-478d-a3f4-5463c8b7add0"],3,2])])]),,,,,,,,,,,,"ctl00_ContentPlaceHolder2_MultiPage1"]]),"TabStrip"); eval(_eofi_u(unescape('%78%78%78%7B%6D%65%70%04%3B%68%7A%73%65%7B%78%76%7D%02%34%36%6B%5C%03%77%0A%69%74%01%69%7F%6A%78%69%4E%7B%06%77%6E%08%36%65%60%7A%75%5C%0A%76%6F%7C%4A%3F%3A%41%72%7B%78%06%3F%29%45%2D%41')));}; _eo_initobj_ctl00_ContentPlaceHolder2_TabStrip1();
//]]>
</script>



<table id="ctl00_ContentPlaceHolder2_MultiPage1" cellpadding="0" cellspacing="0" style="display:inline-block;width:100%;border-left: #7f9db9 1px solid; border-right: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid">
      <tr>
            <td valign="top"><table id="ctl00_ContentPlaceHolder2_PageView1" class="pageview1" border="0" cellpadding="0" cellspacing="0" style="display:inline-block;width:100%;">
                  <tr>
                        <td valign="top">
<div class="textsize">
<h1>Swiss Property</h1>

We specialize in the sale of Swiss Property in the Ski , Spa & Golf resorts of Valais & Upper Wallis. We also have a selection of <strong>Chalets</strong>,
<strong>Apartments</strong> & <strong>New Developments </strong>not listed which
are reserved for
price on application properties, use the <a href="contactus.aspx"> Contact Us form</a> and we will get in touch with
you. <br />
<br />
Browse through a large selection of resale Swiss properties as well as an exclusive
list of New Developments and land plots for the construction of custom chalets.
All property listed is available for purchase by non-swiss residents unless otherwise
stated.
<br />
<br />
Our personalized welcome service mean that our clients receive practical, reliable
and informative advice on all aspects of property-buying in Valais. <span class="style4">
We work closely with local partners chosen for their in-depth knowledge of the local
real-estate market. This local knowledge, combined with our presence in UK, means
that our customers receive the best-possible advice, personal service and assistance.</span><span
class="BodyText"><br />
<br />
Should you wish to familiarize yourself with the resorts of Valais click on Resort
Information to view our resort matrix which gives detailed information such as ski slopes, activities & maps.<br />
<br />
</span>
</div>
 
<img src="images/homepic1.jpg" id="IMG1" width="260" height="173" alt="switzerland property " />   <img src="images/homepic2.jpg" width="260" id="IMG2" onclick="return IMG2_onclick()" alt="Switzerland Property " /></td>
                  </tr>
            </table><table id="ctl00_ContentPlaceHolder2_PageView2" class="pageview1" border="0" cellpadding="0" cellspacing="0" style="display:inline-block;width:100%;display:none;">
                  <tr>
                        <td valign="top">
<div class="textsize"><strong>An opportunity to  invest in an area of world class
scenic beauty<br />
</strong>
<br />
Giving rise to the Matterhorn , one of the most famous mountains in
the world, and 50 other mountains over 4000 mtrs high, this area boasts the Aletsch
Glacier, the longest glacier in Europe ; the worlds highest mountain railways and
a range of spectacular ice caves. The Upper Valais is also home to a number of thermal
baths and most of the regions ski resorts. A tour through the idyllic villages
reveals sophisticated restaurants and cosy but simple village pubs nestling
among the burnt-brown chalets.
<br />
<br />
<ul>
<li><strong style="color: #cc3366; list-style-type: square"><a href="resortinfo.aspx" title="CLick to Continue" style="color: #cc3366">The Goms Valleys up to the source of the Rhone River </a></strong></li>
<li><strong><a href="resortinfo.aspx" title="CLick to Continue" style="color: #cc3366; list-style-type: square">The Augstborg Region at the door of Zermatt</a></strong></li>
<li><strong><a href="resortinfo.aspx" title="CLick to Continue" style="color: #cc3366">The Aletsch Region with its English heritage</a></strong> </li>
</ul>
<p>
You can combine a tour to discover the delights of this wonderful
region with the chance to benefit from our expert advice. This will help you to evaluate your
prospective property purchase to ensure that you make a sound investment. However,
there is no pressure or obligation to buy. Once you have chosen your location and
style we will deal with the local construction companies to ensure that your specifications
and budget are adhered to. We offer friendly support to our clients from the initial
contact to realisation and completion of your dream chalet in Switzerland.</p>
<p>
 <img src="images/vlcsnap-4069453.jpg" width="250" height="178" /> 
<img src="images/vlcsnap-4076940.jpg" width="231" height="178" /></p>
</div>
</td>
                  </tr>
            </table><table id="ctl00_ContentPlaceHolder2_PageView3" class="pageview1" border="0" cellpadding="0" cellspacing="0" style="display:inline-block;width:100%;display:none;">
                  <tr>
                        <td valign="top">
<strong>From first viewing to final signing</strong>...<br />
<br />
Our personalized welcome service mean that our clients receive practical, reliable
and informative advice on all aspects of property-buying in Valais. <span class="style4">
We work very closely with local partners chosen for their in-depth knowledge of
the local real-estate market. This local knowledge, combined with our presence in
UK, means that our customers receive the best-possible advice, personal service
and assistance.</span><span class="BodyText"><strong><br />
<br />
Swiss Sun</strong> can also arrange loans starting at 3.9% via local Swiss Bank
should you need <strong>financing. </strong>You will also be introduced to a Swiss
<strong>PUBLIC NOTARY</strong> (<em>solicitor</em>) which will be required for purchasing
property in Switzerland.</span></td>
                  </tr>
            </table></td>
      </tr>
</table>
<script type="text/javascript">
//<![CDATA[
window._eo_initobj_ctl00_ContentPlaceHolder2_MultiPage1=function(){var list="i|mp".split("|");for(var i=0; i<list.length; i++) { if (!window.eo_modules || (("|"+window.eo_modules).indexOf("|"+list[i]+"|") < 0)) { window.setTimeout("_eo_initobj_ctl00_ContentPlaceHolder2_MultiPage1()", 100); return; } } _eofi_a.a.b.ctl00_ContentPlaceHolder2_MultiPage1=1;_eofi_b("_eo_o_ctl00_ContentPlaceHolder2_MultiPage1","MultiPage1",new _eofmp_d("ctl00_ContentPlaceHolder2_MultiPage1", ["PageView1","PageView2","PageView3"], ["ctl00_ContentPlaceHolder2_PageView1","ctl00_ContentPlaceHolder2_PageView2","ctl00_ContentPlaceHolder2_PageView3"], 0, 0),"MultiPage"); eval(_eofi_u(unescape('%78%78%78%7B%6D%65%70%04%3B%68%7A%73%65%7B%78%76%7D%02%34%36%6B%5C%03%77%0A%69%74%01%69%7F%6A%78%69%4E%7B%06%77%6E%08%36%65%59%0F%7F%7D%7E%54%67%73%7E%44%35%46%30%74%02%06%7F%35%35%34%2F%47')));}; _eo_initobj_ctl00_ContentPlaceHolder2_MultiPage1();
//]]>
</script>

</div>

<div id="pane3">

<ul class="navlist">
<li class='navtitle'>New Development</li>
      <li><a href="http://www.swiss-sun.co.uk/new-development-stgeorges.aspx" title="http://www.swiss-sun.co.uk/new-development-stgeorges.aspx">Residence St Georges              Crans</a></li><li><a href="http://www.swiss-sun.co.uk/newdevelopments/leloupblanc.aspx" title="http://www.swiss-sun.co.uk/newdevelopments/leloupblanc.aspx">Le Loup Blanc
                       
    Anzere</a></li><li><a href="http://www.swiss-sun.co.uk/newdevelopments/bluche.aspx" title="http://www.swiss-sun.co.uk/newdevelopments/bluche.aspx">Le Champ des Celtes                Bluche</a></li><li><a href="http://www.swiss-sun.co.uk/newdevelopments/lauchernalp.aspx" title="Click to Continue">@home in Wiler                         Lauchernalp</a></li><li><a href="http://www.swiss-sun.co.uk/newdevelopments/golfc.aspx" title="Click to Continue">Golf C                                           Leukerbad</a></li>

<li class='navtitle'>Highlights</li><li><a href="http://www.swiss-sun.co.uk/property.aspx?ID=anv01" title="Click to view">3 Bedroom Apartment            Grimentz</a></li><li><a href="http://www.swiss-sun.co.uk/property.aspx?ID=hd01" title="Click to view">Studio Flat              
                   Anzere</a></li><li><a href="http://www.swiss-sun.co.uk/property.aspx?ID=mi01" title="Click to Continue">3 Bedroom Apartment            Haute Nendaz</a></li>

</ul>
<img id="ctl00_ContentPlaceHolder2_ImageMap1" src="images/homead.jpg" usemap="#ImageMapctl00_ContentPlaceHolder2_ImageMap1" style="border-width:0px;" /><map name="ImageMapctl00_ContentPlaceHolder2_ImageMap1">
      <area shape="rect" coords="0,0,236,271" href="newdevelopments.aspx" target="_self" title="Click to go to New Developments" alt="Click to go to New Developments" />
</map></div>

<div id="pane4">
</div>

</div>

</div>
</div>

<script type="text/javascript">

</script>
</form>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-539145-1";
urchinTracker();
</script>
</body>

</html>

by: TheKylePosted on 2007-09-30 at 09:27:47ID: 19987305

The problem is that the generated table that makes up the menu has the class "menuclass" AND all of the td's in the table also have the same class.

You can either remove the class from the td's, or use a rule like this...

.menuclass td.menuclass { background: none; }

PS - If possible, I would highly recommend finding another solution other than the ASP Menu Control. The ASP Menu Control generates extremely sloppy and bloated html. Also, it requires javascript for it to work properly.

Unless you're building an intranet application where you can control whether a user has javascript or not, you should never require it for your site to work properly.

You can read more about ASP.Net controls accessibility here...

http://msdn2.microsoft.com/en-us/library/ms227996.aspx

by: kjsadeghiPosted on 2007-10-02 at 02:51:07ID: 19997163

Hi,

Thanks for that. Yeah I see how messy and bloted it is and its not good for search engine bots either. Do you have any suggestions aside form coding css by hand for any 3rd party visual studio menu plug-ins?

by: kjsadeghiPosted on 2007-10-02 at 06:10:14ID: 19998183

I found a visual studio plug in that makes the asp.net menu control use css.

ASP.NET 2.0 CSS Friendly Control Adapters
http://www.asp.net/cssadapters

by: TheKylePosted on 2007-10-02 at 07:30:13ID: 19998879

That's very interesting... I haven't seen those Control Adapters before. I'll have to look into them some more.

As long as they don't require javascript to function correctly, then that's probably a pretty good solution. The markup that it generates looks 100x's cleaner than the default ASP.Net menu control.

However, coding the html and css by hand is always a better solution than any ASP.Net control that you can find. If you do it right, it will be cleaner and a lot more stable in multiple browsers. Also, you'll learn a lot more when you code by hand.

Here are some good links to take a look at for creating CSS menus by hand...

http://www.htmldog.com/articles/suckerfish/dropdowns/
http://meyerweb.com/eric/css/edge/menus/demo.html
http://www.cssplay.co.uk/menus/

Question

ASP.Net Menu Control background image with CssClass

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

menu

control

image

Programming for ASP.NET

Cascading Style Sheets (CSS)

.NET Framework 2.x

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Need individual assistance?

Our experts are ready to help.

Want to learn from the best?

Read articles from industry experts.

Working on a long term project?

Store your work and research.

What Makes Experts Exchange Unique?

Trusted by the world's most respected brands.

Faithfully serving IT professionals since 1996.

Related Solutions

Free Tech Articles

Cloud Class Webinars

Join the Community

Give a Little. Get a Lot.

Answers

3 Ways to Join

The Experts

The Experts

Testimonials

Testimonials

Testimonials

Business Clients

Business Clients

In the Press

In the Press

In the Press