千年戦争アイギス Wiki
[
ホーム
|
リロード
|
新規
]
サイト内検索
:
[
差分チェッカー
]
[
アップローダー
]
【楽天スーパーDEAL】毎日更新・最大50%ポイントバック!!(広告)
Tweet
テストページ/swikiテーブル
をテンプレートにして作成
開始行:
*swikiのテーブルスタイル指定調査 [#yf90658b]
**dd_bgcoloraaaを指定 [#u7bcdfb9]
#style(class=dd_bgcoloraaa){{
~
|>|>|>|CENTER:|c
|>|>|>|ヘッダ1|h
|>|>|>|CENTER:標準背景色|
|BGCOLOR(#000):#000|BGCOLOR(#111):#111|BGCOLOR(#222):#222...
|BGCOLOR(#444):#444|BGCOLOR(#555):#555|BGCOLOR(#666):#666...
|>|>|>|CENTER:標準背景色|
|BGCOLOR(#888):#888|BGCOLOR(#999):#999|BGCOLOR(#aaa):#aaa...
|BGCOLOR(#ccc):#ccc|BGCOLOR(#ddd):#ddd|BGCOLOR(#eee):#eee...
|>|>|>|CENTER:標準背景色|
|フッタ1|フッタ2|フッタ3|フッタ4|f
~
}}
テーブル内にdd_bgcolorXXXのスタイル指定が効いていない?
**スタイル指定の入れ子 [#uac427c0]
***greentableの中にbgcolorXXX [#e7f3edc3]
#style(class=dd_floatleft){{{{
#style(class=dd_greentable){{{
#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
内側のdd_bgcolor888の背景色指定より
外側のdd_greentableの背景色指定が優先されている
}}}}
#style(class=dd_floatleft){{{{{
#pre{{{{
#style(class=dd_greentable){{{
#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
}}}}
}}}}}
#style(class=clearfix){{
~
}}
***bgcolorXXXの内側にgreentable [#y9e8a83d]
#style(class=dd_floatleft){{{{
#style(class=dd_bgcolor888){{{
#style(class=dd_greentable){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
外側のdd_bgcolor888の背景色指定より
内側のdd_greentableの背景色指定が優先されている
}}}}
#style(class=dd_floatleft){{{{{
#pre{{{{
#style(class=dd_bgcolor888){{{
#style(class=dd_greentable){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
}}}}
}}}}}
#style(class=clearfix){{
~
}}
***html化したときのstyle指定 [#x7b6a8d2]
#style(class=dd_floatleft){{{{
#pre{{{
#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
}}}}
//#style(class=dd_floatleft){{{{
//#style(class=dd_bgcolor888){{
//~
//|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
//|データ1-1|データ1-2|データ1-3|データ1-4|
//|データ2-1|データ2-2|データ2-3|データ2-4|
//|データ3-1|データ3-2|データ3-3|データ3-4|
//~
//}}
//}}}}
#style(class=dd_floatleft){{{
#pre{{
<div class="dd_bgcolor888">
↑ここで
div.dd_bgcolor888 {
background-color: #888;
}
が適用される
...
<table class="style_table" ... >
...
<tbody>
<tr>
<td class="style_td">データ1-1</td>
↑ここで
.style_td {
background-color: #eee;
}
が適用されてしまう
dd_greentable のように
div.dd_greentable table tbody tr td {
background-color: white;
color: black;
}
の定義があればいい?
...
</tr>
</tbody>
</table>
...
</div>
}}
}}}
#style(class=clearfix){{
~
}}
終了行:
*swikiのテーブルスタイル指定調査 [#yf90658b]
**dd_bgcoloraaaを指定 [#u7bcdfb9]
#style(class=dd_bgcoloraaa){{
~
|>|>|>|CENTER:|c
|>|>|>|ヘッダ1|h
|>|>|>|CENTER:標準背景色|
|BGCOLOR(#000):#000|BGCOLOR(#111):#111|BGCOLOR(#222):#222...
|BGCOLOR(#444):#444|BGCOLOR(#555):#555|BGCOLOR(#666):#666...
|>|>|>|CENTER:標準背景色|
|BGCOLOR(#888):#888|BGCOLOR(#999):#999|BGCOLOR(#aaa):#aaa...
|BGCOLOR(#ccc):#ccc|BGCOLOR(#ddd):#ddd|BGCOLOR(#eee):#eee...
|>|>|>|CENTER:標準背景色|
|フッタ1|フッタ2|フッタ3|フッタ4|f
~
}}
テーブル内にdd_bgcolorXXXのスタイル指定が効いていない?
**スタイル指定の入れ子 [#uac427c0]
***greentableの中にbgcolorXXX [#e7f3edc3]
#style(class=dd_floatleft){{{{
#style(class=dd_greentable){{{
#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
内側のdd_bgcolor888の背景色指定より
外側のdd_greentableの背景色指定が優先されている
}}}}
#style(class=dd_floatleft){{{{{
#pre{{{{
#style(class=dd_greentable){{{
#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
}}}}
}}}}}
#style(class=clearfix){{
~
}}
***bgcolorXXXの内側にgreentable [#y9e8a83d]
#style(class=dd_floatleft){{{{
#style(class=dd_bgcolor888){{{
#style(class=dd_greentable){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
外側のdd_bgcolor888の背景色指定より
内側のdd_greentableの背景色指定が優先されている
}}}}
#style(class=dd_floatleft){{{{{
#pre{{{{
#style(class=dd_bgcolor888){{{
#style(class=dd_greentable){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
}}}}
}}}}}
#style(class=clearfix){{
~
}}
***html化したときのstyle指定 [#x7b6a8d2]
#style(class=dd_floatleft){{{{
#pre{{{
#style(class=dd_bgcolor888){{
~
|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
|データ1-1|データ1-2|データ1-3|データ1-4|
|データ2-1|データ2-2|データ2-3|データ2-4|
|データ3-1|データ3-2|データ3-3|データ3-4|
~
}}
}}}
}}}}
//#style(class=dd_floatleft){{{{
//#style(class=dd_bgcolor888){{
//~
//|ヘッダ1|ヘッダ2|ヘッダ3|ヘッダ4|h
//|データ1-1|データ1-2|データ1-3|データ1-4|
//|データ2-1|データ2-2|データ2-3|データ2-4|
//|データ3-1|データ3-2|データ3-3|データ3-4|
//~
//}}
//}}}}
#style(class=dd_floatleft){{{
#pre{{
<div class="dd_bgcolor888">
↑ここで
div.dd_bgcolor888 {
background-color: #888;
}
が適用される
...
<table class="style_table" ... >
...
<tbody>
<tr>
<td class="style_td">データ1-1</td>
↑ここで
.style_td {
background-color: #eee;
}
が適用されてしまう
dd_greentable のように
div.dd_greentable table tbody tr td {
background-color: white;
color: black;
}
の定義があればいい?
...
</tr>
</tbody>
</table>
...
</div>
}}
}}}
#style(class=clearfix){{
~
}}
ページ名: