media=print and hiding...

**beej123** · Oct 10, 2004 20:19

hi, Iam using a dhtml menu, that i wish to hide when printing. The rest of my page is hidden during print by css and div tags. But this menu wont hide and is the very last obstacle for a successful 'print version'....

anyone help?

Link:
www.65degrees.net/test/

Beej

**7stud** · Oct 11, 2004 00:12

Why doesn't changing the table tag attribute

style=""

to

style="display: none;"

not work?

Or, the css version would be to add "class=display_it" to the tag, and use javascript to change the tag property .className to "hide_it" with:

.display_it{
color: blue;
}

.hide_it{
display: none;
}

**asp_funda** · Oct 11, 2004 06:32

Make a class in the Print stylesheet & put

Code:

visibility:hidden;

in it. Then set it as menu's class.

Also, this should be in CSS forum instead of JS Forum.

**mediaman_12** · Oct 11, 2004 07:04

There are also some other things you may want to add to the print CSS ot make sure both the menu and the space for it on the page don't print in ANY browser.
Set it's height and width to 1px, set overflow: hidden: Also if there are any other elements contained in the section you dont wish to print remember to target those in the css also.

**beej123** · Oct 11, 2004 09:06

..didnt realize there was a css forum..lol..sorry.

k,its getting warmer, the table is eliminated, but menu layer is still there, but now at absolute top, which is an improvement. heres the snippet:

.hide_it{
display: none;
width:1px
height:1px
overflow:hidden;
}

#MenuPos
{
display: none;
width:1px
height:1px
overflow:hidden;
}
</style></head>

<body style="margin:0px">
<br>
<table width="779" height="15" border="0" align="center" cellpadding="1" cellspacing="0" bgcolor="#000000" class=hide_it>
<tr>
<td><div id='MenuPos' style='position:relative; width:777px; height:15px;'> <img src='imgs/trans.gif' width='777' height='15'></div></td>
</tr>
</table>
<script type='text/javascript'>function Go(){return}</script>

<script type='text/javascript' src='RelativePositioned_var.js'></script>

<script type='text/javascript' src='menu9_com.js'></script>

</body>
</html>

User Tag List

Thread: media=print and hiding...

Thread Tools

Display

Hybrid View

media=print and hiding...

Bookmarks

Bookmarks

Posting Permissions