サイトマップ
シリウス機能 テーブル枠削除
2014 1207
シリウスカスタマイズテーマ テーブル枠削除
当該コンテンツは 上部ぱテ－ブルカスタマイズページからの継続解説
となります
シリウステーブルカスタマイズ
ここではテーブルを表示した際に見られる 囲い枠線を削除する
手順を解説してまいります
テーブル表示の際現れる枠線は その時のスタイルによっては
表示されないほうが良い場合もございますね
そんなコンテンツの場合はお役立てください
枠線は消す スタイルシートでの指定でことが出来ます
一つ 注意ごと
スタイルシートで指定するため ページ別にテーブルを表示させている場合
全てのテーブルに反映されます
上部ページからの継続ですので
シリウス機能テーブルの上を削除して 下のみで表示という手順で
勧めます
以下の記述です
<!-- ★テーブルタグここから★ -->
<table class="dsc2item col4" cellspacing="1">
<tbody>
<tr>
<td>項目１</td>
<td>項目２</td>
<td>項目３</td>
<td>項目４</td>
</tr>
<!-- ★insertRow(<tr><td>項目１</td><td>項目２</td><td>項目３</td><td>項目４</td></tr>)★ -->
</tbody>
</table>
<!-- ★テーブルタグここまで★ -->
スタイルシートからtableCSSを選択
デフォルトで26番のカラーコードは＃ＣＣＣを指定してます
これが枠線のカラーですが 枠線を削除するのではなく
画面上から見えなくします
スタイルシート上にはあるものの 透明にして見えなくする ということ
透明コード transparent で書き換えます
transparent
記載例 コピーしても使えます
table,td,th{
border:solid 1px transparent;
枠線あり １２５ＰＸバナー
枠線なし
サイトに配置した場合 テーブルの横幅は記事カラムに自動であわされます
バナーですとサイズが調整されないので 横にスペースが空きます
画像 リンクを含みますが 隙間がある際は横サイズを延長しますと
隙間を小さくできます
デフォルト
画像サイズ調整
記事背景が白でない場合 画像背景を合わせる必要もございますね
背景は
background出指定されています
その際は
テーブルの種類に合わせて ＣＳＳの記述から
background-color: #EEEEEE;を探し出し
カラーコードを書き換えます
スポンサーリンク
