tailieunhanh - css web sites with dreamweaver mx 2004 - Phần 10

Bây giờ mở của bạn trong Code View Dreamweaver MX. Có hai cách mà tôi đã xử lý với tình hình này trong quá khứ - một là để làm cho chiều rộng cố định bố trí cho Netscape 4 như sau đó chúng tôi có thể làm cho các khối nội dung có chiều rộng thiết lập và vị trí chuyển hướng | zone Now open up your in the Code View of Dreamweaver MX. There are two ways in which I have dealt with this situation in the past - one is to make the layout fixed width for Netscape 4 as then we can make the content block a set width and position the navigation using absolute positioning from the left the other and this is how I will approach it here is to swap the menu over so that it appears on the left of the content for Netscape 4 users. To swap the menu to the left of the content edit the section in for content. Set margin-right to 40px and margin-left to 220px. content margin-right 40px margin-left 220px background-color E6EEF6 color 29547D padding 6px border 1px solid 29547D Now edit the section for nav changing right 20px to left 20px. nav position absolute top 20px left 20px width 180px background-color ffffff color 000000 border 1px solid E6EEF6 198 zone Now preview your document in Netscape 4. Our document in Netscape after changing If you have previewed the document in a newer browser already you will be muttering about how I don t know what I m talking about as it will appear broken with the menu jumping over to the left. There is a reason for this. If you remember when we did our test page earlier I explained that what we are doing is over writing the values set in the linked style sheet with different values for those browsers that see the imported style sheet. This means that any value in the linked style sheet must have another value over writing it in the imported sheet - and we have just added a left positioning value to our linked style sheet that does not appear in the imported one. All you need to do to fix that is to open up and in the section for nav add the following line - left auto making the section look like so nav position absolute left auto top 2 0px right 2 0px width 180px background-color ffffff color 000000 199 border 1px solid E6EEF6 Preview your page now and it should have returned to .

crossorigin="anonymous">
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.