Mediawiki page layout: Difference between revisions

From LemonWiki共筆
Jump to navigation Jump to search
No edit summary
m (Text replacement - "Category:WebDesign" to "Category:Design")
 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
兩欄 (表格式排版,不適合 mobile device):點選「編輯」,即可查看版面 HTML 原始碼
== 兩欄 (表格式排版) ==
{| class="plainlinks" cellspacing="5" cellpadding="0"
不適合 mobile device:點選「編輯」,即可查看版面 HTML 原始碼
 
{| class="plainlinks" cellspacing="5" cellpadding="0" style="width:100%"
|-valign="top"
|-valign="top"
| style="width:75%; border-right: 1px solid #cca; border-bottom: 1px solid #cca; padding: 10px; -moz-border-radius: 10px; color:black; background:#f9f9f9;" |
| style="width:75%; border-right: 1px solid #cca; border-bottom: 1px solid #cca; padding: 10px; -moz-border-radius: 10px; color:black; background:#f9f9f9;" |
<!-- 左欄 -->
<!-- 左欄 -->
左欄
<div style="height: 100px;">左欄文字
</div>
 


|width="25%" style="padding:0;margin:0;"|
|width="25%" style="padding:0;margin:0;"|
<div style="border-bottom:1px solid #CFD5D7; border-right: 1px solid #CFD5D7; padding: 10px; -moz-border-radius: 10px 10px 0 0; background:#E0EDEE">
<div style="border-bottom:1px solid #CFD5D7; border-right: 1px solid #CFD5D7; padding: 10px; -moz-border-radius: 10px 10px 0 0; background:#E0EDEE; text-align: center;">
<!-- 右欄 -->
右欄
</div>
 
|}
 
<!-- 區隔不同版面用 -->
<div style="clear:both; width: 100%; ">&nbsp;</div>
 
== 兩欄 (DIV 排版) ==
 
<div style="float:right; width: 270px; background-color: #EEEEEE; text-align: center;  padding: 0px">
<!-- 右欄 -->
<!-- 右欄 -->
右欄
右欄
</div>
</div>
<!-- 左欄 -->
左欄文字
<!-- 區隔不同版面用 -->
<div style="clear:both; width: 100%; ">&nbsp;</div>


[[Category:MediaWiki]] [[Category:WebDesign]]
[[Category:MediaWiki]] [[Category:Design]]

Latest revision as of 10:32, 16 May 2022

兩欄 (表格式排版)[edit]

不適合 mobile device:點選「編輯」,即可查看版面 HTML 原始碼

 

兩欄 (DIV 排版)[edit]

右欄

左欄文字