携帯から閲覧で一部の絵文字に枠が表示されてしまいます
一度削除したのですが再投稿させて下さい。困っています
携帯から閲覧したところ、一部の絵文字に外枠がついて表示されております。
↓
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" 以下略
この場合に携帯からみると枠が付くようです。
昨日絵文字に枠が表示されず、良かったと思ったのですが、記事の再編集で一部を修正し再度保存したら、 また全てが枠付き絵文字に変わっていたので、全部手で修正しました
実験したところ、高機能エディタから文字を編集後に、HTMLをみると、border-****: me dium none が設定されたHTMLに変わっていました
なぜ、このように勝手にHTMLが書き変わってしまうのでしょうか?
「border="0"」、あるいは「border:none」と2種類あるのも謎なのですが、一番の問 題は、編集を行った際に、medium noneが設定されたHTMLに勝手に変換されてしまうこ とです。
PCからの閲覧には全く影響がないのですが、medium none設定された絵文字が、携帯か ら見た時におかしくなってしまうようなので、枠が勝手に設定されないようにしたいのですが・・・・。
何度も修正で時間がかかって仕方ありません。原因をご存知の方、ご教授お願いします。
コメントありがとうございました。
確かに、imgとstyleの2種類がありましたね。
気が付きませんでした
高機能エディタから絵文字を入れても、styleにはならないんですよ。
一度保存した文章を再度修正したあとに、見るとhtmlが変わっているんです
他のブログでは何も考えずにできていた事が、fc2さんの多機能さゆえに、
いろいろ難しいですね
せっかく引っ越して来たので、頑張っていろいろ使いこなせるようにした
いです。
ありがとうございました。
高機能エディタの仕様なのか不具合なのかは分かりませんが、
エディタを使用しないことで回避できるのならば、それで解決するのが得策でしょう。
imgタグのborder属性とstyleタグのborderプロパティは異なるものです。
高機能エディタでの絵文字挿入については、styleタグを使用するものとしている?
2010年05月06日 11:27 by pika★フォーラムモデレーター
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー