• ベストアンサー

テーブルがうまくいきません。

HPの中にテーブルを使いたいんですが、 パーツがばらばらになってしまい、角もうまくつながりません。 テンプレートは配布サイトからDLしたものだったので、 メモ帳を使ってスタイルシートなしで試してみたところ、キレイにテーブルができました。 ソースが間違っているわけでもないようなので、やっぱりスタイルシートの影響ですよね…? いろいろなサイトをまわって調べてみましたが、もうパンクしちゃいそうです◎ 説明不足かもしれませんが、正直スタイルシートの何が原因なのか、ほんとにわかりません。 経験から「もしかしてこれじゃないの?」というのがあればぜひ教えてください!

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

  • ベストアンサー
  • goldfox
  • ベストアンサー率49% (123/249)
回答No.5

>その中身を書いたものが、No.1で書いた「★スタイルシート★」の部分なんです。 ああ、やっとわかりました。 paddingが原因です。 body,td,th{ ~ margin:0px; padding:3px; (←td内にも余白ができる) } body{background-color:#色;} を body,td,th{ ~ margin:0px; } body{background-color:#色; padding:3px;} に変えましょう。

hoshikun23
質問者

お礼

ありがとうございます! うまくつながらなかったテーブルが全てキレイにできました! せっかく質問してくださることにもまともに答えられないし、 情けなくて使おうと思っていたテーブルは諦めようと思ってたんです。 goldfoxさんに本当に感謝です! ありがとうございました! スタイルシートの勉強、少しづつ頑張ります^^;

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (4)

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.4

※はい、<tr>から始まってます。 ちゃんと<table>から</table>までありますよ。 つか、<table>で始まって</table>で終わらなければダメです。 「ない」と思うなら自分できちんと書かなくてはダメです。 http://www.tagindex.com/html_tag/table/table.html 次はcssファイル(style.css)の中身も提示してください。 ※普通のページでdoctype宣言にframeset用を使うのは間違っています。(<frameset>が書かれた土台ページにのみ使う) 普通のStrictかTransitionalを宣言しましょう。 http://www.tagindex.com/html_tag/page/doctype.html

hoshikun23
質問者

補足

説明不足でした。 <table>~</table>までちゃんと書いてあります。 cssファイルですが、 その中身を書いたものが、No.1で書いた「★スタイルシート★」の部分なんです。 いろいろ勉強しながら作ってはきたんですが、 あまりのスタイルシートなどの知識不足で恥ずかしいです// ほんとすいません。 それでも何度も応えていただいて、ありがとうございます。

全文を見る
すると、全ての回答が全文表示されます。
  • goldfox
  • ベストアンサー率49% (123/249)
回答No.3

>何を載せたらいいかもわかんなかったので、とりあえず載せました。 提示されたソースでテストページを作成すれば、同様の現象を再現できる、その部分のソースをください。 どの部分を書けばいいのか分からないなら「ソースのすべて」を。 (URLを提示してもらうのが一番手っ取り早いのですが、この掲示板ではそれは禁止されていますので) 作ってみましたが、問題を再現できませんでした。 問題のページ上では、tableは<tr>から始まっているのでしょうか?

hoshikun23
質問者

補足

多分違うと思いますが…こ、これでしょうか? ※はい、<tr>から始まってます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="style.css"> <title>サイト名</title> </head> <body> <TABLE border="0" cellpadding="0" cellspacing="0"> <TR> <TD width="42" height="39"><IMG src="a-t1.gif" width="42" height="39"></TD> <TD background="a-t2.gif"></TD> <TD width="36" height="39"><IMG src="a-t3.gif" width="36" height="39"></TD> </TR> <TR> <TD background="a-t4.gif"></TD> <TD bgcolor="#ffffff"> <p>ココに文章 ココに文章</p> <p>ココに文章 ココに文章</p> <p>ココに文章 ココに文章</p> </TD> <TD background="a-t5.gif"></TD> </TR> <TR> <TD width="42" height="34"><IMG src="a-t6.gif" width="42" height="34"></TD> <TD background="a-t7.gif"></TD> <TD width="36" height="34"><IMG src="a-t8.gif" width="36" height="34"></TD> </TR> </TABLE> </div> </body> </html>

全文を見る
すると、全ての回答が全文表示されます。
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

オリジナルのテンプレートのスタイルシートへのリンク部分 <link rel="stylesheet" type="text/css" href="****.css"> ^^^^^^^^^^^^^^^^^^^^^ の行を削除してみてください。 表示がどのようになっているか、説明ではさっぱり分かりません。 もしtableの各セルが離れて表示されるということなら、 tableのデフォルトは、 border-collapse: collapse  表を結合ボーダーモデルで描画なのですが、ひょっとして border-collapse:separate  表を分離ボーダーモデルで描画 になっているのかもしれません。 症状をテキストだけで伝えるのは困難でしょうが。なんとか でなけりゃ画像をアップできる他のサービスで聞くしかないですね。 http://folomy.jp/ とか

全文を見る
すると、全ての回答が全文表示されます。
  • goldfox
  • ベストアンサー率49% (123/249)
回答No.1

スタイルシートが「なければ」上手くいくなら、それが原因で間違いないでしょう。 わざわざ聞くまでもないです。 >正直スタイルシートの何が原因なのか 問題のhtmlソースとスタイルシートを提示してくれなければ、分かろうハズもないのですが。

hoshikun23
質問者

補足

★HTML★ <TR> <TD width="42" height="39"><IMG src="ファイル" width="42" height="39"></TD> <TD background="ファイル"></TD> <TD width="36" height="39"><IMG src="ファイル" width="36" height="39"></TD> </TR> <TR> <TD background="ファイル"></TD> <TD bgcolor="色"> <p>ココに文章 ココに文章</p> <p>ココに文章 ココに文章</p> <p>ココに文章 ココに文章</p> </TD> <TD background="画像"></TD> </TR> <TR> <TD width="42" height="34"><IMG src="画像" width="42" height="34"></TD> <TD background="画像"></TD> <TD width="36" height="34"><IMG src="画像" width="36" height="34"></TD> </TR> </TABLE> ★スタイルシート★ 何を載せたらいいかもわかんなかったので、とりあえず載せました。 長くてすいません。 ※実際は画像もカラーコードもちゃんと入ってます。 -全体- body,td,th{ font-size:70%; color:色; font-family:Verdana,Osaka,'MS P Gothic'; font-weight:normal; margin:0px; padding:3px; } body{background-color:#色;} -リスト設定- ul,ol{ list-style-position:inside; margin:0px 0px 0px 15px; } -画像のボーダー0- img{border:none;} -デザイン全般- .ta{margin:30px 0px 0px 0px;} .ta1{background:url(bg01.jpg) no-repeat 0% 0%;} .ta2{background:url(bg02.jpg) no-repeat 0% 0%;} #scroll{ overflow:auto; font-size:10px; color:色; line-height:17px; height:230px;width:200px; border-top:1px solid #色; border-bottom:1px solid #色; padding:6px; margin:4px 3px; } -テキスト- .text1{ line-height:20px; padding:12px 30px 40px 25px; } ※何も知らなくてすいません;

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • テーブルがうまくいきません

    HPの中にテーブルを使いたいんですが、 パーツがばらばらになってしまい、角もうまくつながりません。 テンプレートは配布サイトからDLしたものだったので、 メモ帳を使ってスタイルシートなしで試してみたところ、キレイにテーブルができました。 ソースが間違っているわけでもないようなので、やっぱりスタイルシートの影響ですよね…? いろいろなサイトをまわって調べてみましたが、もうパンクしちゃいそうです◎ 説明不足かもしれませんが、正直スタイルシートの何が原因なのか、ほんとにわかりません。 経験から「もしかしてこれじゃないの?」というのがあればぜひ教えてください。

  • 角が丸いテーブルをスタイルだけでやるには

    角が丸いテーブルのタブメニューがよくお洒落なサイトで使われていますよね? それと同じ事をしたいのですが、スタイルシートだけで出来るものなのでしょうか。 簡単なやり方などご存知でしたら教えてください。 お願いします。

    • ベストアンサー
    • HTML
  • スタイルシートで、テーブル作成について

    スタイルシートでテーブル枠をつくりたいのですが スタイルシートを使わない場合図形をつかって、角をまるくしたテーブルを作れますよね、このテーブルをスタイルシートでできないのでしょうか? 図形を使わない方法を見たことがあるのですが、IEには対応していないみたいです ご存知の方よろしくお願いします

  • CSSでテーブルを作る方法。

    ヤプログでブログをカスタマイズしております。 メインテンプレートなどに直接テーブルを書き込んでいますが、アーカイブテンプレートや1記事テンプレートなど、それぞれに同様のテーブルを書き込みました。 一つのテーブルの中身に手を入れるのに、3つのテンプレートそれぞれ手を入れなくてはならないのですが、1つの更新で済む様にするにはどうすれば良いのでしょうか? HTMLは少々分かりますが、CSS(スタイルシート)はさっぱりですw アドバイス下さい。 宜しくお願いします。

  • CSSかテーブルか?

    はじめまして。 WEBサイトのソースを見て、CSSスタイルシートかテーブルで作られたかを判断できるのでしょうか? できるのであれば判断方法を教えてください。 本当に初心者で、とんだ勘違い質問かもしれませんがどうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • テーブルやボックスの角を丸くする方法を教えて下さい。

    HPの初心者です。 Win98 IE6.0を使っています。 テーブルやスタイルシートのボックスを作った場合、通常それらの4角は直角になります。 これらを丸くする方法があれば、教えて下さい。 私はやむを得ず、画像ソフトを使っています。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブル素材

    とてもクールでかっこいいテーブル素材を配布しているサイトがあれば教えてください!一括DLですぐ使えるものが良いです!

  • テーブルの角を画像を使わずに丸くさせたい

    1616BBSという掲示板のスタイルシートを弄っており、自分で解決出来ない問題が浮上しまして此の場をお借りして質問させていただきました。 テーブルの角を丸くさせる方法は画像を使ったものが主流だと思いますが、出来ればテーブルの角を丸くさせる方法を探しております。ご存知の方がいらっしゃれば、教えてくださると助かります。方法の回答じゃなく、こういう方法が載っているサイトを知っているという回答でも構いません。

  • 角のある四角いテーブルで囲みたい(ホームページ)

    Dreamweaver8を使用しています。 テーブルを利用して各項目別に区切って記述したいのですが、 これだと四角ばかりで硬いイメージになってしまいます。 下記サイトのような角が丸いテーブルを使用したいのですが、 どのようにすればよいのでしょうか? おそらくスタイルシートを使用しているのだと思いますが、 cssファイルを開いても、どこのぶぶんかわかりませんでした。 http://www.cashingpartner.com/ よろしくお願いします。

  • HPの表やテーブルについて。

    HPの作成のために、テーブルという素材をダウンロードしました。 フリー素材を配布しているサイトさんからです。 テーブルは、9個のパーツ(イメージ)からできていて、縦横のサイズは自由にできます。 そのテーブルを、ページ上で自由に配置したいのですが、どうすればよいでしょうか。 中央配置や、左インデントなどではなくです。 また、表の位置も自由に配置するには、どうすればよいでしょうか。 教えてください。

このQ&Aのポイント
  • 筆まめVer21からVer34にアップデートしても、年賀状作成に使えるかどうかが知りたい。
  • 最新の筆まめは干支の画像などを含んだ年賀状作成が可能か確認したい。
  • 筆まめVer34を購入しても自動更新せず、来年以降も使えるか知りたい。
回答を見る

専門家に質問してみよう