0

大家早，

我正在尝试使网页打印机友好。通过拥有另一个样式表并且引用这是我的母版页，我已经成功地为我的一个页面完成了此操作。

<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 标签添加到主页，我似乎只能获得这些面板的标题，而不会获得子标题或这些面板中的内容，除非我在单击打印机友好按钮之前折叠这些面板。

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

问候贝蒂。

这是我的可折叠面板的一些示例代码...

       <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>
4

0 回答 0