アメブロｃｓｓ 好きなところに画像をおく

こんにちは。

アメブロでｃｓｓを使い、ブログの好きなところに画像をおこうと頑張ってます

フリープラグインの方には、

<img id="miiko0822" src="http://stat001.ameba.jp/user_images/20130320/12/ …

というコード。
miiko0822は反応させるＩＤです。他は画像URL。

cssのほうには

#miiko0822{
position:fixed;
top:50px;/*上からの位置*/
left:30px;/*左からの位置*/
}

を下に追加。

画像は表示されているのですが、ｐｘを変えてもそこから動きません。

貼付画像のところから。（猫のほうじゃなくて男の子のイラストのほうです）


合っているはずなんですが・・・
どうやったら指定の位置に行きますか？

No.2 回答者： kobliha 回答日時： 2013/03/22 02:36

CSS にその記述はあるが、フリープラグインにその記述がナイ（今現在）。

しかも CSS がデタラメ。
<STYLE type="text/css">
<!--body{cursor:url(http://hana.poche.jp/angel66l/kagi8.ico);}
a{cursor:url(http://hana.poche.jp/angel66l/kagi8.ico);}-->
</STYLE>
こんなもん誰が CSS に記述せよと言ったのか。フリープラグインに書いてあるんだから、CSS からは削除すること。
CSS には CSS の「決まり」ってものがある。その決まりを破っていれば、どんな不都合が起きても不思議ナイ。
.commentBtn:hover{
background-image:url(省略.jpg);
} /* この「閉じカッコ */
この閉じカッコはチッポケな記号だが、意味は大きい。これひとつナイだけで、トンデモナイほど違ってくる。

No.1 回答者： Katsu_Kaiz 回答日時： 2013/03/20 22:25

こんばんは、私もアメブロがんばってます。

とりあえず、《position: relative;》と《display: block;》を加えてみてはどうでしょうか。


《フリープラグイン》
<img id="miiko0822" src="http://stat001.ameba.jp/user_images/20130320/12/ … alt="" />

《CSS》
div.skinFrame2 {
position: relative;
}

#miiko0822 {
position: fixed;
top: 50px;
left: 30px;
display: block;
}


それでもダメなら、画像 URL を《div》で囲ってしまうとか……。

《フリープラグイン》
<div id="miiko0822">
<img src="http://stat001.ameba.jp/user_images/20130320/12/ … alt="" />
</div>

《CSS》
div.skinFrame2 {
position: relative;
}

#miiko0822 {
position: fixed;
top: 50px;
left: 30px;
}


うまくいくといいですね。