bonnit Posted May 6, 2008 Share Posted May 6, 2008 hi im using a css styled unordered list for my fly out navigation but it is not working just in these browser, is this a know issue and if so is there a quick fix?? it is menu1 in particular that has issues and im using conditional comments to include an ie6 and above css page, ive tried changing the comments to include 5.5 but no avail???navigation css /* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/flyoutt.html"]http://www.cssplay.co.uk/menus/flyoutt.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== *//* common styling */.textright {text-align:right;}.menu { font-family:Verdana, Arial, Helvetica, sans-serif; width:170px; height:340px; position:relative; margin:0px; font-size:11px; font-weight:normal; line-height:normal;}.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; color:#fff; width:170px; height:25px; text-align:left; background:#000; line-height:20px; font-size:11px; border:1px #ffffff;}.menu ul {padding:0; margin:0;list-style-type: none; }.menu ul li {margin-right:1px; position:relative;}.menu ul li ul {display: none;}/* specific to non IE browsers */.menu ul li:hover a {color:#fff; background:#000;}.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:170px;}.menu ul li:hover ul li a.hide {background:#000; color:#fff;}.menu ul li:hover ul li:hover a.hide {width:170px;}.menu ul li:hover ul li ul {display: none;}.menu ul li:hover ul li a {display:block; background:#000; color:#fff; width:170px;}.menu ul li:hover ul li a:hover {background:#000; color:#fff;}.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0; color:#fff;}.menu ul li:hover ul li:hover ul li a {display:block; width:170px; background:#000; color:#fff;}.menu ul li:hover ul li:hover ul li a:hover {background:#000; color:#fff;}/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/dd_valid.html"]http://www.cssplay.co.uk/menus/dd_valid.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== *//* common styling */.menu1 { font-family: Verdana, Arial, Helvetica, sans-serif; width:800px; height:20px; position:relative; font-size:11px; z-index:100;}.menu1 ul li a, .menu1 ul li a:visited { display:block; text-decoration:none; color:#000; width:114px; height:20px; text-align:left; color:#fff; line-height:20px; font-size:11px; overflow:hidden; background-color: #000000;}.menu1 ul {padding:0; margin:0; list-style: none;}.menu1 ul li {float:left; position:relative;}.menu1 ul li ul {display: none;}/* specific to non IE browsers */.menu1 ul li:hover a {color:#fff; background:#000;}.menu1 ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:130px;}.menu1 ul li:hover ul li a.hide {background:#000; color:#fff;}.menu1 ul li:hover ul li:hover a.hide {background:#000; color:#fff;}.menu1 ul li:hover ul li ul {display: none;}.menu1 ul li:hover ul li a {display:block; background:#000; color:#fff;}.menu1 ul li:hover ul li a:hover {background:#000; color:#fff;}.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}.menu1 ul li:hover ul li:hover ul.left {left:-105px;} /* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/flyoutt.html"]http://www.cssplay.co.uk/menus/flyoutt.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== */table {border-collapse:collapse; border:0; margin:0; padding:0;}.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}.menu ul li a:hover ul li a.hide {display:none;}.menu ul li a:hover {color:#fff; background:#000;}.menu ul li a:hover ul {display:block; position:absolute; top:0; left:170px; width:175px;}.menu ul li a:hover ul li a.sub {background-color:#000; background:#000; color:#fff;}.menu ul li a:hover ul li a {display:block; background:#000; color:#fff; width:170px;}.menu ul li a:hover ul li a ul {visibility:hidden;}.menu ul li a:hover ul li a:hover {background:#000; color:#fff;}.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:170px; top:0; color:#fff;}.menu ul li a:hover ul li a:hover ul li a {display:block; width:175px; background:#000; color:#fff;}.menu ul li a:hover ul li a:hover ul li a:hover {background:#000; color:#fff;}/* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at [url="http://www.cssplay.co.uk/menus/dd_valid.html"]http://www.cssplay.co.uk/menus/dd_valid.html[/url]Copyright © 2005-2007 Stu Nicholls. All rights reserved.This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements.=================================================================== */.menu1 ul li a.hide, .menu ul li a:visited.hide {display:none;}.menu1 ul li a:hover ul li a.hide {display:none;}.menu1 ul li a:hover {color:#fff; background:#000;}.menu1 ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:114px;}.menu1 ul li a:hover ul li a.sub {background:#000; color:#fff;}.menu1 ul li a:hover ul li a {display:block; background:#000; color:#fff;}.menu1 ul li a:hover ul li a ul {visibility:hidden;}.menu1 ul li a:hover ul li a:hover {background:#000; color:#fff;}.menu1 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:114px; top:0; color:#000;}.menu1 ul li a:hover ul li a:hover ul.left {left:-114px;} Link to comment Share on other sites More sharing options...
jlhaslip Posted May 7, 2008 Share Posted May 7, 2008 I would suggest you head back to the site you got these from and select one of the IE5/6 compatible flyouts. Link to comment Share on other sites More sharing options...
elementalgrace Posted May 7, 2008 Share Posted May 7, 2008 I would suggest you head back to the site you got these from and select one of the IE5/6 compatible flyouts.For sure. I used one of the CSS play dropdown/flyout menus for a project recently and it worked a treat in IE6 & 7. Only ran into problems when I started fiddling with it Link to comment Share on other sites More sharing options...
bonnit Posted May 10, 2008 Author Share Posted May 10, 2008 For sure. I used one of the CSS play dropdown/flyout menus for a project recently and it worked a treat in IE6 & 7. Only ran into problems when I started fiddling with it cool ill try that...took so long to input info into the menu lol, thanks guys Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.