I thought I might need a 'none' for the image, but 'url(none)' wasn't
it. Your solution worked though.
Yes, I was up til midnight again trying all sorts of CSS codes.
Adding padding for the list item under '#verMenu ul ul li' results in an
incompete color change on hover (the top & bottom remain blue). Adding
'padding:.1em' under '#verMenu li ul a' seems to do the trick.
Dropping the 'padding:0.4em' under 'verMenu' got rid of the left
padding.
My level 3 sub-menu test (About Us > Directions) is getting the font
hover color of the level 2 sub menu. How can I make it stay white until
I actually hover the item? The background color behaves OK though.
I read up a little on the 'Box-in-a-box', 'Tantek', 'SMBH', & 'Tan' box
model hacks for IE. We're obviously trying to avoid having to modify the
list output by simpleNavigation so can't see how div in a div would help
when IE is goofing up the level2 list items.
I tried to implement the Tan hack like this...
#verMenu li ul { /* second-level lists - when parent is hovered */
float: left;
position: absolute;
background-color: #4c70b3;
width: 17.5em; /* add padding if specified for list-items */
display: none;
border-left:1px solid #000;
border-bottom:1px solid #000;
border-right:1px solid #000;
margin:0em;
margin-left:14.5em;
margin-top:-1.2em;
}
* html #verMenu li ul {
width: 19em;
w\idth: 17.5em;
}
... but it doesn't fix the width in IE.
I don't have a clue how to fix the submenu width for IE. Do you know
how? Why doesn't your nav have this issue?
Are the days of checking the DOM and supplying an alternate CSS file
over?
I still use this...
<script language="JavaScript"><!--
//level 0 DOM - IE 5 & 6, Opera 7
if (document.all){
document.write("<link rel=\"stylesheet\" href=\"/docroot/css/ud.css\"
type=\"text/css\">");
//alert("Level 0 DOM");
//proprietary DOM - NS4.x
} else if (document.layers) {
document.write("<link rel=\"stylesheet\"
href=\"/docroot/css/udns4x.css\" type=\"text/css\">");
//alert("Proprietary DOM");
//W3C standard DOM - NS 6 & 7, Opera 6
} else if (document.getElementById) {
document.write("<link rel=\"stylesheet\"
href=\"/docroot/css/w3cdom.css\" type=\"text/css\">");
//alert("W3C DOM");
}
//--></script>
-----Original Message-----
From: [email protected] [mailto:[EMAIL PROTECTED]
Sent: Wednesday, October 19, 2005 7:30 AM
To: [email protected]
Subject: Re: [magnolia-user] [magnolia-dev] JasperException - Unable to
load tag handler class
Robert Van Overmeiren wrote:
> The sub-menus are inheriting the arrow image, but shouldn't. I
> created a 1px x 1px 'no_arr.gif' image to insert in place of the
> arrow, on hover, but that didn't help get rid of them.
>
Try this:
under: #verMenu ul ul li
add: background-image: none;
You seemed to have sorted out most of the other problems, padding for
the submenus is controlled under #verMenu ul ul li
I also noticed a problem with the diaply of the nav in firefox. You will
need to set 'width: 17.5em' under verMenu li ul and then fix this for IE
using one of the box model hacks (e.g. Tan hack).
HTH
John
--
John Olival
Novasaoft Explican
----------------------------------------------------------------
for list details see
http://www.magnolia.info/en/magnolia/developer.html
----------------------------------------------------------------
----------------------------------------------------------------
for list details see
http://www.magnolia.info/en/magnolia/developer.html
----------------------------------------------------------------
