View Single Post
Old 07-16-2006   #3 (permalink)
sancho
"Enter Random Text Here"
 
sancho's Avatar
 
Join Date: Jun 2005
Location: Handsacre, UK
Posts: 37

Send a message via MSN to sancho Send a message via Skype™ to sancho
Do you have an example URL?
Not sure but i think this is what you want

Code:
<html>
<head>
<style type="text/css">
/**************** menu coding *****************/
#menu {
width: 12em;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="200" border="2" align="center" cellpadding="2" bordercolor="#000000">
  <tr>
    <td><!-- ImageReady Slices (index.psd) -->
      <table id="Table_01" width="876" height="716" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td rowspan="3"><img src="http://forums.biorust.com/images/index_01.jpg" width="195" height="186" alt=""></td>
          <td><img src="http://forums.biorust.com/images/index_02.jpg" width="680" height="93" alt=""></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="93" alt=""></td>
        </tr>
        <tr>
          <td><img src="http://forums.biorust.com/images/index_03.jpg" width="680" height="79" alt=""></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="79" alt=""></td>
        </tr>
        <tr>
          <td rowspan="2"><img src="http://forums.biorust.com/images/index_04.jpg" width="680" height="22" alt=""></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="14" alt=""></td>
        </tr>
        <tr>
          <td rowspan="2"><img src="http://forums.biorust.com/images/index_05.jpg" width="195" height="21" alt=""></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="8" alt=""></td>
        </tr>
        <tr>
          <td rowspan="11">&nbsp;
            <iframe src="MainFrame.htm" name="Main" width="680" height="526" scrolling="auto" frameborder="0"></iframe></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="13" alt=""></td>
        </tr>
        <tr>
          <td><img src="http://forums.biorust.com/images/index_07.jpg" width="195" height="40" alt=""></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="40" alt=""></td>
        </tr>
        <tr>
          <td><div id="menu">
              <ul>
                <li>
                  <ul>
                    <li><a href="#"><strong><img src="/images/index_08.jpg"></img></strong></a>
                      <ul>
                        <li><a href="BoothInfoSNPS.htm">Booth Information</a></li>
                        <li><a href="SpringShowAPP.pdf" target="_new">Show Contract (*download)</a></li>
                        <li><a href="SpecialEventsSNPS.htm">Special Events</a></li>
                        <li><a href="PressReleaseSNPS.htm">Strong Man</a></li>
                        <li><a href="PicturesSNPS.htm">Pictures</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
              <ul>
                <li>
                  <ul>
                    <li><a href="#"><strong><img src="/images/index_09.jpg">T</img></strong></a>
                      <ul>
                        <li><a href="BoothInfoBHGS.htm">Booth Information</a></li>
                        <li><a href="HomeShowAPP.pdf" target="_blank">Show Contract (*download)</a></li>
                        <li><a href="SpecialEventsBHGS.htm">Special Events</a></li>
                        <li><a href="PressReleaseBHGS.htm">Press Release</a></li>
                        <li><a href="DiscountCoupon.htm">Discount Coupon</a></li>
                        <li><a href="PicturesBHGS">Pictures</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
              <ul>
                <li>
                  <ul>
                    <li><a href="#"><strong><img src="/images/index_10.jpg">T</img></strong></a>
                      <ul>
                        <li><a href="BoothInfoWS.htm">Booth Information</a></li>
                        <li><a href="WeddingShowAPP.pdf" target="_blank">Show Contract (*download)</a></li>
                        <li><a href="PicturesWS.htm">Pictures</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
              <ul>
                <li>
                  <ul>
                    <li><a href="#"><strong><img src="/images/index_11.jpg">T</img></strong></a>
                      <ul>
                        <li><a href="BoothInfoFNPS.htm">Booth Information</a></li>
                        <li><a href="FoodShowShowAPP.pdf">Show Contract (*Download)</a></li>
                        <li><a href="SpecialEventsFNPS.htm">Special Events</a></li>
                        <li><a href="PicturesFNPS.htm">Pictures</a></li>
                      </ul>
                    </li>
                    <li><strong><a href="http://www.philtradeexpo.com/"><img src="http://forums.biorust.com/images/index_12.jpg" border="0"></img></a></strong></li>
                  </ul>
                </li>
              </ul>
            </div></td>
        </tr>
        <tr>
          <td><a href="http://www.tarachanel.com" target="_blank"><img src="http://forums.biorust.com/images/index_13.jpg" alt="" width="195" height="41" border="0"></a></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="41" alt=""></td>
        </tr>
        <tr>
          <td><a href="OOTExhibitors.htm" target="Main"><img src="http://forums.biorust.com/images/index_14.jpg" alt="" width="195" height="33" border="0"></a></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="33" alt=""></td>
        </tr>
        <tr>
          <td><a href="Questionnaire.htm" target="Main"><img src="http://forums.biorust.com/images/index_15.jpg" alt="" width="195" height="28" border="0"></a></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="28" alt=""></td>
        </tr>
        <tr>
          <td><a href="ContactUs.htm" target="Main"><img src="http://forums.biorust.com/images/index_16.jpg" alt="" width="195" height="40" border="0"></a></td>
          <td><img src="http://forums.biorust.com/images/spacer.gif" width="1" height="40" alt=""></td>
        </tr>
      </table>
      <!-- End ImageReady Slices --></td>
  </tr>
</table>
</body>
</html>
</body>
</html>
You can see it at http://iamsancho.co.uk/test/test.php
You will also need http://iamsancho.co.uk/test/csshover.htc
__________________

Portfolio: www.simonmclaughlin.co.uk
Cheap UK hosting: www.qubithosting.com
sancho is offline