注目タグ

質問・疑問

トピック詳細

携帯から閲覧で一部の絵文字に枠が表示されてしまいます

一度削除したのですが再投稿させて下さい。困っていますe-259

携帯から閲覧したところ、一部の絵文字に外枠がついて表示されております。

http://kirakuma777.blog121.fc2.com/blog-entry-1104.html

記事の編集でHTMLをみたところ、枠がついてない絵文字は、下記のように
<img class="emoji" border="0" 以下略

のように、
border="0"、あるいはborder:noneとなっています。

枠ががついている絵文字は下記のようにborderが個別にmedium none設定されたHTMLになっています。

<img class="emoji" style="border-bottom: medium none; border-left: medium none; border-top: medium no ne; border-right: medium none" 以下略

この場合に携帯からみると枠が付くようです。

昨日絵文字に枠が表示されず、良かったe-257と思ったのですが、記事の再編集で一部を修正し再度保存したら、 また全てが枠付き絵文字に変わっていたので、全部手で修正しましたe-259

実験したところ、高機能エディタから文字を編集後に、HTMLをみると、border-****: me dium none が設定されたHTMLに変わっていましたe-259

なぜ、このように勝手にHTMLが書き変わってしまうのでしょうか?
「border="0"」、あるいは「border:none」と2種類あるのも謎なのですが、一番の問 題は、編集を行った際に、medium noneが設定されたHTMLに勝手に変換されてしまうこ とです。

PCからの閲覧には全く影響がないのですが、medium none設定された絵文字が、携帯か ら見た時におかしくなってしまうようなので、枠が勝手に設定されないようにしたいのですが・・・・。

何度も修正で時間がかかって仕方ありません。原因をご存知の方、ご教授お願いします。

2010年05月02日 09:15  by 

コメント一覧 2件中、1~2件表示

  • コメントありがとうございました。
    確かに、imgとstyleの2種類がありましたね。
    気が付きませんでしたe-351

    高機能エディタから絵文字を入れても、styleにはならないんですよ。
    一度保存した文章を再度修正したあとに、見るとhtmlが変わっているんですe-350

    他のブログでは何も考えずにできていた事が、fc2さんの多機能さゆえに、
    いろいろ難しいですねe-351

    せっかく引っ越して来たので、頑張っていろいろ使いこなせるようにした
    いです。

    ありがとうございました。

    2010年05月08日 08:13 by

  • 高機能エディタの仕様なのか不具合なのかは分かりませんが、
    エディタを使用しないことで回避できるのならば、それで解決するのが得策でしょう。

    imgタグのborder属性とstyleタグのborderプロパティは異なるものです。
    高機能エディタでの絵文字挿入については、styleタグを使用するものとしている?

    2010年05月06日 11:27 by pika★フォーラムモデレーター