こういうテーブルを作りたい
- 0 名前： ララ ： 2004/10/08 20:08
- 普通の枠のあるテーブルが
■■■■■
■□□□■
■□□□■
■□□□■
■■■■■
これだとしたら
■■■■■
■■■■■
■□□□■
■□□□■
■□□□■
■■■■■
これです。
上の部分を少し太くしたいのです。
そして、そこの上に文字を書きたいです。
できますでしょうか？？
- 1 名前： k ： 2004/10/08 20:34
- 文字を入れたいんだったら、一番上の行の背景色を線の色と同じに指定したらどうでしょうか？
- 2 名前： ララ ： 2004/10/08 21:04
- 上の部分だけ太く出来ますか？？
一つのテーブルタグで出来るのでしょうか？
タグを教えてもらえるとありがたいです・・
- 3 名前： k ： 2004/10/08 22:28
- いえ、単純に、テーブルの最初の行（<tr><th></th></tr>）のところで、一行全部になるように連結させて
http://www.tagindex.com/html_tag/table/td_span.html
なおかつ、その行の背景色を線と同じ色にしたらどうでしょうって意味ですけど。
http://www.tagindex.com/html_tag/table/table_bgcolor.html
http://www.tagindex.com/html_tag/table/table_bordercolor.html
- 4 名前： ララ ： 2004/10/08 22:55
- ええっと・・難しいな説明が・・上のは記号を使っているので
別れているように見えるのですが、、、
中の白いところは別れていません。つまり一面です。
黒いところは棒線です。こちらも別れていません。
簡単に言うと、四角形に囲まれていてその上の部分だけが太くなっているんです。
よくニュースの題名とその時間を書いて、白いところに文字を書くのに使われたり
してます。
そして左右の棒線もつながっているんです・・難しい・・
- 5 名前： k ： 2004/10/08 23:50
- えーと、要するに、
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=1086
でＴＴさんがおっしゃってるものですか？
- 6 名前： 白狐 ： 2004/10/09 00:58
- 枠線の上に文字を書くことはできません。
しかし、セルの背景色を枠線と同じにすることで、あたかも
（太くなった）枠線の上に文字が書かれているように見せることができます。
ｋさんがおっしゃってるのは、こういうことですね。
……ひょっとして枠線の上だけを太くしたいだけで、線に文字を重ねたい
わけではなかったりするのですか？
もしそうなら、スタイルシートで指定ができますが……。
- 7 名前： カヅサツ ： 2004/10/09 04:41 ［URL］
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
body{
color: #000000;
background-color: #FFFFFF;
}
div.section{
border-width: 1px;
border-style: solid;
padding: 0px 10px 10px 10px
}
h2{
color: #FFFFFF;
background-color: #000000;
margin: 0px -10px;
}
</style>
</head>
<body>
<h1>ニュース</h1>
<div class="section">
<h2>台風、近畿から関東にかけて上陸か</h2>
<p>非常に強い台風２２号は９日午前１時現在、沖縄県南大東島の北東約４００キロを時速約４０キロで北北東に進んでいる。</p>
</div>
</body>
</html>
- 8 名前： ララ ： 2004/10/10 20:19
- まさしくそうです！
近くにありすぎて分かりませんでしたが、私が最初に書いた
「こういうテーブルを作りたい」と書いて、説明書きしてあるところの
周りのテーブルが作りたいのです。
- 9 名前： k ： 2004/10/10 20:36
- ならやっぱり、一番上の<tr>か<td>で背景色指定をして、
http://www.tagindex.com/html_tag/table/table_bgcolor.html
枠線と同じ色にするだけですよ？
http://www.tagindex.com/html_tag/table/table_bordercolor.html
これからも自力で応用利かせられるように、まずは一度見て、頑張ってみてください。で、出来なかったらどうできないのか（どこが分からないのか）教えてください。
（ちょっときつい言い方だけど、これくらいなら具体的なソースを出すまでもないと思うし、出さないと分からないと言うのは、見てないか、よほど基礎から分かってないか、だと思うので）
- 10 名前： ララ ： 2004/10/10 21:18
- ほんとにテーブルタグが苦手なんです。。
すみませんでした。
- 11 名前： 匿名希望 ： 2004/10/15 18:12
- > ならやっぱり、一番上の<tr>か<td>で背景色指定をして、
> http://www.tagindex.com/html_tag/table/table_bgcolor.html
> 枠線と同じ色にするだけですよ？
> http://www.tagindex.com/html_tag/table/table_bordercolor.html
それで本当にできたのでしょうか？
私が試す限り、どこかでCSSを使わないことにはできそうもありません。
いわゆる、「テーブルの枠線を細くしたい」と同じような状況です。
- 12 名前： k ： 2004/10/10 22:11
- あ、たしかに余白が面倒なことになってますね。
ごめんなさい。
テーブル自体の背景を線の色にして、二行目で色を変えたらかなりいい感じになりました。
こんな感じです。
<table bgcolor="0000ff" bordercolor="0000ff">
<tr><td><font color="ffffff">見出し</font></td></tr>
<tr bgcolor="ffffff"><td>本文</td></tr></table>
- 13 名前： ララ ： 2004/10/29 22:21
- 遅くなりましたがkさん、ありがとうございました！！
