プラグインがオカシイです…
デザインを変更しましたが、何故かプラグインの右側だけものすごい下に行ってしまいます。どうしてでしょうか?因みに全てのページにおいて再構築しました。なおブログのURLは です。
よろしくお願いします。
回答(1)
1.

一例だけ書いておきます。実際のおかしい記述は右サイドカラムの部分 ( フリーエリア? ) 全てです。
<div class="sidetitlebody">
<div class="sidetitle">味噌ラーメン<br>(東京競馬場内)</div>
</div>
<div class="sidetop"></div>
<div class="side">
<a href=" ; target="_blank"><img src=" ; width="160" height="120" border="0"></a><br /><div align="left">隠れた名店。最近のラーメンブームに逆行したような520円という価格設定には驚く。スープにもやしとひき肉を炒めたのが入っているだけだが、ちぢれ麺がよくスープに絡み妙に後を引く。非常に美味しい。競馬場のパドックの裏の階段を下りたトコにある。看板見える。</div></a>
</div>
<div class="sidebottom"></div>
これわかります? 末尾の文章の右横にある </div> の右に </a> が余分に付いているのが。他の記述も全てに </a> が余分に付けられています。
これを削除して下さい。ついでに、他にも間違った記述がないか、もう一度見直しをなされたほうが良いかと思います。
色々やってみたんですけど、画像がおかしくなってしまったりしたんです…。ただ、2カラムにしたらシンプルでいい感じになったので(笑)このままにしてみました。ブログはまだ続けていくのでどこかで困っているところを見つけたりしたらアドバイスお願いします!!
コメント(12)
</a>は削除しましたがまたなんか変になってしまいました。何か考えられることがありましたらアドバイスお願いします。
ゆっくり落ち着いて、見てみて下さい。
今度はさっきと違う間違いがあります。
<div class="sidebottom"></div><div class="sidetitlebody">
<div class="sidetitle">蒸し鶏ポン酢<br>(串八珍)</div>
</div>
<div class="sidetop"></div>
<div class="side">
<a href="http://image.blog.livedoor.jp/nakaji9269/imgs/b/0/...; target="_blank"><img src="http://image.blog.livedoor.jp/nakaji9269/imgs/b/0/...; width="160" height="120" border="0"></a><br />蒸した取りの皮のクニュクニュした感じが個人的には好き。多少独特のにおいがあるけどポン酢の柑橘系の香りがサッパリさせてくれる。</div>
</div>
続き↓
<div> タグは、<div> で始まり、</div> で終わらなければなりません。先ほどまでテキストにあった、<div align="left"> が見当たらなくなりました。それに対して </div> が上記、" 蒸し鶏ポン酢 " 以降、ひとつ多いのです。テキストの前に <div align="left"> を入れるのであれば、そのままでも良いのですが。
(;゚д゚)アッ.... ちゃんと <div align="left"> が付いている記述もありますね。例えばこれなんか↓
<div class="sidetitlebody">
<div class="sidetitle">原宿の猫</div>
</div>
<div class="sidetop"></div>
<div class="side">
<a href="http://image.blog.livedoor.jp/nakaji9269/imgs/c/6/...; target="_blank"><img src="http://image.blog.livedoor.jp/nakaji9269/imgs/c/6/...; width="160" height="120" border="0"></a><br /><div align="left">原宿の表参道口を出て表参道のほうに向かっていくと昔からありそうな感じの喫茶店がある。いつも店内を見るようにこの猫がいる。妙に気になってしまったので写真を撮ってみた。</div>
</div>
これらをちゃんと統一した記述に変えて下さい。
右サイドカラムの記述をひとつずつ、ゆっくりと確認しながら行なってくださいね。
機械音痴でホントに申し訳ありません…。
<a href="http://image.blog.livedoor.jp/nakaji9269/imgs/3/b/...; target="_blank"><img src="http://image.blog.livedoor.jp/nakaji9269/imgs/3/b/...; width="160" height="120" border="0"></a><br /><div align="left">隠れた名店。最近のラーメンブームに逆行したような520円という価格設定には驚く。スープにもやしとひき肉を炒めたのが入っているだけだが、ちぢれ麺がよくスープに絡み妙に後を引く。非常に美味しい。競馬場のパドックの裏の階段を下りたトコにある。看板見える。</div>
</div>
…の方は問題ないのですが…(続く)
<a href="http://image.blog.livedoor.jp/nakaji9269/imgs/b/0/...; target="_blank"><img src="http://image.blog.livedoor.jp/nakaji9269/imgs/b/0/...; width="160" height="120" border="0"></a><br /><div align="left">蒸した取りの皮のクニュクニュした感じが個人的には好き。多少独特のにおいがあるけどポン酢の柑橘系の香りがサッパリさせてくれる。</div>
…以下はやっぱり変になってしまいます…。
もしよろしければアドバイス頂けますでしょうか…。
もとが、どんなふうになってたか解りませんが・・・。
>>#7に書いてある文は</div>がひとつ抜けてます。
暇人だから同じデザインでやってみたのですが
フリーエリアになら改行しない設定で
<div>タグを入れずに
<a href="http://image.blog.livedoor.jp/nakaji9269/imgs/b/0/b0e74776.jpg" target="_blank"><img src="http://image.blog.livedoor.jp/nakaji9269/imgs/b/0/b0e74776-s.jpg" width="160" height="120" border="0"></a><br>蒸した取りの皮のクニュクニュした感じが個人的には好き。多少独特のにおいがあるけどポン酢の柑橘系の香りがサッパリさせてくれる。これだけでOKでしたよ。
でもなんかデザイン自体壊れてるのかな。
表示が変なような・・・。
一旦、全て再構築をされてからが良いかも?
しっかし
King AQさんの回答は勉強になるわ~♪
フリーエリアのタイトルに改行タグが効くって
知らなかった・・・(;^_^A)
> なかじ さん
あれ~ もうあきらめちゃったんですか?
3カラムから、2カラムにデザインが変更されています。
でもどっちかというと、こっちのほうがシンプルで
スッキリしていて見易いかも (^^)
>>#8 Kiss115 さん
失敗は成功の元~ みたいなところがありますよね。
逆に考えるとミスしたことを意図的にすれば、今まで
できなかったアイデアに目覚めるとか ww
質問者さんの質問がけっこう、為になります (^^)
色々やってみたんですけど、画像がおかしくなってしまったりしたんです…。ただ、2カラムにしたらシンプルでいい感じになったので(笑)このままにしてみました。ブログはまだ続けていくのでどこかで困っているところを見つけたりしたらアドバイスお願いします!!
>なかじさん
結局最初の目的が果たせなかったので、申し訳なく思います。でも結果オーライで、以前のブログよりホントすっきりして、ブログの高感度があがりましたよ ww
また何かあればいつでもナレッジへご質問をどうぞ (^^)
返事遅れました…。
本当にありがとうございました。
また毎日、軌跡を残していきたいと思います。





