本文へスキップ

別館:エクセルQC館 別館:エクセル株式館

  1. トップページ>
  2. Tips>
  3. ホームページビルダー16、表の枠線が消せない原因

Tipstips

備忘録として、主にパソコン関係のTipsを記載して行きます。


新着情報
@UiPath、メモ
AOffice365、Excel:VBAで画面更新がチラツク時の対策
BOffice365、Excel:勝手に手動計算になる原因
COffice365、Excel:フィルターで3つ以上の条件にする方法
DOffice365、Excel:シート同士の違いを見つける方法

ホームページビルダー16、表の枠線が消せない原因

ホームページビルダー16ではフルCSSテンプレートを使用すると、大変綺麗なホームページが簡単に
作成できます。

しかし、フルCSSテンプレートを使っていて、表の枠線が消せない現象が発生しました。
以下、ホームページビルダー16、表の枠線が消せない原因と対策を記載して行きます。
(編集スタイル:スタンダード)

(項目1)
 ・フルCSSテンプレートを使用した再現手順を下記に示します。
 ・新規作成→フルCSSテンプレートを選び、サイトを作成しました。
 ・表 → 表の挿入 で表を作成しました。
 ・以下の様になりました。
  

(項目2)
 ・ここで表の枠線を消そうとして、右クリック → 属性の変更 → 表 → 枠表示をOFF
  に設定しました。
 ・設定変更後は、以下の画像です。
  

 ・枠線は消せませんでした。これは外部CSSで制御されている為と思われます。

(項目3)
 ・ホームページビルダー16、表、枠線、消せないをキーワードにして、インターネットで調べると
  [051836]フルCSSテンプレートで表の枠を消したいが見つかりました。
 ・これはCSSを変更する方法でした。

(項目4)
 ・以下は、HTMLソースを変更する方法を記載して行きます。
 ・最初に表の構成を説明します。セルを含んでおり、下記の関係になります。


 ・セルはHTMLソースでは要素と呼び、次の様になります。
  表 : table
  行 : tr
  セル: td

(項目5)
 ・枠線を変更するには、セルのボーダー(border)を変更する必要があります。
 ・ボーダー(border)の事を、HTMLソースでは属性と言います。
 ・その他の属性として、マージン(margin)、パディング(padding)なども有ります。
 ・ボーダー(border)、マージン(margin)、パディング(padding)は、以下の関係にあります。
  

(項目6)
 ・枠線変更前のHTMLソースです。
  <table border="1">
    <tbody>
      <tr>
        <td>&nbsp;</td>
        <td>物性A</td>
        <td>物性B</td>
        <td>物性C</td>
      </tr>
      <tr>
        <td>ロット1</td>
        <td>100</td>
        <td>20</td>
        <td>80</td>
      </tr>
    </tbody>
  </table>

(項目7)
 ・外部CSSで制御されている為、「style="border-style : none;」を追記します。
 ・枠線変更後のHTMLソースです。
  <table border="1" style="border-style : none;">
    <tbody>
      <tr style="border-style : none;">
        <td style="border-style : none;">&nbsp;</td>
        <td style="border-style : none;">物性A</td>
        <td style="border-style : none;">物性B</td>
        <td style="border-style : none;">物性C</td>
      </tr>
      <tr style="border-style : none;">
        <td style="border-style : none;">ロット1</td>
        <td style="border-style : none;">100</td>
        <td style="border-style : none;">20</td>
        <td style="border-style : none;">80</td>
      </tr>
    </tbody>
  </table>

(項目8)
 ・枠線変更後の画像です。枠線を消す事ができました。
  

(項目9)
 ・以上で、ホームページビルダー16、表の枠線が消せない原因と対策は終了です。



contents

エクセル将棋館

日本国

地方都市


スポンサード リンク