HV Menu Printing

[jbirdsall]

HV Menu (http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm)

I don't want the HV Menu to show when the page is printing. I have set up a hideprint.css and have linked it properly to the page that I have the menu on, but i can't get the menu to not show up. I am using the following code in my hideprint.css. Help

:confused:

<!-- styles for turning off things for print-->
.noprint {
display:block; }
.printonly{
display:none; }
[at] media print {
.printonly {
display:block; }
.noprint {
display:none; }
}
.hvmenu/exmplmenu_var.js {
position:absolute;
display:none;
}
.hvmenu/menu_com.js {
position:absolute;
display:none;
}

[jbirdsall]

You mean there is no one out there who can help me with this problem???

[cr3ative]

Have patience, i'm working on it :)

cr3ative

[jbirdsall]

sorry it just felt like no one was out there for me.

[cr3ative]

The HV menu doesn't support this way of hiding <DIV></DIV> areas.

This explains how to hide <DIV></DIV> areas, and when applied to the menu it doesn't work. I suggest trying out some of DD's other menus if this really is an issue.
http://www.killersites.com/articles/newsletterArchive/Newsletter_Nov3_2003.htm

Sorry I can't help: CSS Style sheet's aren't exactly my strong point, but I'm pretty sure now that it's incompatible.
cr3ative

[jbirdsall]

Thanx for the attempt

[hallojohn]

Having the same problem.
Did you manage to find a solution jbirdsall ?

[jbirdsall]

No I haven't. I am just living with it for now, but it really bugs me.

[digitalmaster]

muahahahaha, sorry, I just figured out how to hide the HVMenu when printing, thought a devilish laugh was in order. :D

Okay, you all wanted to know. Well, start off by creating a class definition in your print style sheet like so:

.menuItem { visibilty: hidden; display: none; }

REPEAT this should be defined in a stylesheet that is called like this in the head:


<link rel="STYLESHEET" media="print" href="/common/print.css" type="text/css" />

notice media="print", means this style sheet will be used only when printing.

Okay, now in the menu_com.js file scroll down to the 'MbrSetUp' function. After the variable declarations type in:

this.className = "menuItem";

This effectivly assigns every element of the HV menu a class name 'menuItem', which when printed will not be visible.

For the final test open your page up and do a print preview and worship the ground I walk on. :D

[mkelly4ca]

<worshiping the ground you walk on>

Thanks for solving my problem before I had it, and for posting it here so I could fix my problem with virtually no work and no waiting! :)

[Wharekura]

Thanks jbirdsall

I tried all sorts of things to avoid using framesets etc and spent literally hours and even read the INSTRUCTIONS. Then I found this answer which works for IE and FF.

[hexus]

<worshiping the ground you walk on>
+1

I had a headache with this problem...