• ベストアンサー

ホームページの表罫線について

例えば5×5の表を作成し、表の罫線も出すように作成したと仮定します。 すぺてのセル(マス)にテキストや画像を入れたときは、表の罫線はすべて出てきますが、 数カ所のセルに何も入れなかったとき、空にしたところのセル(マス)の罫線(縦や横)が消えてしまいます。 これを空にしても罫線が出るような方法(タグ)を教えてください。 ホームページビルダー6を使っています。

質問者が選んだベストアンサー

  • ベストアンサー
  • mumu20
  • ベストアンサー率36% (24/66)
回答No.4

私もホームページビルダーを使用していますが(ビルダー2001) タグを書かなくても単純に表の中にスペースを入れています。 そうすると表の罫線は表示されますよ。 ビルダーでのスペースは半角モードだと出来ないみたいなので、 全角モードにして入れています。 私も最初の頃、表の罫線が表示されない部分が気になって嫌だったので、 適当に「.(ドット)」を入れて背景と同じ色にして見えないように 隠していましたが、面倒くさかったのを覚えています。 スペースを入れた方が簡単でした(^_^;)

kazuu1623
質問者

お礼

回答ありがとうございました。 なるほど全角のスペースを入れるだけだったんですね。 これで気にならなくなりました。 ありがとうございました。

その他の回答 (3)

  • digitalian
  • ベストアンサー率29% (323/1104)
回答No.3

文法的には以下のようになりますが、現在のところ、Internet Explorer も Netscape も 共に、このスタイルシートに対応していないようなので、意図したとおりに表示されません。 回避策として、現状では No.1さんや No.2さんの方法を用いることになってしまうと思います。 スタイルシートを用いたソース例 <html> <head> <title>題名</title> <style type="text/css"> <!--  #s1 {empty-cell:show}  --> </style> </head> <body> <table border id="s1">   <tr>     <td>要素1</td>     <td>要素2</td>   </tr>   <tr>     <td>要素3</td>     <td></td>   </tr>   <tr>     <td>要素5</td>     <td>要素6</td>   </tr> </table> </body> </html> そもそも、文法上、デフォルトで enpty-cell:show になっていなくてはならないので、 > 数カ所のセルに何も入れなかったとき、空にしたところのセル(マス)の罫線(縦や横)が消えてしまいます。 という現象が起こること自体、すでにブラウザの対応が遅れているといえます。(最新版でも) 今後のブラウザのバージョンアップに期待しましょう。

kazuu1623
質問者

お礼

回答ありがとうございました。 #4さんの回答でようやく解決しました。 そうですね。早くそんなブラウザが出るといいですね。

noname#199778
noname#199778
回答No.2

少々強引な方法ですが、空のセルに透過gifを配置するか、「&nbsp;」(便宜的に&を全角にしていますが、半角で記述してください)を記述すると、セルが空でも線が表示されると思います。 見当違いでしたらごめんなさい。

kazuu1623
質問者

お礼

回答ありがとうございました。 全角スペースを入れたら解決しました。

  • shy00
  • ベストアンサー率34% (2081/5977)
回答No.1

その場合は <td><br></td> もしくは <td> </td>  ←半角スペースなどを入れる の様にすると、罫線が表示されるようになりますよ(^^)

kazuu1623
質問者

お礼

回答ありがとうございました。 半角はダメでしたが、全角なら大丈夫でした。

関連するQ&A