my menus drop down was not work in IE browser!! please help me !! i don't very well in CSS, corresponding css codings are copied in another site !! i m not coded, but modified myself style of code. Please find out my error and fix my error ASAP!!!
Help Me!!! I am new one !!!
Note : I have attached in Error - Coding files (include HTML, CSS & images)
/* HTML code */
<html> <head> <meta http-equiv=\"content-type\" content=\"text/html;charset=iso-8859-1\"> <link href=\"css/style.css\" rel=\"stylesheet\" type=\"text/css\"> <title>Sample Drop Down files</title> </head> <body leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" topmargin=\"0\"> <div style=\"width:930px\"> <ul id=\"topnav\"> <li class=\"nav_about\"> <a href=\"#\" class=\"nav_item\"><span>About Us</span></a> <div class=\"menu\"> <ul class=\"sub_nav\"> <li><a href=\"#\">Who we are </a></li> <li><a href=\"#\">What we do </a></li> <li><a href=\"#\">Where we are </a></li> </ul> </div> </li> <li class=\"nav_program\"> <a href=\"#\" class=\"nav_item\"><span>Programs </span></a> <div class=\"menu\"> <ul class=\"sub_nav\"> <li><a href=\"#\">Children's Home </a></li> <li><a href=\"#\">Future Projects </a></li> <li><a href=\"#\">Newsletter </a></li> </ul> </div> </li> <li class=\"nav_com\"> <a href=\"#\" class=\"nav_item\"><span>Community </span></a> </li> <li class=\"nav_photo\"> <a href=\"#\" class=\"nav_item\"><span>Photo Gallery </span></a> <div class=\"menu\"> <ul class=\"sub_nav\"> <li><a href=\"#\">Photo Album One </a></li> <li><a href=\"#\">Photo Album Two </a></li> </ul> </div> </li> <li class=\"nav_contact\"> <a href=\"#\" class=\"nav_item\"><span>Contact Us </span></a> </li> <li class=\"nav_donate\"> <a href=\"#\" class=\"nav_item\"><span>Doante </span></a> </li> </ul> </div> </body> </html>
/* CSS Code */
/* dflt */
html, body {font-family:\"Lucida Sans Unicode\",\"Lucida Grande\",Verdana,Arial,Helvetica,sans-serif;}
/* menu */
ul#topnav {height:40px; margin:0; padding:0; top:auto; left:auto; position:absolute;} ul#topnav li {float:left; list-style-type:none; background-image:url(../images/but_all_bg.jpg);} ul#topnav li a {display:block; text-decoration:none; } ul#topnav li a:link {text-decoration:none;} ul#topnav li a:visited {text-decoration:none;} ul#topnav li a:hover {text-decoration:none;} ul#topnav li a:active {text-decoration:none;}
my menus drop down was not work in IE browser!! please help me !! i don't very well in CSS, corresponding css codings are copied in another site !! i m not coded, but modified myself style of code. Please find out my error and fix my error ASAP!!!
Help Me!!! I am new one !!!
Note : I have attached in Error - Coding files (include HTML, CSS & images)
asking us to fix your problem ASAP!!! probably wont help you getting the help you want. Asking nicely probably will get you quicker help, and more help.
<html> <head> <meta http-equiv=\"content-type\" content=\"text/html;charset=iso-8859-1\"> <link href=\"css/style.css\" rel=\"stylesheet\" type=\"text/css\"> <title>Sample Drop Down files</title> </head> <body leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" topmargin=\"0\"> <div style=\"width:930px\"> <ul id=\"topnav\"> <li class=\"nav_about\"> <a href=\"#\" class=\"nav_item\"><span>About Us</span></a> <div class=\"menu\"> <ul class=\"sub_nav\"> <li><a href=\"#\">Who we are </a></li> <li><a href=\"#\">What we do </a></li> <li><a href=\"#\">Where we are </a></li> </ul> </div> </li> <li class=\"nav_program\"> <a href=\"#\" class=\"nav_item\"><span>Programs </span></a> <div class=\"menu\"> <ul class=\"sub_nav\"> <li><a href=\"#\">Children's Home </a></li> <li><a href=\"#\">Future Projects </a></li> <li><a href=\"#\">Newsletter </a></li> </ul> </div> </li> <li class=\"nav_com\"> <a href=\"#\" class=\"nav_item\"><span>Community </span></a> </li> <li class=\"nav_photo\"> <a href=\"#\" class=\"nav_item\"><span>Photo Gallery </span></a> <div class=\"menu\"> <ul class=\"sub_nav\"> <li><a href=\"#\">Photo Album One </a></li> <li><a href=\"#\">Photo Album Two </a></li> </ul> </div> </li> <li class=\"nav_contact\"> <a href=\"#\" class=\"nav_item\"><span>Contact Us </span></a> </li> <li class=\"nav_donate\"> <a href=\"#\" class=\"nav_item\"><span>Doante </span></a> </li> </ul> </div> </body> </html>
CSS code
html, body {font-family:\"Lucida Sans Unicode\",\"Lucida Grande\",Verdana,Arial,Helvetica,sans-serif;}
/* menu */
ul#topnav {height:40px; margin:0; padding:0; top:auto; left:auto; position:absolute;} ul#topnav li {float:left; list-style-type:none; background-image:url(../images/but_all_bg.jpg);} ul#topnav li a {display:block; text-decoration:none; } ul#topnav li a:link {text-decoration:none;} ul#topnav li a:visited {text-decoration:none;} ul#topnav li a:hover {text-decoration:none;} ul#topnav li a:active {text-decoration:none;}
you never explained your problem, all your asking for is us to fix your "problem" ASAP, how can someone fix something when they don't know what is broke.
but you dont have drop downs at all, you have, however, un-ordered list items
my menus drop down was not work in IE browser!! please help me !! i don't very well in CSS, corresponding css codings are copied in another site !! i m not coded, but modified myself style of code. Please find out my error and fix my error ASAP!!!
Help Me!!! I am new one !!!
Note :
I have attached in Error - Coding files (include HTML, CSS & images)
/* HTML code */
/* CSS Code */
asking us to fix your problem ASAP!!! probably wont help you getting the help you want. Asking nicely probably will get you quicker help, and more help.
in your HTML have you got:
links to the site would also help, as we can then test in our browsers, to see exactly what you mean
HTML code
CSS code
html, body {font-family:\"Lucida Sans Unicode\",\"Lucida Grande\",Verdana,Arial,Helvetica,sans-serif;}
/* menu */
ul#topnav {height:40px; margin:0; padding:0; top:auto; left:auto; position:absolute;}
ul#topnav li {float:left; list-style-type:none; background-image:url(../images/but_all_bg.jpg);}
ul#topnav li a {display:block; text-decoration:none; }
ul#topnav li a:link {text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {text-decoration:none;}
ul#topnav li a:active {text-decoration:none;}
ul#topnav .menu {top:40px; position:absolute; background:url(../images/bg_subnav.jpg) repeat-x bottom left #0050A0; padding:4px 0 12px 10px;}
ul#topnav .menu ul.sub_nav {float:left;}
ul#topnav .menu ul.sub_nav {margin:0 10px 0 0; padding:0; width:130px;}
ul#topnav .menu ul.sub_nav li {float:none; background-image:none;}
ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {font-size:12px; font-weight:normal; line-height:1.3em; color:#fff; text-decoration:none; padding:4px 6px; height:100%; background-color:transparent;}
ul#topnav .menu ul.sub_nav li a:hover {color:#fff; text-decoration: none; background-color:#AF1400; }
ul#topnav .menu ul.sub_nav li a:active {color:#fff; text-decoration: none; background-color:transparent;}
ul#topnav li .menu {display:none;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px;; height:1%;}
ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
li.nav_about {background-position:0px 0px;}
li.nav_about:hover, li.nav_about_over {background-position:-0px -80px;}
li.nav_about a.nav_item, li.nav_about_over a.nav_item {width:140px; height:40px;}
li.nav_about .menu {left:0; min-width:160px}
li.nav_program {background-position:-141px 0;}
li.nav_program:hover, li.nav_program_over {background-position:-141px -80px;}
li.nav_program a.nav_item, li.nav_program_over a.nav_item {width:145px; height:40px;}
li.nav_program div.menu {left:141px; min-width:160px}
li.nav_com {background-position:-286px 0;}
li.nav_com:hover, li.nav_com_over {background-position:-286px -80px;}
li.nav_com a.nav_item, li.nav_com_over a.nav_item {width:145px; height:40px;}
li.nav_com div.menu {left:286px; min-width:160px}
li.nav_photo {background-position:-431px 0;}
li.nav_photo:hover, li.nav_photo_over {background-position:-431px -80px;;}
li.nav_photo a.nav_item, li.nav_photo_over a.nav_item {width:155px; height:40px;}
li.nav_photo div.menu {left:431px; min-width:160px}
li.nav_contact {background-position:-586px 0;}
li.nav_contact:hover, li.nav_contact_over {background-position:-586px -80px;;}
li.nav_contact a.nav_item, li.nav_contact_over a.nav_item {width:145px; height:40px;}
li.nav_contact div.menu {right:586px; min-width:160px}
li.nav_donate {background-position:-731px 0;}
li.nav_donate:hover, li.nav_donate_over {background-position:-731px -80px;;}
li.nav_donate a.nav_item, li.nav_donate_over a.nav_item {width:200px; height:40px;}
help with what?
you never explained your problem, all your asking for is us to fix your "problem" ASAP, how can someone fix something when they don't know what is broke.
but you dont have drop downs at all, you have, however, un-ordered list items
which IE?
and it seems to work in IE6, 7, & 8 on my machine working with your code
I think your looking for a CSS drop down on hover menu system?
http://www.cssplay.co.uk/menus/