Hey there, First off, I know about the htc file but I'm still having trouble getting this to work in ie6. I'm on my localhost so in my configure files i have like:
Code:
define('HTTP_SERVER', 'http://169.254.107.215');
In my htaccess I haven't done the redirect because (a) at this stage I think I don't need it (?) and (b) I'm not sure what I'd put in there since this is a localhost.
I did put in the bit so it loads the correct mime type and I'm using css3PIE which also makes use of an htc file and I know it works fine.
I have altered the original code so that I can add a little more detail to my graphics so there's a few divs that are new etc... Here's my code:
Code:
<div id="dropMenuWrapper">
<div id="dropMenu">
<ul class="level1">
<li class="submenu"><div class="catCont"><div class="cats-top">Guinness</div><div class="cats-bottom"> Merchandise</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=8">Guinness Clothes</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=9">Guinness Hats</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=10">Guinness kitchen</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=11">Guinness Magnets & key rings</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=12">Guinness Memorabilia</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=14">The Guinness Golfer</a></li></ul></li><li class="submenu"><div class="catCont"><div class="cats-top">Irish Gifts </div><div class="cats-bottom">& Souvenirs</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=3">Bushmills Merchandise</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=6">Finnians Irish Ornaments</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=16">Irish Novelties & Gift Ideas</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=21">Magnets & Keyrings</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=24">Northern Ireland football</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=26">Teddy Bears & Dolls</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=27">Titanic Gifts</a></li></ul></li><li class="submenu"><div class="catCont"><div class="cats-top">Irish Clothes </div><div class="cats-bottom">& Knitwear</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=1">Aran Wool Knitwear</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=5">Designer Ladies scarves</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=15">Irish & Ulster Rugby Shirts and hats</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=18">Irish Neck Ties</a></li></ul></li><li class="submenu"><div class="catCont"><div class="cats-top">Irish Home </div><div class="cats-bottom">& Decor</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=17">Irish Mugs & Kitchen Ware</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=19">Irish Sculptures & Ornaments </a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=20">Irish Tea Towels</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=23">Mohair Throws</a></li><li>
<a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=25">Picture Frames & Wall Hanging Plaques</a></li></ul></li><li><a href="http://169.254.107.215/blank/index.php?main_page=index&cPath=4"><div class="catCont"><div class="cats-top">Celtic</div><div class="cats-bottom"> Jewelry</div></div><div class="pointer"></div><div class="seperator"></div></a></li>
<li class="submenu"><div class="catCont"><div class="cats-top">Browse by </div><div class="cats-bottom">Price Range</div></div><div class="pointer"></div>
<ul class="level2">
<li><a href="http://169.254.107.215/blank/index.php?main_page=shippinginfo">Shipping Info</a></li>
<li><a href="http://169.254.107.215/blank/index.php?main_page=privacy">Privacy Policy</a></li>
<li><a href="http://169.254.107.215/blank/index.php?main_page=conditions">Conditions of Use</a></li>
<li><a href="http://169.254.107.215/blank/index.php?main_page=FILENAME_ABOUT_US">About Us</a></li>
<li><a href="http://169.254.107.215/blank/index.php?main_page=site_map">Site Map</a></li>
<li><a href="http://169.254.107.215/blank/index.php?main_page=gv_faq">Gift Certificate FAQ</a></li>
<li><a href="http://169.254.107.215/blank/index.php?main_page=discount_coupon">Discout Coupons</a></li>
<li><a href="http://169.254.107.215/blank/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
</ul>
</li>
</ul>
</div>
</div>
And the css:
Code:
body {
behavior: url(includes/csshover.htc);
}
/*green*/
div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}
/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/
/*red
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/
/*grey
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
#dropMenuWrapper {
width:100%;
height:53px;
margin:0;
font-size:11px;
}
div#dropMenu {
width:960px;
margin:0 auto;
z-index:1000;
position:relative;
}
div#dropMenu ul {
margin: 0;
padding: 0;
}
div#dropMenu li {
position: relative;
list-style: none;
margin: 0;
float: left;
line-height: 1em;
}
div#dropMenu ul.level1 {
width:960px;
margin:0 auto;
background-image: url(../images/navbg.gif);
background-repeat:repeat-x;
height:53px;
z-index:1000;
}
.cats-top{font-size:14px;font-weight:bold;color:#babc04;}
.cats-bottom{font-size:14px;font-weight:bold;color:#ffffff;}
.catCont{margin:15px 15px 15px 30px;float:left;}
.pointer{background-image: url(../images/blackPointer.gif);width:13px;height:53px;float:left;margin-right:27px;}
.seperator{background-image: url(../images/navsep.gif);width:2px;height:53px;float:left;}
div#dropMenu li:hover {}
div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block;}
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:13em;}
div#dropMenu li.submenu li.submenu {}
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {top: 53px; background:#4f4f4f;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em; background:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;color: white; text-transform:none;} /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}
Can anyone tell me how I can make this work with IE6? It's been driving me nuts for hours now. (bugger you Gates)
Bookmarks