We help IT Professionals succeed at work.

ASP.Net Menu Control background image with CssClass

kjsadeghi
kjsadeghi asked
on
6,237 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.
Comment
Watch Question

Commented:
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.

Author

Commented:
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;
}

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

Author

Commented:
<!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>
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
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?

Author

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

Commented:
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/

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.