締切済み

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

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>

関連するQ&A

テーブルの線を上に付けたい
http://home1.netpalace.jp/9/top.cgi このサイトのようにテーブルの線が画面の上下に貫通（？）しているようにしたいのですがどのようにタグを打てばいいのでしょうか？よろしくおねがいします。
- 締切済み
- HTML
上に隙間の無いサイトを作りたい
http://www.hot-dining.com/ のように、上下に隙間のないテーブルを作成したいのですが作り方が分かりません。。ホームページビルダーでＨＰを作成しているのですが、何か特別な記述やタグが必要なのでしょうか。ビルダーで作ると上に隙間が出来て格好わるいです。 http://www.internetmarketing.jp/index.html このサイトのように横に線を入れたりしたいので、もしよろしければ横に線を入れる方法も教えてください。よろしくお願い致します。
- ベストアンサー
- HTML
テーブルの線を極細にしたい
テーブルの線を細くしたいのですが、borderを1にしてもかなり太いです。これはやはりスタイルシートでやるしかないのでしょうか？また、どのように記述すればいいのでしょうか？ＨＰ作成初心者のため、できるだけわかりやすく回答いただけると嬉しいです。よろしくお願いいたします。
- ベストアンサー
- HTML
テーブルメニューの作り方
HP作成は初心者です。以下のサイトのトップページにあるような３×３のテーブルメニューをつくるためのCSSとhtmlのタグの記述方法を教えて下さい。 ↓ http://afi8.com/ このサイトの <h2>初心者アフィリエイターが稼ぐ為にやる事</h2> の下のあるテーブルメニューです。いちおう検索してみたのですが、同じように作成する方法が分かりませんでした。
- ベストアンサー
- CSS
テーブルをふちどる線
ホームページ制作初心者のものです。 Dreamweaver４でＨＰを作ろうと思い、様々なページを見ながら勉強中の者です。最近よく見かけるのですが、テーブルで組んだと思われる枠に色のついた細い線を使ったものが多くみられるのですが、あれはどのようにしているのでしょうか？？テーブルの枠線といったら、あのグレーの物しかできないものと思っていたのですが．．．。自分なりに考えて、テーブルの入れ子を駆使しして作ることはできたのですが、どうやら違ったやり方があるような気がします。もしかして、とっても簡単なことなのかもしれませんが、ご存知の方、どうかお教えください。 Dreamweaverでできるのでしょうか？
- ベストアンサー
- CSS
テーブルについて
HPのトップページに日記を載せるために、テーブルを設置したのですが、テーブル内ではタグって使えないんですか？色を変えたり文字の大きさを変えたりしたいのですが、何かいい方法はないでしょうか？よろしくお願いします！
- 締切済み
- その他（インターネット・Webサービス）
html、テーブル内にテーブル。表示位置
htmlで<table>タグを使って　テーブルを作成しました。（これをテーブル(1)とします。）このテーブルのなかに表を作成したいため、テーブル内で<table>タグを使用し表を作成しました。（ここで作成したテーブル（表）をテーブル(2)とします。）つまり、テーブル(1)の中にテーブル(2)(表)が存在する。といった状況です。ところがテーブル(2)がテーブル(1)の真ん中に表示されてしまいます。そこでテーブル(2)のタグに<table align="left" valign="top">というような要素を加えてみたのですが変化がありません。どうしたらよいでしょうか？教えてくださいよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
テーブルについて
初心者でＨＴＭＬでＨＰを作成中です。テーブルを上中下と作成し、上下に色をつけ、中に画像を入れました。ところが画像の外枠に１mm程度の白いスペースができてしまいます。隙間をなくす方法（ソース）を教えてください。
- ベストアンサー
- レンタルサーバ・ASP
テーブルの結合プロパティについて
ここの方々にはいつも感謝しております。 ACCESS2000を勉強中なのですが、使っていて疑問がありましたので質問させていただきます。 ACCESSのクエリ作成画面で複数のテーブルを選択してクエリを作成する際右クリックすると「結合プロパティ」と表示される線がテーブルとテーブルを結ぶ線として表示されることがあります。どうも、主キーとして、同じ名前があるテーブル同士は結合の線が表示されるみたいです。この線は、何か意味があるのでしょうか？簡単で良いので、考え方のアドバイスをお願いします。勝手の線が表示されるので、私としては、かなり心外（自分ではその様にはしたいとは思っていない）なのですが仕方ありません。ｗｗまた、同じ様な、画面上の表現となる、「リレーション」（これは自分で作るので納得しているのですが）とは違いはあるのでしょうか？以上、アドバイスいただけると幸いです。よろしくお願いします。
- ベストアンサー
- その他(データベース)
テーブルを横に並べたい
お世話になります。HTML初心者で、入門書を見ながらHPを作っています。テーブルを2つ横に並べたいのですが、まず画面左に適当な表（表１）を作りました。そして、表１の右に見た目で3cm程間をあけて、同じ表を作りたいのですが、どういうタグを打てばいいのでしょうか。よろしくお願いします。
- ベストアンサー
- HTML

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