Question

早上好，

我正在尝试使网页打印机友好。我已经设法通过另一个样式表完成了我的一个页面，并且引用这是我的母版页。

<link href="Styles/style2.css" rel="stylesheet" type="text/css" />
<link href="styles/style-print.css" media="print" rel="stylesheet" type="text/css" />

我遇到的问题是主页我希望打印机友好的选项保持由ASP组成。面板控件和它们也有1或2个子面板。我使用这些面板来减少混乱和滚动。

如果我将相关的div标签添加到主页面，我似乎只获取这些面板的标题，并且不会获得子标题或这些面板中的内容，除非我在单击打印机友好按钮之前折叠这些面板。

这不是一项任务，我希望用户也完成打印机友好页面看起来很可怕，因为我想删除面板/框。有没有办法让我格式化这个页面，所以我不会看到面板，只是当用户按下品特友好按钮时的内容？

此致贝蒂。

以下是我的可合并面板的示例代码......

       <table>
            <tr>
                <td style="width:528px">
                    <h5>Topic</h5>
                </td>
                <td style="width:154px">
                    <h5>Presenter</h5>
                </td>
                <td>
                    <h5>Time</h5>
                </td>
            </tr>
        </table>
        <!--   1.  HSE Issues (Main heading) -->
        <asp:Panel ID="pnlHeaderHSERegIssues" runat="server" CssClass="pnl" 
            Width="740px">
            <div style="float:left;">
                1. Safety, Health, Environmental &amp; Regulatory Issues
            </div>
            <div style="float:right;">
                <asp:Label ID="lblShowHideHSERegIssues" runat="server"></asp:Label>
            </div>
            <div style="clear:both">
            </div>
        </asp:Panel>
        <!--   1.1  Safety Sub heading  -->
        <asp:Panel ID="pnlInfoHSERegIssues" runat="server" CssClass="pnlBody">
            <asp:Panel ID="pnlHeaderSafety" runat="server" CssClass="pnlBody2" Width="740px">
                <div style="float:left;">
                    1.1 - Safety Reviews
                </div>
                <div style="float:right;">
                    <asp:Label ID="lblShowHideSafety" runat="server"></asp:Label>
                </div>
                <div style="clear:both">
                </div>
            </asp:Panel>
            <asp:Panel ID="pnlInfoSafety" runat="server" CssClass="pnlBody">
                <table width="100%">
                    <tr>
                        <td style="width: 510px">
                            <asp:TextBox ID="txtSafety" runat="server" Height="100px" 
                                style="font-family:Verdana" TextMode="MultiLine" Width="510px"></asp:TextBox>
                        </td>
                        <td style="width: 140px" valign="top">
                            <asp:TextBox ID="txtSafetyPresenter" runat="server" Height="97px" 
                                style="font-family:Verdana" width="140px"></asp:TextBox>
                        </td>
                        <td style="width: 57px" valign="top">
                            <asp:TextBox ID="txtSafetyTime" runat="server" style="font-family:Verdana" 
                                width="50px"></asp:TextBox>
                        </td>
                    </tr>
                </table>
            </asp:Panel>
          </asp:Panel>

        <!-- Collapse / un-collapse Panels (Main Heading) -->
        <asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender" runat="server" 
            CollapseControlID="pnlHeaderHSERegIssues" Collapsed="true" 
            CollapsedText="Show Details" ExpandControlID="pnlHeaderHSERegIssues" 
            ExpandDirection="Vertical" ExpandedText="Hide Details" ScrollContents="false" 
            TargetControlID="pnlInfoHSERegIssues" TextLabelID="lblShowHideHSERegIssues">
        </asp:CollapsiblePanelExtender>
        <!-- Collapse / un-collapse Panels (sub Heading) -->
        <asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server" 
            CollapseControlID="pnlHeaderSafety" Collapsed="true" CollapsedText="Show" 
            ExpandControlID="pnlHeaderSafety" ExpandDirection="Vertical" ExpandedText="Hide" 
            ScrollContents="false" TargetControlID="pnlInfoSafety" 
            TextLabelID="lblShowHideSafety">
       </asp:CollapsiblePanelExtender>

ASP.Net打印机友好页面

0 个答案: