WebsiteBaker Community Forum
WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: heavenchun83 on January 15, 2009, 10:33:00 AM
-
I was using drop down menu code at allcss2 template.But it was working fine at firefox 3 and IE 7.But the menu is not working at IE 5 and IE 6.
You can try my website as following:
http://sabs.org.my
Regards,
Wallace
-
And with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?
Good luck.
erpe
-
And with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?
:-D
All right, but there is nothing wrong if one consider to make the page accessible for IE6 users (still a large amount of people using it - depending on age and interests).
@heavenchun83
Did it work with IE6 with the default (untouched) allcss2 Template?
If so, did you cut-off some of the code?
Please take a look again on it.
Stefek
Om mani padme hum
-
Dear Stefek,
This is what i copy at allcss2 template and also css code at editor.css.But i not able 100% test it because my office and my home use IE7 and firefox 3 only. :cry:
<div id="navContainer">
<div id="nav" class="clearfix">
<?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_ALL, false, "\n</li>", false, false, false, '<ul id="header_menu" class="menu">'); ?><br />
</div><!-- end nav -->
</div><!-- end navContainer -->
<div id="contentContainer">
#navContainer {width: auto;display:block;clear:both;}
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~ */
ul.menu, li.menu {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#nav {
height: 1.68em;
background: #666;
border-top: 1px solid #333;
border-bottom: 1px solid #ccc;
}
#nav ul {list-style-type: none; margin: 0; padding: 0; font-size: 81%; text-transform: uppercase;width:auto;white-space:normal;}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {display: block; background: #666; padding: 5px 10px; padding-bottom: 4px; border-left: 1px solid #000; border-right: 1px solid #000; color: #fff; text-decoration: none;}
#nav ul li a:hover, #nav li a:focus {background: #d1d2d4; border-color: #fff; color: #4b4c4d;}
#nav li a:active, #nav ul li a.active {background: #d1d2d4; border-color: #fff; color: #4b4c4d;}
/* Header menu */
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
#header_menu ul {z-index: 10; clear: both;}
/* Current page Customisations*/
#nav li.menu-current a {background: #000; color: #fff; border-bottom: 1px solid #000;}
#nav li.menu-current a {font-weight: bold;}
/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 1px solid #000; border-top: 0; font-size: 100%;}
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}
#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #4b4c4d; color: #fff; border: 0;}
/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #4b4c4d; background: #f0f0f0; border: 0;}
/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}
/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a { width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }
/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul ul {
position: absolute;
top: 1px;
left: 100%;
}
/* end menu */
Regards,
Wallace
And with Netscape 3.0 und IE 4 with OS windows 3.1 for workgroups?
:-D
All right, but there is nothing wrong if one consider to make the page accessible for IE6 users (still a large amount of people using it - depending on age and interests).
@heavenchun83
Did it work with IE6 with the default (untouched) allcss2 Template?
If so, did you cut-off some of the code?
Please take a look again on it.
Stefek
Om mani padme hum
-
I see.
So, if you're not able to check the site in IE6 by yourself it's really difficult to optimize for it.
Try this:
http://tredosoft.com/Multiple_IE
Regards,
Stefek
-
hi,
a more simple solution to test is there
http://www.my-debugbar.com/wiki/IETester/HomePage (http://www.my-debugbar.com/wiki/IETester/HomePage)
-
After spend one day to find out the solution,i success got the solution.If your are using drop down menu at allcss2 template,please copy following code to your template index.php between <head> and </head>
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
}
#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]-->
After copy and paste the code,download following file and copy to your main root(e.g:www.example.com/csshover.htc).
http://1st.my/download/csshover.htc (http://1st.my/download/csshover.htc)
For more detail,refer at here.
http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
-
Great.
Glad that you find the solution by yourself.
Thanks for sharing.
Did the Multiple-IE help you with the developement?
Regards,
Stefek
-
Dear Stefek,
Yes,it was help a lot.Thanks a lot.Your guys at WebsiteBaker is awesome....
Regards,
Wallace Goh
Great.
Glad that you find the solution by yourself.
Thanks for sharing.
Did the Multiple-IE help you with the developement?
Regards,
Stefek