473,890 Members | 1,658 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Problem with menu text dissapearing!

Hi all,

I have a very strange problem! In following Web page (which is
generated from a CMS System), the navigation to the left 'dissapears'
when you roll the mouse over the links? It does not do this in all
browsers either. I have found it to happen in IE 7 and the latest
patched IE 6. I have tried to find out the reason, but keep finding
strange behaviour! You will see at the bottom of the HTML, I have a
comment. If you follow the comment and comment out the line below it,
the navigation works as expected, if you uncomment the line, it doesn'!
I would be obliged if someone could help me out on this as it's
driving me nuts!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0041)http://localhost/Partners/ -->
<HTML><HEAD id=idHtmlHeader ><TITLE>default </TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">

<style type="text/css">
/* Header */
..topheader {
BORDER-RIGHT: #9f9074 1px solid; PADDING-RIGHT: 10px; BORDER-TOP:
#9f9074 1px solid; PADDING-LEFT: 10px; Z-INDEX: 2; BACKGROUND: #ffffff;
FLOAT: left; PADDING-BOTTOM: 10px; OVERFLOW: visible; BORDER-LEFT:
#9f9074 1px solid; WIDTH: 100%; PADDING-TOP: 10px; BORDER-BOTTOM:
#9f9074 1px solid; POSITION: relative; voice-family: inherit;
}
..topheadertext {
FONT-WEIGHT: bold; FONT-SIZE: 2em; COLOR: #9f9074; POSITION: relative;
}
..threecolumnhe ader {
BORDER-RIGHT: #ffffff 22em solid; BORDER-TOP: #ffffff 0px solid;
Z-INDEX: 2; BACKGROUND: #ffffff; FLOAT: left; MARGIN: 0px; OVERFLOW:
visible; BORDER-LEFT: #ffffff 30em solid; WIDTH: 100%; BORDER-BOTTOM:
#ffffff 0px solid; POSITION: relative;
}
..PrimaryNavHea der {
DISPLAY: inline; PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #ffffff;
FLOAT: left; MARGIN: 0px 1px 0px -24.5em; WIDTH: 24em; POSITION:
relative;
}
..RightColumnHe ader {
DISPLAY: inline; Z-INDEX: 10; BACKGROUND: #ffffff; FLOAT: right;
MARGIN: 0px -22em 0px 1px; WIDTH: 10em; POSITION: relative;
}
/* RightColumn */
..rightcolumn {
PADDING-LEFT: 5px; Z-INDEX: 8; FLOAT: right; MARGIN: 0px -22em 0px
1px; OVERFLOW: visible; WIDTH: 22em; POSITION: relative;
}
..rightcolumnco ntent {
CLEAR: both; FONT-SIZE: 1em; Z-INDEX: 8; OVERFLOW: visible; WIDTH:
16em; LINE-HEIGHT: 1.4em; FONT-STYLE: normal; FONT-FAMILY: Verdana;
POSITION: relative;
}
..search {
Z-INDEX: 8; FLOAT: left; OVERFLOW: visible; WIDTH: 16em; POSITION:
relative;
}
/* Global */
BODY {
BACKGROUND-IMAGE: url(/NETP/Images/bg_body.gif); BACKGROUND-REPEAT:
repeat
}
P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM:
0.4em; MARGIN: 0px; LINE-HEIGHT: 1.4em; PADDING-TOP: 0.4em; FONT-STYLE:
normal
}
#pagenavigation {
DISPLAY: none
}
..defaultbasepa ge {
FONT-SIZE: 0.7em; MARGIN: 0px; FONT-FAMILY: verdana
}
..defaultbasepa ge A:link {
COLOR: #47c6e1; TEXT-DECORATION: underline
}
..defaultbasepa ge A:visited {
COLOR: #47c6e1; TEXT-DECORATION: underline
}
..defaultbasepa ge A:hover {
COLOR: #47c6e1; TEXT-DECORATION: none
}
..defaultbasepa ge A:active {
COLOR: #47c6e1; TEXT-DECORATION: underline
}
..columncontain er {
Z-INDEX: 2; POSITION: relative
}
..pageoutline {
BORDER-RIGHT: #9f9074 1px solid; BACKGROUND: red; BORDER-LEFT: #9f9074
1px solid; BORDER-BOTTOM: #9f9074 1px solid
}
..threecolumns {
BORDER-RIGHT: #ffffff 17em solid; BORDER-TOP: #ffffff 0px solid;
Z-INDEX: 2; BACKGROUND: #ffffff; FLOAT: left; MARGIN: 0px; BORDER-LEFT:
#ffffff 25em solid; BORDER-BOTTOM: #ffffff 0px solid; POSITION:
relative
}
..clearelement {
CLEAR: both; MARGIN-BOTTOM: -1px; PADDING-BOTTOM: 1px
}
..EditingHeader {
FONT-WEIGHT: bold
}
..pageTitle {
FONT-WEIGHT: bold; FONT-SIZE: 1.4em; PADDING-BOTTOM: 0.5em; COLOR:
#f26100
}
..pageTop {
BACKGROUND: #ffffff; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em
}
..pageTop A:link {
COLOR: #454033; TEXT-DECORATION: underline
}
..pageTop A:visited {
COLOR: #454033; TEXT-DECORATION: underline
}
..pageTop A:hover {
COLOR: #47c6e1; TEXT-DECORATION: none
}
..pageTop A:active {
COLOR: #454033; TEXT-DECORATION: underline
}
/* PrimaryNav */
..LeftNavigatio n {
PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #ffffff; FLOAT: left;
MARGIN: 0px 1px 0px -24.5em; OVERFLOW: auto; WIDTH: auto; POSITION:
relative;
}
..primarynaviga tion {
BACKGROUND: #ffffff; FLOAT: left; MARGIN-LEFT: 0px; OVERFLOW: visible;
WIDTH: 16em; POSITION: relative;
}
..PageDetails {
DISPLAY: inline; PADDING-LEFT: 0px; Z-INDEX: 2; FLOAT: left; OVERFLOW:
visible; WIDTH: 7em; PADDING-TOP: 2em; HEIGHT: 1.2em; voice-family:
inherit;
}
..PageDetails UL {
PADDING-LEFT: 0px;
}
..PageDetails LI {
PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; MARGIN-LEFT: -2em;
OVERFLOW: visible; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc; HEIGHT:
1.2em; TEXT-ALIGN: left; voice-family: inherit;
}
..leftnav A:link {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
..leftnav A:visited {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
..leftnav A:hover {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
..leftnav A:active {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
..currentnode A:link {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
..currentnode A:visited {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
..currentnode A:hover {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
..leftnav A:active {
PADDING-LEFT: 3px; COLOR: #9f9074; TEXT-DECORATION: none;
}
#primarynavigat ionitems {
PADDING-LEFT: 0px; MARGIN-LEFT: 0em; BORDER-BOTTOM: 0px; POSITION:
relative;
}
..primarynaviga tion A:link {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..primarynaviga tion A:visited {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..primarynaviga tion A:hover {
COLOR: #454033; TEXT-DECORATION: none;
}
..primarynaviga tion A:active {
COLOR: #454033; TEXT-DECORATION: none;
}
#pagedetailitem s {
PADDING-LEFT: 0px; MARGIN-LEFT: -1em; BORDER-BOTTOM: 0px; WORD-WRAP:
break-word;
}
..pagedetailite ms A:link {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..pagedetailite ms A:visited {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..pagedetailite ms A:hover {
COLOR: #454033; TEXT-DECORATION: none;
}
..pagedetailite ms A:active {
COLOR: #454033; TEXT-DECORATION: none;
}
#primarynavigat ionitems LI {
BORDER-RIGHT: #9f9074 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP:
#9f9074 1px solid; PADDING-LEFT: 0.75em; BORDER-LEFT-WIDTH: 0px;
BORDER-LEFT-COLOR: #d7d4c4; PADDING-BOTTOM: 0.75em; MARGIN: -1px -1px
0px 0px; PADDING-TOP: 0.75em; BORDER-BOTTOM: #9f9074 1px solid;
LIST-STYLE-TYPE: none;
}
#primarynavigat ionitemsindente d {
PADDING-LEFT: 0px; BORDER-BOTTOM: 0px;
}
#primarynavigat ionitemsindente d LI {
COLOR: #9f9074;
}
#primarynavigat ionitemsCurrent Channel {
FONT-WEIGHT: bold; COLOR: black;
}

</style>
<META http-equiv=Cache-Control content=no-cache>
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Expires content=0>
<META content=Partner s name=dc.descrip tion>
<META content=default name=dc.Title>
<META content="11 May 2006 12:48:59" name=dc.date.cr eated>
<META content=Standar d name=PageType>
<META content=en-GB name=dc.languag e>
<META content=Nationa l name=dc.coverag e>
<META content="" name=dc.rights. copyright>
<META content="MSHTML 6.00.5296.0" name=GENERATOR> </HEAD>
<BODY id=idBody>
<FORM id=Form1 name=Form1
method=post>
<DIV class="RapidFlo wNormal Main" style="WIDTH: 100%">
<DIV class="RapidFlo wNormal defaultbasepage ">
<A name=top></A>
<DIV id=pagenavigati on>
<UL>
<LI><A accessKey=c
href="http://localhost/Partners/#content">Conte nt</A>
<LI><A accessKey=p
href="http://localhost/Partners/#primarynavigat ion">Primary
Navigation</A>
<LI><A accessKey=s
href="http://localhost/Partners/#secondarynavig ation">Secondar y
Navigation</A>
<LI><A accessKey=d
href="http://localhost/Partners/#pagedetails">P age Details</A>
<LI><A accessKey=c
href="http://localhost/Partners/#crumbtrail">Cr umb Trail</A>
<LI><A accessKey=r
href="http://localhost/Partners/#rightcolumn">R ight Column</A>
<LI><A accessKey=b
href="http://localhost/Partners/#footer">Footer </A></LI></UL></DIV>
<DIV class="RapidFlo wNormal topheader">
<DIV class=RapidFlow Normal>
<DIV class=topheader text><A href="http://localhost/"><IMG
title="Some Web Site" alt=Home src="someLogo.g if"
border=0></A> Some Web Site </DIV></DIV></DIV>
<DIV class="RapidFlo wNormal threecolumnhead er">
<DIV class="RapidFlo wNormal PrimaryNavHeade r"></DIV>
<DIV class="RapidFlo wNormal CrumbTrail">
<DIV class=RapidFlow Normal>Partners </DIV></DIV>
<DIV class="RapidFlo wNormal RightColumnHead er">
<DIV class=RapidFlow Normal></DIV></DIV>
</DIV>
<DIV class="RapidFlo wNormal pageoutline">
<DIV class="RapidFlo wNormal threecolumns">
<DIV class="RapidFlo wNormal LeftNavigation" >
<DIV class="RapidFlo wNormal primarynavigati on">
<DIV class=RapidFlow Normal>
<UL id=primarynavig ationitems>
<LI><A href="http://localhost/WhatsNew/">Whats New</A>
<LI><A href="http://localhost/GeneralInformat ion/">General
Information</A>
<LI><A
href="http://localhost/Assessing/">Assessing </A>
<LI><A href="http://localhost/Training/">Training</A>
<LI><A href="http://localhost/Broker/">Broker</A>
<LI><A href="http://localhost/Support/">BusinessSuppo rt</A>
<LI><A href="http://localhost/Regions/">Regions</A>
<LI><A id=primarynavig ationitemsCurre ntChannel
href="http://localhost/Partners/">Partners</A>
<UL></UL>
<LI><A href="http://localhost/Useful+links/">Useful links</A>
<LI><A href="http://localhost/FAQ/">FAQ</A>
<LI><A href="http://localhost/Discussion+Grou ps/">Discussio n
Groups</A>
<LI><A href="http://localhost/Help/">Help</A>
<LI><A
href="http://localhost/Security/">Security</A></LI></UL></DIV></DIV>
<DIV class="RapidFlo wNormal PageDetails">
<DIV class=RapidFlow Normal>></DIV></DIV>
<DIV class="RapidFlo wNormal clearelement">
</DIV>
<DIV class="RapidFlo wNormal ExternalLinks">
<DIV class=RapidFlow Normal><A
href="https://localhost:88/BrokerCollectio ns"><IMG
alt="Broker" src="brokers.gi f" border=0></A><BR><A
href="http://EDS/"><IMG alt="EDS"
src="eds.gif" border=0></A> </DIV></DIV>
<DIV class=RapidFlow Normal>
<DIV class=RapidFlow Normal><IMG alt=Strapline src="fins.gif">
</DIV></DIV></DIV>
<DIV class="RapidFlo wNormal centrecolumn">
<DIV class="RapidFlo wNormal pagecontent">
<DIV class=RapidFlow Normal>
<DIV class=RapidFlow Normal>
<DIV class=RapidFlow Normal></DIV></DIV>
<DIV class="RapidFlo wNormal pagetitle">
<DIV class=RapidFlow Normal>
<DIV><SPAN>Gene ral Article Image</SPAN> </DIV></DIV></DIV>
<DIV class=RapidFlow Normal>
<DIV class=RapidFlow Normal>
<DIV><SPAN>Post ings using this template will have an image placeholder.
The
image placeholders can not be specified using this tool.</SPAN>
</DIV></DIV></DIV></DIV></DIV>
<DIV class="RapidFlo wNormal pagetop">
<DIV class=RapidFlow Normal><A
href="http://localhost/Partners/#top">Page Top</A>
</DIV></DIV></DIV>

<!-- Comment out the line below and it all works, uncomment it and it
doesnt! STRANGE! -->
<DIV class="RapidFlo wNormal rightcolumn"></DIV>
</DIV></DIV>
</DIV></DIV></FORM></BODY></HTML>

Many Thanks,
George

Jun 22 '06 #1
2 2114
ge************* @gmail.com wrote:
Hi all,

I have a very strange problem! In following Web page (which is
generated from a CMS System), the navigation to the left 'dissapears'
when you roll the mouse over the links? [...]
I would be obliged if someone could help me out on this as it's
driving me nuts!
What a mash of DIVs!
/* PrimaryNav */
.LeftNavigation {
PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #ffffff; FLOAT: left;
MARGIN: 0px 1px 0px -24.5em; OVERFLOW: auto; WIDTH: auto;
POSITION: relative; }

Remove both overflow:auto and position:relati ve. I'll leave it as an
exercise to fathom why.
Also there is a spurious ">". Search for ">>". And an unused <ul>.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jun 23 '06 #2
Jim Moe,

Thanks for the tip. Had to do some more changes as removing the
overflow and position caused some other side effects. However, I got
it sorted.

Yes there is a huge mash of Div's, 99% of which are completely
unnecessary. However, there is not a lot I can do about it!

George

Jim Moe wrote:
ge************* @gmail.com wrote:
Hi all,

I have a very strange problem! In following Web page (which is
generated from a CMS System), the navigation to the left 'dissapears'
when you roll the mouse over the links? [...]
I would be obliged if someone could help me out on this as it's
driving me nuts!

What a mash of DIVs!

/* PrimaryNav */
.LeftNavigation {
PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #ffffff; FLOAT: left;
MARGIN: 0px 1px 0px -24.5em; OVERFLOW: auto; WIDTH: auto;
POSITION: relative; }

Remove both overflow:auto and position:relati ve. I'll leave it as an
exercise to fathom why.
Also there is a spurious ">". Search for ">>". And an unused <ul>.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Jun 23 '06 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
3859
by: JesusFreak | last post by:
From: us_traveller@yahoo.com (JesusFreak) Newsgroups: microsoft.public.scripting.jscript Subject: toolbar script problem NNTP-Posting-Host: 192.92.126.136 Recently, I downloaded the following beautiful script "http://javascript.internet.com/navigation/toolbar-menu.html". It works like a charm. I made my webpage in frames, where the nav-frame shows the menubar, so whenever I click a link in the menubar, it opens in the frame below. But...
0
1605
by: Lucas, Todd | last post by:
Hello everyone! I'm having a problem with a WebControl that I'm designing for a Menu. I've been at it for about 3 weeks now, and can't seem to get around this problem. So I'm hoping that someone can help me ... My environment: VS 2003 v7.1.3088, Win2K v5.0.2195 SP3, IE6 v6.0.2800.1106 browser. I have a class (C3Menu) derived from WebControl, with a property (MenuItems) that is a collection of menu items. The collection property is...
0
2370
by: Stewart Midwinter | last post by:
I have a Tkinter app running on cygwin. It includes a Test menu item that does nothing more than fetch a directory listing and display it in a Toplevel window (I'd use a tkMessageBox showinfo widget, but for some reason the text is invisible on cygwin). After I close the Toplevel widget, all of the menus in my app behave as though they have no contents to them, i..e I can press on the File menu button, and see it depress, but the Exit...
2
2291
by: Ravi Joshi | last post by:
The menu on my site works fine in IE6 and Firefox. In IE7, there is a problem with the menu: when you mouse over the various main catagories, the sub-catagories all appear to the right as they should; however, as soon as you mouse towards any but the TOP sub-catagory, all those sub-catagories still view there. It will work first time quite fine..but if user clicks outsite anywhere in screen then this problem occur.. i think it's css...
2
2477
by: davidson1 | last post by:
Hai friends..for menu to use in my website..i found in one website....pl look below website.... http://www.dynamicdrive.com/dynamicindex1/omnislide/index.htm i downloaded 2 files.... menuitems.js mmenu.js
19
3723
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
1
2322
by: crazy works | last post by:
hello guys, i have problem in the scroll bar on my css code , i am trying to use that css menu from that link http://www.cssplay.co.uk/menus/slide_fly.html it actually works very good but i want to use it on the right side from my site not in the left side so i edited the ccs code but the scroll bar didnt works really good ,it scroll so much on the left side , here is screen shot http://qbael.com/upload/mn/screen.JPG and here is my full...
0
9977
marktang
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...
0
11218
Oralloy
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...
1
10910
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,...
1
8009
isladogs
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...
0
7161
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();...
0
5837
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...
1
4667
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
4260
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
3268
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.