Writing /volume1/Web/Public/dokuwiki/data/log/deprecated/2024-11-15.log failed
[
Please fill this placeholder (:wiki:site_notice)
]
現在位置:
start
»
study
»
css
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
====== Frame without frame ====== layer를 사용하여 Frame같은 효과를 내보자. ===== Identifying Your Sections ===== 간단히 화면구성이 다음과 같다고 하자. - left navigation - righ tnavigation - content 서두에서 얘기했듯이 table 포맷대신에 레이어를 사용하도록 한다. <code html> <div id="leftnavigation"></div> <div id="rightnavigation"></div> <div id="content"></div> </code> ===== Positioning ===== 1.left navigation <code css> #leftnavigation { position : absolute; left : 0; width : 150px; margin-left : 10px; margin-top : 20px; color : #000000; padding : 3px; } </code> 2.right navigation <code css> #rightnavigation { position : absolute; left : 80%; top : 20px; width : 140px; padding-left : 10px; z-index : 3; color : #000000; padding : 3px; } </code> 3.content <code css> #content { top : 0px; margin : 0px 25% 0 165px; padding : 3px; color : #000000; } </code> ===== See the sample ===== ===== Test Sample ===== <html> <head> <script type="text/javascript"> function open_win() { window.open("./test/css/frame_without_layer.html","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=100%, height=100%"); } </script> </head> <body> <a href="#" onclick="open_win()" style="text-decoration:underline;color:#900B09">frame whitout frame using layer</a> </body> </html>
トレース:
本文
議論
ソースの表示
以前のリビジョン
ログイン
ナビゲーション
News
Study
Music
Blog
Recent Changes
Help
links
Site map
Create Contents
検索
ツールボックス
被リンク
最近の変更
メディアマネージャー
索引
印刷用
固定リンク
項目の引用
QR Code