ここから本文です

スタイルシートの2カラムCSSでわからないことがあります。 綺麗に作りたいのです...

イケテイナイメンズさん

2011/4/2510:24:42

スタイルシートの2カラムCSSでわからないことがあります。
綺麗に作りたいのですが、なかなかできません。

↓のやつをすべて書きました
どこを直せばいいですかね?
2カラムにしたいんですが(h3とh4)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN" "http://www.w3.org/TR/thml4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
<!--
h1 { font-size:medium; font-color:#000000; background-color:#99ff33;
width:800px; text-align:center; margin:0;}
h2 { font-size:medium; font-color:#000000; background-color:#ccffff;
width:800px; line-height:45px; text-align:center; margin:0;}
h3 { font-size:medium; font-size:medium; font-color:#000000; background-color:#ffff66;
width:200px; height:300; text-align:center; margin:0;}
h4 { font-size:medium; line-height:35pt; font-color:#000000; background-color:#ff99ff;
width:600px; height:200; text-align:left; margin:0;}
h5 { font-size:medium; font-color:#000000; background-color:#ccffff;
width:800px; text-align:center; margin:0; }
-->
</style>
</head>
<body>
<h1>ヘッダ画像・テキスト部分</h1>
<h2><style="vertical-align:sub">ひらがな えいご</style></h2>
<h3>・の行</h3>
<h3>・の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h4>あ</h4>
<h4>か</h4>
<h4>さ</h4>
<h4>た</h4>
<h4>な</h4>
<h4>は</h4>
<h4>ま</h4>
<h4>や</h4>
<h4>ら</h4>
<h4>わ</h4>
<h5>情報</h5>
</body>
</body>
</html>

すみません教えてください。

閲覧数:
333
回答数:
2

違反報告

ベストアンサーに選ばれた回答

rid********さん

2011/4/2512:58:43

*{ margin : 0; padding : 0; } 一応追加

h3 h4 ling line-height:35pt; 同じ高さ
#body {width:800px;} 追加(小さい画面対応)
#left,#light 追加


<style type="text/css">
<!--
*{ margin : 0; padding : 0; }

h1 { font-size:medium; font-color:#000000; background-color:#99ff33;
width:800px; text-align:center; }

h2 { font-size:medium; font-color:#000000; background-color:#ccffff;
width:800px; line-height:45px; text-align:center;}

h3 { font-size:medium; line-height:35pt; font-color:#000000; background-color:#ffff66;
width:200px; height:300; text-align:center;}

h4 { font-size:medium; line-height:35pt; font-color:#000000; background-color:#ff99ff;
width:600px; height:300; text-align:left; }

h5 { font-size:medium; font-color:#000000; background-color:#ccffff;
width:800px; text-align:center; }

#body {width:800px;}
#left { float : left; width:200px;}
#right { float : left; width:600px;}
-->
</style>
</head>

<body>
<div id="body">
<h1>ヘッダ画像・テキスト部分</h1>
<h2><style="vertical-align:sub">ひらがな えいご</style></h2>
<div id="left">
<h3>・の行</h3>
<h3>・の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
<h3>・「」の行</h3>
</div>

<div id="right">
<h4>あ</h4>
<h4>か</h4>
<h4>さ</h4>
<h4>た</h4>
<h4>な</h4>
<h4>は</h4>
<h4>ま</h4>
<h4>や</h4>
<h4>ら</h4>
<h4>わ</h4>
</div>
<h5>情報</h5>
</div>

</body>
</html>

質問した人からのコメント

2011/4/25 13:14:55

ありがとうございました。
できました。助かりました。

ベストアンサー以外の回答

1〜1件/1件中

dob********さん

2011/4/2511:16:12

完成予定図を見せてください

マークアップから直さないとダメな気がする

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる