By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,532 Members | 1,514 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,532 IT Pros & Developers. It's quick & easy.

Problem with menu text dissapearing!

P: n/a
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;
}
..threecolumnheader {
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;
}
..PrimaryNavHeader {
DISPLAY: inline; PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #ffffff;
FLOAT: left; MARGIN: 0px 1px 0px -24.5em; WIDTH: 24em; POSITION:
relative;
}
..RightColumnHeader {
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;
}
..rightcolumncontent {
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
}
..defaultbasepage {
FONT-SIZE: 0.7em; MARGIN: 0px; FONT-FAMILY: verdana
}
..defaultbasepage A:link {
COLOR: #47c6e1; TEXT-DECORATION: underline
}
..defaultbasepage A:visited {
COLOR: #47c6e1; TEXT-DECORATION: underline
}
..defaultbasepage A:hover {
COLOR: #47c6e1; TEXT-DECORATION: none
}
..defaultbasepage A:active {
COLOR: #47c6e1; TEXT-DECORATION: underline
}
..columncontainer {
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 */
..LeftNavigation {
PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #ffffff; FLOAT: left;
MARGIN: 0px 1px 0px -24.5em; OVERFLOW: auto; WIDTH: auto; POSITION:
relative;
}
..primarynavigation {
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;
}
#primarynavigationitems {
PADDING-LEFT: 0px; MARGIN-LEFT: 0em; BORDER-BOTTOM: 0px; POSITION:
relative;
}
..primarynavigation A:link {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..primarynavigation A:visited {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..primarynavigation A:hover {
COLOR: #454033; TEXT-DECORATION: none;
}
..primarynavigation A:active {
COLOR: #454033; TEXT-DECORATION: none;
}
#pagedetailitems {
PADDING-LEFT: 0px; MARGIN-LEFT: -1em; BORDER-BOTTOM: 0px; WORD-WRAP:
break-word;
}
..pagedetailitems A:link {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..pagedetailitems A:visited {
COLOR: #9f9074; TEXT-DECORATION: none;
}
..pagedetailitems A:hover {
COLOR: #454033; TEXT-DECORATION: none;
}
..pagedetailitems A:active {
COLOR: #454033; TEXT-DECORATION: none;
}
#primarynavigationitems 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;
}
#primarynavigationitemsindented {
PADDING-LEFT: 0px; BORDER-BOTTOM: 0px;
}
#primarynavigationitemsindented LI {
COLOR: #9f9074;
}
#primarynavigationitemsCurrentChannel {
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=Partners name=dc.description>
<META content=default name=dc.Title>
<META content="11 May 2006 12:48:59" name=dc.date.created>
<META content=Standard name=PageType>
<META content=en-GB name=dc.language>
<META content=National name=dc.coverage>
<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="RapidFlowNormal Main" style="WIDTH: 100%">
<DIV class="RapidFlowNormal defaultbasepage">
<A name=top></A>
<DIV id=pagenavigation>
<UL>
<LI><A accessKey=c
href="http://localhost/Partners/#content">Content</A>
<LI><A accessKey=p
href="http://localhost/Partners/#primarynavigation">Primary
Navigation</A>
<LI><A accessKey=s
href="http://localhost/Partners/#secondarynavigation">Secondary
Navigation</A>
<LI><A accessKey=d
href="http://localhost/Partners/#pagedetails">Page Details</A>
<LI><A accessKey=c
href="http://localhost/Partners/#crumbtrail">Crumb Trail</A>
<LI><A accessKey=r
href="http://localhost/Partners/#rightcolumn">Right Column</A>
<LI><A accessKey=b
href="http://localhost/Partners/#footer">Footer</A></LI></UL></DIV>
<DIV class="RapidFlowNormal topheader">
<DIV class=RapidFlowNormal>
<DIV class=topheadertext><A href="http://localhost/"><IMG
title="Some Web Site" alt=Home src="someLogo.gif"
border=0></A> Some Web Site </DIV></DIV></DIV>
<DIV class="RapidFlowNormal threecolumnheader">
<DIV class="RapidFlowNormal PrimaryNavHeader"></DIV>
<DIV class="RapidFlowNormal CrumbTrail">
<DIV class=RapidFlowNormal>Partners </DIV></DIV>
<DIV class="RapidFlowNormal RightColumnHeader">
<DIV class=RapidFlowNormal></DIV></DIV>
</DIV>
<DIV class="RapidFlowNormal pageoutline">
<DIV class="RapidFlowNormal threecolumns">
<DIV class="RapidFlowNormal LeftNavigation">
<DIV class="RapidFlowNormal primarynavigation">
<DIV class=RapidFlowNormal>
<UL id=primarynavigationitems>
<LI><A href="http://localhost/WhatsNew/">Whats New</A>
<LI><A href="http://localhost/GeneralInformation/">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/">BusinessSupport</A>
<LI><A href="http://localhost/Regions/">Regions</A>
<LI><A id=primarynavigationitemsCurrentChannel
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+Groups/">Discussion
Groups</A>
<LI><A href="http://localhost/Help/">Help</A>
<LI><A
href="http://localhost/Security/">Security</A></LI></UL></DIV></DIV>
<DIV class="RapidFlowNormal PageDetails">
<DIV class=RapidFlowNormal>></DIV></DIV>
<DIV class="RapidFlowNormal clearelement">
</DIV>
<DIV class="RapidFlowNormal ExternalLinks">
<DIV class=RapidFlowNormal><A
href="https://localhost:88/BrokerCollections"><IMG
alt="Broker" src="brokers.gif" border=0></A><BR><A
href="http://EDS/"><IMG alt="EDS"
src="eds.gif" border=0></A> </DIV></DIV>
<DIV class=RapidFlowNormal>
<DIV class=RapidFlowNormal><IMG alt=Strapline src="fins.gif">
</DIV></DIV></DIV>
<DIV class="RapidFlowNormal centrecolumn">
<DIV class="RapidFlowNormal pagecontent">
<DIV class=RapidFlowNormal>
<DIV class=RapidFlowNormal>
<DIV class=RapidFlowNormal></DIV></DIV>
<DIV class="RapidFlowNormal pagetitle">
<DIV class=RapidFlowNormal>
<DIV><SPAN>General Article Image</SPAN> </DIV></DIV></DIV>
<DIV class=RapidFlowNormal>
<DIV class=RapidFlowNormal>
<DIV><SPAN>Postings 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="RapidFlowNormal pagetop">
<DIV class=RapidFlowNormal><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="RapidFlowNormal rightcolumn"></DIV>
</DIV></DIV>
</DIV></DIV></FORM></BODY></HTML>

Many Thanks,
George

Jun 22 '06 #1
Share this Question
Share on Google+
2 Replies


P: n/a
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:relative. 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

P: n/a
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:relative. 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 discussion thread is closed

Replies have been disabled for this discussion.