締切済み

ＨＰ製作中ですが思うように出来ません　

2011/10/22 06:59

今、最初はタイトルだけが表示され、本文領域は折り畳まれている状態。閲覧者がボタンをクリックすることで本文領域を表示させられるようなボックスを作っています質問　（１）例 <STYLE type="text/css"></STYLE> </HEAD> <BODY> <DIV style="top : 70px;left : 50px; position : absolute; z-index : 1; " id="Layer1"> <DIV></DIV> </DIV> <DIV style="top : 70px;left : 50px; position : absolute; z-index : 1; " id="Layer1"> <DIV style="top : 27px;left : 142px; position : absolute; z-index : 2; width : 251px; height : 105px; " id="Layer2"> <div class="CollapsibleBox" id="CBoxCover1"> <div class="CollapsibleBoxTitle"> <p class="cBoxButtons"><BR> <A onclick="ShowCBox('CBoxBody1'); return false;" title="折りたたみ／復元" href="#"><img src="buttoncol.gif" width="18" height="14" alt="折りたたみ／復元"></A></p> <p class="cBoxTitle">ボックスタイトル　１：</p> </div> <div class="CollapsibleBoxBody" id="CBoxBody1"> <p>1. ～本文～<br> 2. ～本文～<br> 3. ～本文～<br> </p> </div> </div> <div class="CollapsibleBox" id="CBoxCover2"> <div class="CollapsibleBoxTitle"> <p class="cBoxButtons"><BR> <A onclick="ShowCBox('CBoxBody2'); return false;" title="折りたたみ／復元" href="#"><img src="buttoncol.gif" width="18" height="14" alt="折りたたみ／復元"></A></p> <p class="cBoxTitle">ボックスタイトル　２：</p> </div> <div class="CollapsibleBoxBody" id="CBoxBody2"> <p>1. ～本文～<br> 2. ～本文～<br> 3. ～本文～<br> </p> </div> </div> <div class="CollapsibleBox" id="CBoxCover3"> <div class="CollapsibleBoxTitle"> <p class="cBoxButtons"><BR> <A onclick="ShowCBox('CBoxBody3'); return false;" title="折りたたみ／復元" href="#"><img src="buttoncol.gif" width="18" height="14" alt="折りたたみ／復元"></A></p> <p class="cBoxTitle">ボックスタイトル　３：</p> </div> <div class="CollapsibleBoxBody" id="CBoxBody3"> <p>1. ～本文～<br> 2. ～本文～<br> 3. ～本文～<br> </p> </div> </div> </DIV> <DIV style="width : 12px;height : 12px;top : 31px;left : 122px; position : absolute; z-index : 3; " id="Layer1"><script type="text/javascript"></script></DIV> <DIV style="top : 20px;left : 0px; position : absolute; z-index : 1; " id="Layer3"> <DIV></DIV> </DIV> </DIV> <DIV style="top : 195px;left : 80px; position : absolute; z-index : 3; " id="Layer4"> <DIV></DIV> </DIV> </BODY> タイトルボックス　１　の本文を読み終えてタイトルボックス　２　をクリィックするとタイトルボックス　１　が自動的にタイトルだけ（本文が消える）ようにしたいのですが上手くいきません質問（２）右端の画像が呼び出しになっていますがこれお　タイトルボックス全体にしたいのですがどの様なソースを記入すれば良いのかアドバイスお願いします。

mako-4493
お礼率30% (40/133)

CSS
回答数2
ありがとう数1

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

みんなの回答

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/10/22 09:31 回答No.2

HTMLを書いたら、 ★The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input ) や ★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) でチェックする癖をつけましょう。　HTMLが出来上がったら、スタイルシートを書いて希望するプレゼンテーションになるようにデザインしていきます。　HTMLは、文書構造にしたがってマークアップしていくのが基本です。デザインではありません。　たとえば <p>1. ～本文～<br> 2. ～本文～<br> 3. ～本文～<br> </p> 　のような書き方はしません。<p></p>は一つの段落を示します。<br>は一つの段落内での強制改行で、通常のHTMLドキュメント内にはまず登場することはありません。 <div class="section"> 　<h2>見出し</h2> 　<p>段落</p> 　<p>段落</p> </div> <div class="section"> 　<h2>見出し</h2> 　<p>段落</p> 　<p>段落</p> </div> のようにマークアップされるはずです。　HTMLは、何であるかの基本中の基本、そして最も重要な部分が学べていないようです。【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから文書構造とプレゼンテーションとのより明解な区別。従って、プレゼンテーション目的の場合HTMLの要素や属性ではなくスタイルシートの使用を奨励する。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［2.3.2 アクセス性( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.2 )］より　そのうえで、「閲覧者がボタンをクリックすることで本文領域を表示させられる」ように、スタイルシートなりjavascriptを書けばよい。スタイルシート--それも簡単な---だけで十分な気がします。