- <style type="text/css">
-
/* Root = Horizontal, Secondary = Vertical */
-
ul#navmenu-h {
-
margin: 0;
-
border: 0 none;
-
padding: 0;
-
width: 600px; /*For KHTML*/
-
list-style: none;
-
}
-
-
ul#navmenu-h li {
-
margin: 0;
-
border: 0 none;
-
padding: 0;
-
float: left; /*For Gecko*/
-
display: inline;
-
list-style: none;
-
position: relative;
-
width: 185px;
-
-
}
-
-
-
ul#navmenu-h ul {
-
margin: 0;
-
border: 0 none;
-
padding: 0;
-
width: 600px;
-
list-style: none;
-
display: none;
-
position: absolute;
-
top: 24px;
-
left: 0;
-
-
}
-
-
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
-
clear: both;
-
display: block;
-
font: 1px/0px serif;
-
content: ".";
-
height: 0;
-
visibility: hidden;
-
}
-
-
ul#navmenu-h ul li {
-
width: 300px;
-
-
float: left; /*For IE 7 lack of compliance*/
-
display: block !important;
-
display: inline; /*For IE*/
-
}
-
-
/* Root Menu */
-
ul#navmenu-h a {
-
border: 1px solid #FFF;
-
border-right-color: #D6C7A7;
-
border-bottom-color: #D6C7A7;
-
text-align:left;
-
padding: 0 6px;
-
float: none !important; /*For Opera*/
-
float: left; /*For IE*/
-
display: block;
-
background: #F1ECE1;
-
color: #666;
-
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
-
text-decoration: none;
-
height: auto !important;
-
height: 1%; /*For IE*/
-
}
-
-
/* Root Menu Hover Persistence */
-
ul#navmenu-h a:hover,
-
ul#navmenu-h li:hover a,
-
ul#navmenu-h li.iehover a {
-
background: #D6C7A7;
-
color: #FFF;
-
text-align:left;
-
-
}
-
-
/* 2nd Menu */
-
ul#navmenu-h li:hover li a,
-
ul#navmenu-h li.iehover li a {
-
float: none;
-
background: #F1ECE1;
-
color: #666;
-
-
-
-
}
-
-
/* 2nd Menu Hover Persistence */
-
ul#navmenu-h li:hover li a:hover,
-
ul#navmenu-h li:hover li:hover a,
-
ul#navmenu-h li.iehover li a:hover,
-
ul#navmenu-h li.iehover li.iehover a {
-
background: #D6C7A7;
-
color: #FFF;
-
}
-
-
/* 3rd Menu */
-
ul#navmenu-h li:hover li:hover li a,
-
ul#navmenu-h li.iehover li.iehover li a {
-
background: #F1ECE1;
-
color: #666;
-
}
-
-
/* 3rd Menu Hover Persistence */
-
ul#navmenu-h li:hover li:hover li a:hover,
-
ul#navmenu-h li:hover li:hover li:hover a,
-
ul#navmenu-h li.iehover li.iehover li a:hover,
-
ul#navmenu-h li.iehover li.iehover li.iehover a {
-
background: #D6C7A7;
-
color: #FFF;
-
}
-
-
/* 4th Menu */
-
ul#navmenu-h li:hover li:hover li:hover li a,
-
ul#navmenu-h li.iehover li.iehover li.iehover li a {
-
background: #F1ECE1;
-
color: #666;
-
}
-
-
/* 4th Menu Hover */
-
ul#navmenu-h li:hover li:hover li:hover li a:hover,
-
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
-
background: #D6C7A7;
-
color: #FFF;
-
}
-
-
ul#navmenu-h ul ul,
-
ul#navmenu-h ul ul ul {
-
display: none;
-
position: absolute;
-
top: 0;
-
left: 160px;
-
}
-
-
/* Do Not Move - Must Come Before display:block for Gecko */
-
ul#navmenu-h li:hover ul ul,
-
ul#navmenu-h li:hover ul ul ul,
-
ul#navmenu-h li.iehover ul ul,
-
ul#navmenu-h li.iehover ul ul ul {
-
display: none;
-
}
-
-
ul#navmenu-h li:hover ul,
-
ul#navmenu-h ul li:hover ul,
-
ul#navmenu-h ul ul li:hover ul,
-
ul#navmenu-h li.iehover ul,
-
ul#navmenu-h ul li.iehover ul,
-
ul#navmenu-h ul ul li.iehover ul {
-
display: block;
-
}
-
-
</style>
-
-
<script type="text/javascript">
-
navHover = function() {
-
var lis = document.getElementById("navmenu-h").getElementsByTagName("LI");
-
for (var i=0; i<lis.length; i++) {
-
lis[i].onmouseover=function() {
-
this.className+=" iehover";
-
}
-
lis[i].onmouseout=function() {
-
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
-
}
-
}
-
}
-
if (window.attachEvent) window.attachEvent("onload", navHover);</script>
-
-
-
-
<table width="100%" border="0" cellspacing="0" cellpadding="0">
-
<tr>
-
<td align="center" valign="top"> <ul id="navmenu-h">
-
-
<li><a href="#"> home »</a>
-
<ul> <li><a href="#">abc</a>
-
-
<a href="#">pqr</a>
-
<a href="#">Top REVIEW sites »</a>
-
-
</li>
-
</li>
-
-
</ul>
-
</li>
-
-
</ul></td>
-
</tr>
-
<tr>
-
<td align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
-
<tr>
-
<td width="20%" align="left" valign="top"> </td>
-
<td width="80%" align="left" valign="top"><form name="form1" method="post" action="">
-
-
-
</form>
-
</td>
-
</tr>
-
</table></td>
-
</tr>
-
<tr>
-
<td align="center" valign="top"> </td>
-
</tr>
-
</table>
1 2323
What problem are you having, what browser are you having it in, what have you tried to do to fix it. Please remember to give information about the problem when posting questions.
The links in your sub menu each need to be in their own list element. - <li><a href="#"> home »</a>
-
<ul>
-
<li><a href="#">abc</a></li>
-
<li><a href="#">pqr</a></li>
-
<li><a href="#">Top REVIEW sites »</a></li>
-
-
</li>
-
-
</ul>
-
</li>
This does create a positioning issue, but I don't have time to look at it right now.
Thanks, Death
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Haines Brown |
last post by:
I've implemented the horizontal drop down menu discussed recently in
this newsgroup, and it works nicely under Galeon and Mozilla, but
not IE 5.0.
Here are the problems:
Under IE 5.0, the...
|
by: hemanth.singamsetty |
last post by:
Hello there,
I've a drop down menu (created using CSS & Javascript -- see code
below).
My problem is, whenever I click a link on the menu
the new page replaces the current page (and the menu...
|
by: Empire City |
last post by:
Regarding the top menu 'Home Consulting Download' menu at
http://www.4birckhead.com
Is that drop-down menu done using the techniques explained at:
...
|
by: phpnewb |
last post by:
Hi, I know i'm doing it wrong, but I'm using a while loop right now to create several instances of a drop down menu. It gives me undesirable results. Can you tell me the right way to do it. Below are...
|
by: OonaghG |
last post by:
I have got a basic drop down menu written using CSS (complete with moving highlight & functioning dropdown where needed) but I have a couple of problems.
1. The original (non-dropdown) menu was...
|
by: Boujii |
last post by:
Greetings, I have been attempting to make a drop down menu of countries. From this menu I wish to create a variable in order to INPUT into mysql database. I have no trouble making the drop down menu,...
|
by: TycoonUK |
last post by:
Hi,
As I do not have IE7 on my computer, I was wondering if there is a
fault in my CSS Menu when using IE7.
Please can someone look at my site - http://www.worldofmonopoly.co.uk
and tell me...
|
by: tina1223 |
last post by:
I have a Javascript drop down menu in an html page which views fine in Safari & Firefox, but in IE the drop downs are cut off by the swf elements on the page which they appear over top of fine in the...
|
by: Steve Richter |
last post by:
I would like to have a standard site navigation menu, horizontal
across the page, at the top of the page.
When I hover over a top level menu item I want a drop down menu to
appear with the same...
|
by: Archanak |
last post by:
Hi,
I am using 2-level CSS Drop Down Menu in my perl/CGI program.
here is the code.
#!c:/perl/bin/perl.exe
use CGI qw(:standard);
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| |