ベストアンサー

TABLEタグがうまくできません；；

2003/01/23 18:51

TABLEタグがうまくできなくて困っています。下にタグを記述したのですが、「xxx」のところに 300×225　の画像をいれようと思っています。しかし、セルに余計な空白がはいり、短い単語が２段になってしまったり、明らかに不自然なところに罫線がひかれてしまったりします。 widthでサイズを指定したり、いろいろしてみましたが、全然うまくできません。以下が私が書いたタグです。 <html> <head> </head> <body> <table border="1"> <tr> <td>あいうえお</td> <td width="300">みゆき</td> <td rowspan="4" valign="top" align="right"><img src="xxx.jpg"></td> </tr> <tr> <td>かきくけこ</td> <td>チンチラ・ゴールデン</td> </tr> <tr> <td>さしすせそ</td> <td>メス</td> </tr> <tr> <td>たちつてと</td> <td>２００１年１０月２３日</td> </tr> <tr> <td>なにぬねの</td> <td colspan="2">長毛　金白色</td> </tr> <tr> <td>はひふへほ</td> <td colspan="2">遊んでもらうのが大好きだが、さわられるのがあまり好きではない。抱かれるのも嫌いで、あまりかまうと、かんだり、ひっかいたりする。音に敏感で急に大きな音がすると、奥に隠れてしまう。家猫のため、人見知りもする。普段はほとんど寝ていることが多い。</td> </tr> </table> </body> </html> どなたかわかるかた、教えてください。よろしくお願いします。m( )m

lovekouhei
お礼率43% (130/300)

HTML
回答数6
ありがとう数8

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

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

ベストアンサー

duckling
ベストアンサー率47% (88/185)

2003/01/24 07:55 回答No.6

<table border="1"> <tr> <td>あいうえお</td> ↑ここの部分を <table border="1" width="500"> <tr> <td width="100">あいうえお</td> これにするだけで大丈夫だと思います。とりあえず、私の環境では問題なく見えてます。

質問者

お礼 2003/01/24 18:34

ありがとうございます。サイズ指定が重要なことを思い知らされました。これからはきちんとサイズ指定したいと思います。＾＾

その他の回答 (5)

godakaz
ベストアンサー率72% (16/22)

2003/01/23 19:23 回答No.5

Webデザインの世界で俗に「突っ張り棒」と呼ばれるダミー画像（透明GIFなど）を使うと良いかも。 <html> <head> </head> <body> <table border="1" width="540"> <tr> <td width="120">あいうえお <img src="dummy.gif" width="120" height="1"></td> <td width="120">みゆき <img src="dummy.gif" width="120" height="1"></td> <td rowspan="4" valign="top" align="right"><img src="xxx.jpg" width="300" height="225"></td> </tr> <tr> <td>かきくけこ</td> <td>チンチラ・ゴールデン</td> </tr> <tr> <td>さしすせそ</td> <td>メス</td> </tr> <tr> <td>たちつてと</td> <td>２００１年１０月２３日</td> </tr> <tr> <td>なにぬねの</td> <td colspan="2">長毛　金白色</td> </tr> <tr> <td>はひふへほ</td> <td colspan="2">遊んでもらうのが大好きだが、さわられるのがあまり好きではない。抱かれるのも嫌いで、あまりかまうと、かんだり、ひっかいたりする。音に敏感で急に大きな音がすると、奥に隠れてしまう。家猫のため、人見知りもする。普段はほとんど寝ていることが多い。</td> </tr> </table> </body> </html>

質問者

お礼 2003/01/24 18:37

ダミー画像なんていうのもあるんですね。また一つ勉強になりました。今度なかなかうまくいかないときは、ダミー画像を使ってみようと思います。ありがとうございました。

noname#5549

2003/01/23 19:18 回答No.4

こんばんは。僕が書くとしたら、 <table>タグに、cellpadding="0" cellspacing="0"を追加します。改行させたくないときは、<td>タグに、 nowrapを追加します。当然、サイズは全て指定します。一見無駄な場所にも指定します。これだとウィンドウサイズによってTABLEが拡大縮小されてしまいますよね。せめて<table>、<td>のサイズくらいは指定しましょう。

質問者

お礼 2003/01/24 18:32

今まであまり支障がなかったので、サイズ指定をあまりしませんでした。これからはきちんとやるようにします。ありがとうございました。

nitto3
ベストアンサー率21% (2656/12205)

2003/01/23 19:16 回答No.3

最後の文章に改行の を適当に入れれば解決します。この文がテーブルのサイズを決めてしまっています。 WIDTHが１ヵ所だけですね、それと枠をつなげている最後の項目とが関係しています。最初の項目にWIDTHを入れてもいいです。

質問者

お礼 2003/01/24 18:31

ご回答ありがとうございます。 widthをなるべく設定したほうがよいということですね。今まであまりサイズを指定してなかったので、これからはサイズを指定するようにします。＾＾

kmor
ベストアンサー率27% (225/825)

2003/01/23 19:15 回答No.2

<td>あいうえお</td> を <td width="100">あいうえお</td> と、セルの幅を指定するといいですね。あと、画像の横に隙間ができるってことですか？その場合もセルの幅を指定することで解決できると思いますよ。 <td rowspan="4" valign="top" align="right"><img src="xxx.jpg"></td> を画像の幅で <td width="20" rowspan="4" valign="top" align="right"><img src="xxx.jpg"></td> というように。または <td align="center" rowspan="4" valign="top" align="right"><img src="xxx.jpg"></td> のように中央寄せすると目立たなくなりますよね。

質問者

お礼 2003/01/24 18:28

ご回答ありがとうございます。なるべくセルのサイズは指定したほうがよいということですね。前よりは見栄えがよくなりました＾＾

noname#4326

2003/01/23 19:06 回答No.1

一番下の文章が長いからですね。 <td colspan="2">遊んでもらうのが大好きだが、さわられるのがあまり好きではない。 抱かれるのも嫌いで、あまりかまうと、かんだり、ひっかいたりする。 音に敏感で急に大きな音がすると、奥に隠れてしまう。 家猫のため、人見知りもする。普段はほとんど寝ていることが多い。</td> とすると、見た目が良くなるのでは？具体的な解決ではないのですが・・・。

質問者