PDA

View Full Version : Printing hidden tabs on ddtabsmenu



JeffSinNHUSA
04-25-2013, 01:41 PM
1) Script Title: DD Tab Menu (5 styles)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

3) Describe problem: When you print the page, the hidden tabs do not print. I tried resolving with this CSS:


@media print
{
.tabcontent
{
display: block;
}
}

But it didn't work. Any ideas?

Thanks!

jscheuer1
04-25-2013, 04:41 PM
There could also be other problems, but the generated markup for an unseen tab is:


<div id="sb1" class="tabcontent" style="display: none;">

Return to the
<a href="http://www.dynamicdrive.com">frontpage</a>
of Dynamic Drive.

</div>

That's known as inline style and cannot be overridden by the css directive in your post. However, it can if you add the !important keyword:


@media print
{
.tabcontent
{
display: block !important;
}
}