Hi,
I've been working on a horizontal drop down menu today, and I can get it to display perfectly in everything bar IE6.
Basically instead of them lining up horizontally, they line up vertically instead.
And this only happens when I don't give the LI in the menu list and fixed width, which I don't want because if I have a fixed width the menu list get's too long due to some words being longer than others and then it doesn't fit on the page!
the website is currently hosted at www.tri-websites.com
it will ask for a username & password
username - trisynergy
password - fsr
some people have said it may be because of the csshover.htc file I have in there as it is linked at the top of the page for if IE, but IE7 work's fine with it so I'm not sure if that's the problem!
the css for it is shown below - /* Begin CSS Drop Down Menu */
-
-
#menuh-container
-
{
-
}
-
-
#menuh
-
{
-
font-family:Verdana, Arial, Helvetica, sans-serif;
-
font-size:0.8em;
-
float:left;
-
position:absolute;
-
left:0;
-
top:0;
-
}
-
-
#menuh a
-
{
-
text-align: center;
-
display:block;
-
border: 1px solid #555;
-
white-space:nowrap;
-
margin:0;
-
padding-top: 0.2em;
-
padding-left:1em;
-
padding-right:1em;
-
}
-
-
#menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */
-
{
-
color: white;
-
background-image:url(../images/navbarbgsmall.jpg);
-
background-repeat:repeat;
-
text-decoration:none;
-
height:25px;
-
}
-
-
#menuh a:hover /* menu on mouse-over */
-
{
-
color: white;
-
text-decoration:underline;
-
}
-
-
#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */
-
{
-
background-image:url(../images/navbarbgsmall.jpg);
-
background-repeat:repeat;
-
}
-
-
#menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */
-
{
-
background-image:url(../images/navbarbgsmall.jpg);
-
background-repeat:repeat;
-
}
-
-
#menuh ul
-
{
-
list-style:none;
-
margin:0;
-
padding:0;
-
float:left;
-
}
-
-
-
#menuh li
-
{
-
position:relative;
-
min-height: 1px;
-
vertical-align: bottom; }
-
-
#menuh ul ul
-
{
-
position:absolute;
-
z-index:500;
-
top:auto;
-
display:none;
-
padding: 1em;
-
margin:-1em 0 0 -1em;
-
}
-
-
#menuh ul ul ul
-
{
-
top:0;
-
left:100%;
-
}
-
-
div#menuh li:hover
-
{
-
cursor:pointer;
-
z-index:100;
-
}
-
-
div#menuh li:hover ul ul,
-
div#menuh li li:hover ul ul,
-
div#menuh li li li:hover ul ul,
-
div#menuh li li li li:hover ul ul
-
{display:none;}
-
-
div#menuh li:hover ul,
-
div#menuh li li:hover ul,
-
div#menuh li li li:hover ul,
-
div#menuh li li li li:hover ul
-
{display:block;}
-
-
/* End CSS Drop Down Menu */
-
any ideas? thanks!
5 5841 Dormilich 8,658
Recognized Expert Moderator Expert
IE usually needs a Javascript workaround for the incomplete :hover implementation (:hover works only on anchors)
edit: your htc file may cover that though…
@Dormilich
yeah the htc file should work as it's been used before. I'm pretty sure the link to it in the html is fine. - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>Home | FSR Maintenance</title>
-
<meta name="keywords" content="FSR Maintenance, Electrical Maintenance , Mechanical Installation, Mechanical Maintenance, Industrial and Commercial Relocation, Crane Services, Mini Crane Hire, Project Management, Health and Safety, NICEIC Approved Company" />
-
-
<meta name="description" content="FSR Maintenance provide a complete design and installation through to maintenance and testing. FSR have over 40 years experience backed up by NICEIC approval and ISO 9001:299 accreditation. Contact Us for a personalised quotation." />
-
<link rel="stylesheet" type="text/css" href="css/menuh.css" />
-
<link rel="stylesheet" type="text/css" href="css/layout.css" />
-
<script src="javascript/equalcolumns.js" type="text/javascript"></script>
-
<!--[if lt IE 7]>
-
<style type="text/css" media="screen">
-
#menuh{float:none;}
-
body{behavior:url(css/csshover.htc); font-size:100%;}
-
#menuh ul li{float:left; width: 100%;}
-
#menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}
-
</style>
-
<![endif]-->
I've got it in a folder called css, and that link should be fine as it's the same as any other link to that css folder.
Dormilich 8,658
Recognized Expert Moderator Expert
if you've got time to spare, you could try if using the Javascript solves the problem
I've actually started doing it using something else, so I've decided to scrap the previous bit I was doing! On a tough time scale so need to keep going with it!
You appear to be using this menu: http://sperling.com/examples/menuh/
Re-read the instructions for its implementation in IE/6-- particularly as it regards the inclusion of and path for the file csshover.htc. Follow it exactly as he has done and all could be well.
It is difficult to give you anymore specific help as you are working on the file; consequently, impossible to hit a moving target. And a locked directory makes it even more difficult.
Sign in to post your reply or Sign up for a free account.
Similar topics |
by: Faz |
last post by:
Hi
I'm having some real trouble with a header I have created within a
container. I have two problems; firstly the menu (a horizontal UL) will not
centre within the surrounding header, despite attempts to use the following
within the #header declaration:
margin-left: auto;
margin-right: auto;
The image above the list is easily centred using the 'text-align' property,
|
by: Adrienne |
last post by:
http://www.intraproducts.com/beta/infinicall/index.asp has a drop down menu
on Investor Relations. The markup and CSS are both valid, and most of the
time, the menu drops down correctly. However, sometimes, mousing over the
words does not make the menu drop down, or the drop down disappears.
Can anyone spot anything in the markup or CSS that is causing this
behavior?
Thanks in advance.
|
by: Ian Davies |
last post by:
Hello
I have two drop down menus in my php script. The items displayed in the
second is dependent on which item is choosen from the first i.e. the choosen
item from the first filters the items in the second
first dropdown menu
sub no sub
1 science >>>>>>>>> if this is selected
2 maths
3 something else
|
by: Ian Davies |
last post by:
Hello
Ive been informed that I need to do the following in javascript.
I have two drop down menus in my php script. The items displayed in the
second is dependent on which item is choosen from the first i.e. the choosen
item from the first filters the items in the second
first dropdown menu
sub no sub
1 science >>>>>>>>> if this is selected
2 maths
|
by: AlisonMooreSmith |
last post by:
I'm trying use this code:
Listmatic 2 Blues Clues
to make a horizontal menu with horizonal submenus, using lists. I got the general code up, but I have two problems.
(1) I don't know why the submenu that goes with the sixth menu item is the one that is visible, instead of the submenu that goes with the first
(2) I don't know how to get the "current" function to work--this sets the text to bold for the menu and submenu that are...
| |
by: Jim |
last post by:
Hi,
I have two questions/problems pertaining to CSS horizontal dropdown
menus and am hoping that someone here can help me out.
(1)
I'm having a problem centering the menu. I picked up the code for
this from a tutorial but that menu was flush-left justified. Not what
I want. Subsequent searches on google on how to center yielded a
|
by: AJM Project |
last post by:
Hello,
I've been trying to make a horzontal menu and I'm getting different results in IE. Also I've tried different ways of positioning and was wondering what is the best way.
Underneath is the code for the html and CSS of the menu. I have also attached images of what I mean by different results, hover over them to see.
Firefox 3 (works fine):
http://img155.imageshack.us/img155/7109/ff3qc9.jpg
Opera 9.51 (works fine):...
|
by: paulyXvpf |
last post by:
Hello javascript folks,
PROBLEM: Javascript dropdown problem in IE 6 and IE7
DESCRIPTION: menu falls behind a container box on web page
COMMENTS: It works fine in Firefox but not in IE 6/7 versions
Notice this URL using IE6/7:
http://iimaaconference.com.yourtempsite.com/
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |