May mắn thay, mặc dù bằng cách sử dụng hack là một điều xấu xí của thiên nhiên, hack này không có hại khủng khiếp và chúng tôi có thể có được hiệu quả chúng tôi sau khi một thiết kế gọn gàng là trung tâm trên trang. Hơn nữa, các yếu tố phù hợp vào thời điểm này là rất cao, chúng tôi có thể hiển thị trong tất cả các loại trình duyệt, bao gồm cả Netscape , mà là khá mát mẻ. | Adding the Design Time Stylesheet To add the stylesheet right-click on the CSS Styles Panel and select Design time . CSS Styles - style Aboul Latest Go to Code Wrdgel Code New I _ H Application Edit. DatabaseT J - f Rename . Document Apply To use dynamic d __ ự 1. Create a Use External Editor 2. Choose Ỉ . Attach Style Sheet. 3. Setup t - server. Export. Select Design-time . 176 zone In the dialog that opens click the cross above Show only at design time and select your print stylesheet. Repeat the process for Hide at design time and select the real main stylesheet in my case . Design Time Style Sheets Click OK and Dreamweaver should now be previewing using your stylesheet - if you want to be sure then turn the background in some putrid color if you see the nasty color then it has worked. What a lovely pink . 177 zone Printing only relevant areas of the page The first step in creating our print stylesheet is to remove any page elements that aren t necessary in the printed document. In our case this is the navigation. The navigation in my layout is already contained within a div named navigation however if the page element that you want to hide for print doesn t already have an id give it one. Even if your layout is tables based rather than all CSS you can give a table or even a table cell an id in order to hide it. 8. I url global. C3S 9 10 3tyle 11 head 12 13 body 14 div id banner xữig 3rc image3 aIt- ACME Widgets Online width 390 height 38 x div 15 div id navigation 16 ul class main 17 11 class 3kipnav Xa href content Skip Navigation aX li 18 lixa href Ầbout U3 aX li 19 lixa href Latest News ax li 20 liXa href Widget3 a 21 ul Cla33 sub 22 lixa href Green Widget3 ax li 23 lixa href Pink Widget3 aX li 24 lixa href Orange Widget3 ax li 25 lixa href Spotty Widgets a li 26 ul 27 li 28 lixa href .
