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

質問

こんにちは。

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

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

<img id="miiko0822" src="http://stat001.ameba.jp/user_images/20130320/12/neko-voice-0624/b0/35/p/o0400040012465138166.png">

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

cssのほうには

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

を下に追加。

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

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

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

回答No.2

kobliha

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

こんばんは、私もアメブロがんばってます。とりあえず、《position: relative;》と《display: block;》を加えてみてはどうでしょうか。

《フリープラグイン》
<img id="miiko0822" src="http://stat001.ameba.jp/user_images/20130320/12/neko-voice-0624/b0/35/p/o0400040012465138166.png" 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/neko-voice-0624/b0/35/p/o0400040012465138166.png" alt="" />
</div>

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

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

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