Q&A
コードはマークダウンのcode機能を利用してご提示ください。
```html
ここにコード
```
↑改行
のような形ですね。「エラーメッセージ」はブラウザ開発ツールのコンソールなどを確認することなので、関係なければ項目削ってもらって良いです。それより、レイアウトなのであれば、今どのような見た目でどのようなゴールを目指しているかのほうが大事なので、現在の画面の画面キャプチャと目指す形を図示いただいたほうが良いです（投稿機能で画像アップロードも任意数出来ます）
前提・実現したいこと
index.htmlで一部を段組にして、それ以降を段組を解除して表示させたいと考えています。
発生している問題・エラーメッセージ
段組した記述以降がすべて、段組になってしまします。解除されません。
エラーメッセージ
エラーメッセージは出ません。
html
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
以下がindex.htmlの一部です。
<div class="blocka"> <p>□ Home</p> <p>■<a href="lessons.html" target="_self">講座内容</a></p> <p>■<a href ="schedule.html" target="_self">時間割</a></p> <p>■<a href="choice.html" target="_self">選択</a></p> <p>■<a href="link.html" target="_self">リンク集</a></p> <p>■<a href="calendar.html" target="_self"></a></p> </div> <div class="blockb"> <p>■<a href="kids.html" target="_self">KIDS</a></p> <p>■<a href="QandA.html">ＱandＡ</a></p> <p>■<a href="news.html">記事</a></p> <p>■<a href="access.html">アクセス</a><p> </div> </div> <div> <a href="tel:03-333-3333"><h3 class="h3font">電話をかける</h3></a> <a href="mailto:info@kids.com"><h3 class="h3font">メールはこちら </h3></a> </div>style sheetでは以下のようにしてあります。
div.blocka
{
float:left;
width:50%;
}
div.blockb
{
clear:right;
}
div開始、終了の数が合ってないようです。
doctype宣言も含めて全体提示されたほうが良いと思います。
インデントが無ければ、基本プログラマは見ないので、きちんとしましょう。
今のままでは、「やってほしいことだけを記載した丸投げの質問」と認識されますよ。
大変失礼いたしました。あの後、指摘いただいたこととなどを考えて試行錯誤してなんとかできました。ありがとうございました。
質問は編集できますので適宜ご対応ください。「自分さえ解決すればそれでいい」ような姿勢だとそのうち誰も相手しなくなります。
質問を読みやすくするのはまず一歩です。
回答2件
0
※注 回答ではなく編集依頼です。
HTML
1<div class="blocka"> 2 <p>□ Home</p> 3 <p>■<a href="lessons.html" target="_self">講座内容</a></p> 4 <p>■<a href ="schedule.html" target="_self">時間割</a></p> 5 <p>■<a href="choice.html" target="_self">選択</a></p> 6 <p>■<a href="link.html" target="_self">リンク集</a></p> 7 <p>■<a href="calendar.html" target="_self"></a></p> 8</div> 9 10<div class="blockb"> 11 <p>■<a href="kids.html" target="_self">KIDS</a></p> 12 <p>■<a href="QandA.html">ＱandＡ</a></p> 13 <p>■<a href="news.html">記事</a></p> 14 <p>■<a href="access.html">アクセス</a><p> 15</div> 16 17</div> <!-- このdivタグどこのdivの終わりですか？？？--> 18 19<div> 20 <a href="tel:03-333-3333"><h3 class="h3font">電話をかける</h3></a> 21 <a href="mailto:info@kids.com"><h3 class="h3font">メールはこちら</h3></a> 22</div>
CSS
1div.blocka { 2 float:left; 3 width:50%; 4} 5 6div.blockb{ 7 clear:right; /*右寄せされた要素に対する回り込みを解除するやつですが・・・。*/ 8}
↑今再現すると上の画像のようになります。
【編集していただきたいこと】
・HTMLの中にある不要なDIVタグがありますが、開始はどこへいったのでしょうか。
・段組み解除したいとおっしゃりますが、具体的な最終目標を図解していただきたいです。
（現状どこをどうしたらいいか文章だけからは判断がつきにくいです）
(一応clear:right を clear：leftに変えると右にあるdivは左によりますがそういうことではないですよね・・・？）
投稿2019/02/18 01:14
編集2019/02/18 01:16
総合スコア2341
0
自己解決
自己解決しました。htmlは以下の通りです。
<!DOCTYPE html><head><!--このファイルの最終更新日2019/2/14--> <meta charset="utf-8"> <meta name="author" content="Kids体操クラブ"> <meta name="description" content="KIｄｓ体操クラブの前身は１９<html lang="ja">
８０年にスタートした体操教室です。今では子どもから中高年の方まで通っています">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="viewport" content="width=device-width">
<title>Kids体操クラブのTopPage</title>
<link href="style_index.css" media="all" rel="stylesheet">
cssは以下の通りでした。
<style> div.floating { float:left; width:50%; } div.clearfloating { clear:both; } </style>投稿2019/02/18 22:21
総合スコア60
マークダウン使いましょう。
既についた回答のコード部分、どうなってますか？
平でコードを置かれても正しく再現することにはなりませんし、読みづらいです。
質問も回答も投稿者本人のみ編集できます。
あなたの回答
tips
プレビュー
