• MENU●●●●
  • テーブルの囲い枠を外す方法


    シリウスカスタマイズ アコーディオンブラインドメニューシリウスへ取り付け完了 詳細は外部カスタマイズメニューでご覧ください

    スポンサー広告

    関連記事


    シリウス機能 テーブル枠削除

    2014 1207
    シリウスカスタマイズテーマ テーブル枠削除

     

    当該コンテンツは 上部ぱテ-ブルカスタマイズページからの継続解説
    となります
    シリウステーブルカスタマイズ

     

    ここではテーブルを表示した際に見られる 囲い枠線を削除する
    手順を解説してまいります

     

    テーブル表示の際現れる枠線は その時のスタイルによっては

     

    表示されないほうが良い場合もございますね

     

    そんなコンテンツの場合はお役立てください

     

    枠線は消す スタイルシートでの指定でことが出来ます

     

     

    一つ 注意ごと

     

    スタイルシートで指定するため ページ別にテーブルを表示させている場合
    全てのテーブルに反映されます

     

    上部ページからの継続ですので 
    シリウス機能テーブルの上を削除して 下のみで表示という手順で
    勧めます

     

    以下の記述です

     

    <!-- ★テーブルタグここから★ -->
    <table class="dsc2item col4" cellspacing="1">
    <tbody>
    <tr>
    <td>項目1</td>
    <td>項目2</td>
    <td>項目3</td>
    <td>項目4</td>
    </tr>
    <!-- ★insertRow(<tr><td>項目1</td><td>項目2</td><td>項目3</td><td>項目4</td></tr>)★ -->
    </tbody>
    </table>
    <!-- ★テーブルタグここまで★ -->

     

     

     

    スタイルシートからtableCSSを選択

     

     

     

     

    デフォルトで26番のカラーコードは#CCCを指定してます

     

    これが枠線のカラーですが 枠線を削除するのではなく
    画面上から見えなくします

     

    スタイルシート上にはあるものの 透明にして見えなくする ということ

     

    透明コード transparent で書き換えます

     

    transparent

     

    記載例 コピーしても使えます
    table,td,th{
    border:solid 1px transparent;

     

    枠線あり 125PXバナー

     

     

    枠線なし

     

     

    サイトに配置した場合 テーブルの横幅は記事カラムに自動であわされます

     

    バナーですとサイズが調整されないので 横にスペースが空きます

     

     

     

    画像 リンクを含みますが 隙間がある際は横サイズを延長しますと
    隙間を小さくできます

     

    デフォルト

     

     

    画像サイズ調整

     

     


     

    記事背景が白でない場合 画像背景を合わせる必要もございますね

     

    背景は
    background出指定されています

     

     

    その際は
    テーブルの種類に合わせて CSSの記述から

     

    background-color: #EEEEEE;を探し出し

     

    カラーコードを書き換えます

     

    スポンサーリンク

     

     

    テーブルの囲い枠を外す方法
    シリウステーブルカスタマイズ
    シリウスカスタマイズトップ

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト