Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

ASP.Net Menu Control background image with CssClass

Posted on 2007-09-29
8
Medium Priority
?
6,105 Views
Last Modified: 2013-11-07
Hi,
Trying to place a backround image for StaticMenuItemStyle, StaticHoverStyle & StaticSelectedStyle by using the CssClass property.

When I specify a backround image in a CssClass it shows up but it appears as if the text of the menu item inherits this backround property as well. So I end up with one backround image for the menuitem box and a squashed version of the backround image behind the text.
0
Comment
Question by:kjsadeghi
  • 4
  • 4
8 Comments
 
LVL 6

Expert Comment

by:TheKyle
ID: 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.
0
 

Author Comment

by:kjsadeghi
ID: 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;
}
0
 
LVL 6

Expert Comment

by:TheKyle
ID: 19984923
Can you do a "view source" on your web page and copy and paste the generated html for your menu here?
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:kjsadeghi
ID: 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">
<!--
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
// -->
</script>


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


<script src="/WebResource.axd?d=Kr7LUocSAy9I3VvyGHgHOw2&amp;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">
  <!-- end #header -->
      </div>
 
  <div id="menu">
     
      <a href="#ctl00_Menu1_SkipLink"><img alt="Skip Navigation Links" src="/WebResource.axd?d=m5CcGhwqXObHA_jfafy3qA2&amp;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">
       
<!-- Begin EO.Web TabStrip TabStrip1.  -->

<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>

<!-- End EO.Web TabStrip TabStrip1.  -->

        <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 &amp; Golf resorts of Valais &amp; Upper Wallis. We also have a selection of <strong>Chalets</strong>,
                   <strong>Apartments</strong> &amp; <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.&nbsp;<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 &amp; maps.<br />
                           <br />
                       </span>
               </div>
                &nbsp;
                <img src="images/homepic1.jpg" id="IMG1" width="260" height="173" alt="switzerland property " />&nbsp; &nbsp;<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&nbsp; 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>
                         &nbsp;<img src="images/vlcsnap-4069453.jpg" width="250" height="178" />&nbsp;
                         <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 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;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
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        &nbsp; &nbsp; 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 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Bluche</a></li><li><a href="http://www.swiss-sun.co.uk/newdevelopments/lauchernalp.aspx" title="Click to Continue">@home in Wiler&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp;Lauchernalp</a></li><li><a href="http://www.swiss-sun.co.uk/newdevelopments/golfc.aspx" title="Click to Continue">Golf C&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;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 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Grimentz</a></li><li><a href="http://www.swiss-sun.co.uk/property.aspx?ID=hd01" title="Click to view">Studio Flat &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Anzere</a></li><li><a href="http://www.swiss-sun.co.uk/property.aspx?ID=mi01" title="Click to Continue">3 Bedroom Apartment &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;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>
   
<!-- end #mainContent --></div>
<!-- end #container --></div>


<script type="text/javascript">
<!--
var ctl00_Menu1_Data = new Object();
ctl00_Menu1_Data.disappearAfter = 500;
ctl00_Menu1_Data.horizontalOffset = 0;
ctl00_Menu1_Data.verticalOffset = 0;
ctl00_Menu1_Data.staticHoverClass = 'ctl00_Menu1_8 menuitemhover';
ctl00_Menu1_Data.staticHoverHyperLinkClass = 'ctl00_Menu1_7 menuitemhover';
// -->
</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>
0
 
LVL 6

Accepted Solution

by:
TheKyle earned 2000 total points
ID: 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
0
 

Author Comment

by:kjsadeghi
ID: 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?
0
 

Author Comment

by:kjsadeghi
ID: 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

0
 
LVL 6

Expert Comment

by:TheKyle
ID: 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/
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A long time ago (May 2011), I have written an article showing you how to create a DLL using Visual Studio 2005 to be hosted in SQL Server 2005. That was valid at that time and it is still valid if you are still using these versions. You can still re…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses
Course of the Month10 days, 12 hours left to enroll

572 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question