HPの中にテーブルを使いたいんですが、
パーツがばらばらになってしまい、角もうまくつながりません。
テンプレートは配布サイトからDLしたものだったので、
メモ帳を使ってスタイルシートなしで試してみたところ、キレイにテーブルができました。
ソースが間違っているわけでもないようなので、やっぱりスタイルシートの影響ですよね…?
いろいろなサイトをまわって調べてみましたが、もうパンクしちゃいそうです◎
説明不足かもしれませんが、正直スタイルシートの何が原因なのか、ほんとにわかりません。
経験から「もしかしてこれじゃないの?」というのがあればぜひ教えてください!
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;}
に変えましょう。
ありがとうございます!
うまくつながらなかったテーブルが全てキレイにできました!
せっかく質問してくださることにもまともに答えられないし、
情けなくて使おうと思っていたテーブルは諦めようと思ってたんです。
goldfoxさんに本当に感謝です!
ありがとうございました!
スタイルシートの勉強、少しづつ頑張ります^^;
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
この回答への補足
説明不足でした。
<table>~</table>までちゃんと書いてあります。
cssファイルですが、
その中身を書いたものが、No.1で書いた「★スタイルシート★」の部分なんです。
いろいろ勉強しながら作ってはきたんですが、
あまりのスタイルシートなどの知識不足で恥ずかしいです//
ほんとすいません。
それでも何度も応えていただいて、ありがとうございます。
No.3
- 回答日時:
>何を載せたらいいかもわかんなかったので、とりあえず載せました。
提示されたソースでテストページを作成すれば、同様の現象を再現できる、その部分のソースをください。
どの部分を書けばいいのか分からないなら「ソースのすべて」を。
(URLを提示してもらうのが一番手っ取り早いのですが、この掲示板ではそれは禁止されていますので)
作ってみましたが、問題を再現できませんでした。
問題のページ上では、tableは<tr>から始まっているのでしょうか?
この回答への補足
多分違うと思いますが…こ、これでしょうか?
※はい、<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>
No.2
- 回答日時:
オリジナルのテンプレートのスタイルシートへのリンク部分
<link rel="stylesheet" type="text/css" href="****.css">
^^^^^^^^^^^^^^^^^^^^^
の行を削除してみてください。
表示がどのようになっているか、説明ではさっぱり分かりません。
もしtableの各セルが離れて表示されるということなら、
tableのデフォルトは、
border-collapse: collapse
表を結合ボーダーモデルで描画なのですが、ひょっとして
border-collapse:separate
表を分離ボーダーモデルで描画
になっているのかもしれません。
症状をテキストだけで伝えるのは困難でしょうが。なんとか
でなけりゃ画像をアップできる他のサービスで聞くしかないですね。
http://folomy.jp/ とか
No.1
- 回答日時:
スタイルシートが「なければ」上手くいくなら、それが原因で間違いないでしょう。
わざわざ聞くまでもないです。
>正直スタイルシートの何が原因なのか
問題のhtmlソースとスタイルシートを提示してくれなければ、分かろうハズもないのですが。
この回答への補足
★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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- SQL Server 大学でSQLの授業があるのですが全くわかりません。 表ではなく文で説明されているのですが調べても理解 6 2022/07/20 02:26
- その他(悩み相談・人生相談) 気遣いが出来ずにキレられた。 ファミレスのテーブル4人掛けで、2つは木の椅子、もうひとつはソファにな 9 2023/04/19 10:54
- その他(データベース) IT用語について質問です。 以前ITパスポートの試験を受けた際にデータベースが何の集まりかについての 2 2022/12/10 12:29
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- Excel(エクセル) CSVファイルがカンマ区切りにならない。対処法を教えていただきたいです。 仕事でSMS一斉送信ができ 2 2022/07/01 21:24
- 簿記検定・漢字検定・秘書検定 原因が分かった場合現金化不足は使わないっていう人もいるし、現金化不足の原因が分かったら現金化不足勘定 2 2023/06/03 09:49
- その他(データベース) 更新クエリをリンクデータベーステーブルに実行し実行時エラー3362固有インデックスに重複する値が含ま 1 2022/09/21 11:44
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<th>タグを使っても太字にしな...
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
table 幅固定で、端までいった...
-
テーブルデータを折り返して表...
-
table表を横に並べる際の間隔指定
-
親要素のwidthは子要素のwidth...
-
テーブルの高さを100%にしたけ...
-
CSSで特定のテーブルだけに...
-
同じ幅指定のつもりなのに、ブ...
-
HTML5で、テーブル内tdタグの高...
-
<fieldset>タグについて
-
html5のテーブル内でdivのタブ...
-
tableのcellpadding="0" cellsp...
-
正規表現で「より前」と「より後」
-
画面幅に合わせてテーブルのカ...
-
スタイルの無効化
-
<table>のclass指定が継承されない
-
tableタグでwidthとheightを100...
-
tableの位置がIEとその他ブラウ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
同じ幅指定のつもりなのに、ブ...
-
<fieldset>タグについて
-
画面幅に合わせてテーブルのカ...
-
tableを縦に続けるとtable間の...
-
html5のテーブル内でdivのタブ...
-
テーブル内のセル間にスペース...
-
ホームページのテキストを折り...
-
TR タグの表示・非表示を一括で...
-
tableの位置がIEとその他ブラウ...
-
textareaの外側の文字が下付き...
-
テーブルの高さを100%にしたけ...
-
ラインを端から端まで画面いっ...
おすすめ情報