締切済み

テーブルの線を上に引っ付けたい

2007/04/03 17:44

ＨＰ作成初心者です。いつも回答をいただき、大変感謝しております。 http://home1.netpalace.jp/9/top.cgi このサイトのようにテーブルの線が画面の上下に貫通（？）しているようにしたいのですがどのようなタグを入れればいいのでしょうか？よろしくお願いします。

mituru1986
お礼率42% (632/1491)

ホームページ作成ソフト
回答数3
ありがとう数2

みんなの回答 （3）
専門家の回答

みんなの回答

noname#56851

2007/04/04 20:05 回答No.3

border-topとborder-bottom　をnoneにして下さい。 border-width: 0px 1px 0px 1px; border-style:solid; border-color:#666666; padding:12px 15px 5px 15px; こういう書き方もあります。

質問者

お礼 2007/04/04 20:35

ありがとうございます。これはスタイルシートですか？？

noname#56851

2007/04/04 00:59 回答No.2

<TABLE width="750" height="100%" cellpadding="0" cellspacing="0" style="border-right-width : 1px;border-right-color : #666666;border-right-style : solid;border-left-width : 1px;border-left-color : #666666;border-left-style : solid;"> これがそのタグです。 height="100%" で画面の上から下まで貫通になります。後はボーダーの書き方を　styleで指定しています。

質問者

補足 2007/04/04 18:33

足お二人とも回答ありがとうございます。なんとか、出来たのですがどうしても上下の線が消えません。以下のソースでどこを書き直せば上下の線が消えるのでしょうか？もしよければお答え願いたいです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <title></title> <style type="text/css">  </style> </head> <body bottommargin="0" background="sozai/kabegami.gif" topmargin="0"> <table height="100%" cellspacing="1" cellpadding="1" width="730" align="center" bgcolor="#c0c0c0" border="0"> <tr> <td bgcolor="#ffffff" colspan="3">　</td> </tr> <tr> <td valign="middle" align="center" width="50" bgcolor="#ffffff" height="110"></td> <td valign="middle" align="center" background="sozai/bo-ichigo041.gif" bgcolor="#ffffff" height="110"><img height="50" alt="" src="sozai/title.gif" width="369" border="0"></td> <td valign="middle" align="center" width="50" bgcolor="#ffffff" height="110"></td> </tr> <tr> <td valign="top" noWrap width="160" bgcolor="#ffffff" colspan="3"><br> <p align="center"> <table style="MARGIN-TOP: -2px; FONT-WEIGHT: bold; WIDTH: 146px; FONT-FAMILY: 'mspゴシック'; HEIGHT: 241px" cellspacing="3" cellpadding="0" width="146" align="center"> <tr> <td style="BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #666666 1px solid" align="center"><font color="gray">Ｔｏｐ</font></td> </tr> <tr> <td><a class="menu" href="">Ｎｅｗｓ</font></a></td> </tr> <tr> <td><a class="menu" href="">作品集</a></td> </tr> <tr> <td><a class="menu" href="">お教室情報</font></a></td> </tr> <tr> <td><a class="menu" href="">Ｓｈｏｐｐｉｎｇ</a></td> </tr> <tr> <td><a class="menu" href="">Ｌｉｎｋ</a></td> </tr> </table> <br> <img src=""><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </p> <p align="center"><br> </p> <p align="center"><br> <br> </p> <tr> <td valign="top" noWrap bgcolor="#ffffff" colspan="3"> <p align="center"><font color="#808080">Copyright © 2005-2007 princess-ichigo, All rights reserved.</font></font></p></td></tr></table></body></html>

naokita
ベストアンサー率57% (1008/1745)

2007/04/03 21:37 回答No.1

http://home1.netpalace.jp/9/ の両側の横枠線の事ですよね？テーブルに枠線をつけ上下だけ枠線を消す。そして上下の隙間を無くします。テーブルの場合 <html> <head> <style type="text/css"></style> </head> <body> <table class="hoge"> <tr> <td> <h1>表示テスト</h1> </td></tr></table></body></html>