• 締切済み

Hotmailで文章の下によくわからない文字列が

普段からパソコンでのメール送受信にはHotmailを利用しています。 2週間ほど前から自分が送信するメールにおいて、文末に以下の文字列が表示されるようになりました。メール作成中はもちろんそのような文字列は見えませんでしたが、メールを送った相手から指摘されて知り、送信済みメールを確認したところ、そちらにも同じ文字列が表示されていました。 qtl { position: absolute; border: 1px solid #cccccc; -moz-border-radius: 5px; opacity: 0.2; line-height: 100%; z-index: 999; direction: ltr; } qtl:hover,qtl.open { opacity: 1; } qtl,qtlbar { height: 22px; } qtlbar { display: block; width: 100%; background-color: #cccccc; cursor: move; } qtlbar img { border: 0; padding: 3px; height: 16px; width: 16px; cursor: pointer; } qtlbar img:hover { background-color: #aaaaff; } qtl>iframe { border: 0; height: 0; width: 0; } qtl.open { height: auto; } qtl.open>iframe { height: 200px; width: 300px; } 以上。 どうしてこうなってしまったのか原因がわからず、元に戻す方法をご存知の方がいらっしゃいましたら、ご教授いただければ幸いです。 宜しくお願いします。

みんなの回答

  • violet430
  • ベストアンサー率36% (27472/75001)
回答No.2

こちらでは再現しません。 MSNのサポートへ問い合わせたら如何かと思います。 http://help.jp.msn.com/contact.aspx

zoosan
質問者

お礼

お返事が遅くなり申し訳ございません。現在はMSNヘルプフォーラムを通じて問合せ中です。ご回答ありがとうございました。参考になりました。

zoosan
質問者

補足

先日はアドバイスをありがとうございました。 その後、フォーラムの方と何度かやり取りをし、いろいろ調査して頂きましたが原因は不明とのことでした。 ただ、最近になって原因がわかりました。どうやら、私のPCでQTLというFirefoxのアドオンを有効にしたままメールを作成すると、この文字列が発生するようです。 数ヶ月前の質問ですが、もしも将来、同じようなトラブルに遭遇した人がこちらのページを見つけた時に少しでも参考になればと思い、現在の状況を補足欄に入れさせていただきました。

noname#160239
noname#160239
回答No.1

Hotmailのページなんでしょうか、ページのスタイルシートのように思えます。 一緒にメールに表示されるとは初めて聞きました。 http://www.tagindex.com/stylesheet/ サーバーの不具合なのか、使用ブラウザの問題なのか判りませんが、キャッシュなどの履歴削除や他のブラウザでも同じ現象になるか確認してみたらどうでしょう。

zoosan
質問者

お礼

お返事が遅くなり申し訳ございません。現在はMSNヘルプフォーラムを通じて問合せ中です。ご回答ありがとうございました。参考になりました。

zoosan
質問者

補足

先日はアドバイスをありがとうございました。 その後、フォーラムの方と何度かやり取りをし、いろいろ調査して頂きましたが、結局原因は不明とのことでした。 ただ、最近になって原因がわかりました。どうやら、私のPCでQTLというFirefoxのアドオンを有効にしたままメールを作成すると、この文字列が発生するようです。 数ヶ月前の質問ですが、もしも将来、同じようなトラブルに遭遇した人がこちらのページを見つけた時に少しでも参考になればと思い、現在の状況を補足欄に入れさせていただきました。

関連するQ&A

  • 1番右側の画像のhoverだけ位置をずらしたい

    テーブル内の画像にcssでマウスオーバーで拡大画像が出るように設定しましたが、 一番右の列をマウスオーバーすると画面からその拡大画像が消えてしまうため、 この列のみもう少し左側に画像が出るようにしたいのですが、どう記述したらよいのか分かりません。 http://okwave.jp/qa/q6343605.html ↑この回答がかなり核心をついているのですが、私の記述で言うところの隣接セレクタってどこなのか分かりません。。 現在設定しているのは下記のコードです。 どなたかご教授下さい。 【html】 <tr><td class="type1" td colspan="2" scope="col" align="center" valign="middle"><a href="#" id="hover"><img src="●●.jpg" width="100" height="100" alt="ec"/></a></td> </a></td> </tr> 【css】 td.type1 { height: 185px; width: 185px; background-color:#FFF; } a#hover img{ border:none; padding:5px; width:100px; height:100px; border: 1px solid #CCC; } a#hover{ display:block; width:100px; height:100px; } a#hover:hover img{ width:300px; height:300px; position:absolute; padding:5px; border: 1px solid #CCC; background-color:#FFF; } ちなみにtdが4つ入ります。(画像は横に4つ入り、一番右側というのは4番目になります)

    • 締切済み
    • CSS
  • firefoxでfloatの調整の仕方CSS

    CSSで下記(div)のなかにBOXを3つ並べました、 ie6以上では思い通りに表示されるのですがFireFox(バージョン3.5.3)では一番右端にくるBOXが左端のBOXの下に入ってしまいます。 どなたか解決策を教えていただけますでしょうか? ----ソース部分--- <div class="setbox1"> <div id="rent1"><a href="eee.html"><img src="img/trans_rent.gif" width="234" height="69" /></a></div> <div id="rent2"><a href="aaa.html"><img src="img/trans_rent.gif" width="234" height="69" /></a></div> <div id="rent3"><a href="ccc.html"><img src="img/trans_rent.gif" width="234" height="69" /></a></div> </div> ----以下CSS---- .setbox1{ margin-left : 25px; width : 750px; } #rent1{ margin-top : 20px; margin-left : 0px; float : left; width : 234px; } #rent1 a{ background-image : url(img/rent1.gif); display : block; line-height : 0px; background-repeat : no-repeat; width : 234px; height : 69px; } #rent1 a:hover{ background-position : left bottom; } #rent1 img{border-width : 0px 0px 0px 0px; } #rent2{ margin-left : 0px; float : left; margin-right : 22px; padding-left : 22px; width : 234px; margin-top : 20px; } #rent2 a{ background-image : url(img/rent2.gif); display : block; background-repeat : no-repeat; line-height : 0px; width : 234px; height : 69px; } #rent2 a:hover{ background-position : left bottom; } #rent2 img{border-width : 0px 0px 0px 0px; } #rent3{ margin-top : 20px; margin-left : 0px; padding-left : 0px; } #rent3 a{ background-image : url(img/rent3.gif); line-height : 0px; background-repeat : no-repeat; width : 234px; height : 69px; display : block; } #rent3 a:hover{ background-position : left bottom; } #rent3 img{border-width : 0px 0px 0px 0px; }

  • CSS目次開閉でチェックボックスが現れる

    CSSで目次開閉を作成したのですが、左上に四角いチェックボックスが現れてしまいます。 このチェックボックスを消す方法はありますでしょうか。 HTML <div class="open-menu"> <input id="open-1" type="checkbox"> <label for="open-1">≡目次</label> <div class="open-menu-inside"> <ol class="numbering"> <li><a href="#1"> </a></li> <li><a href="#2"></a></li> <li><a href="#3"></a></li> </ol> </div> </div> CSS .open-menu input { display: none; } .open-menu label { width: 180px; color: #000000; font-size: 20px; line-height: 2; font-weight: bold; text-align: left; margin: 20px; box-shadow: 5px 5px 5px #aaa; padding: 20px; cursor: pointer; position: relative; display: block; } /* ここから追加 */ .open-menu label { border: 2px solid #ff0000; border-radius: 20px; } .open-menu label:hover { background: #ffb8b3; opacity: 0.5; } .open-menu label:after { position: absolute; right: 10px; top: 50%; -webkit-transform : translateY(-50%); transform : translateY(-50%); content: "[開く]"; } .open-menu input:checked ~ label::after { content: "[閉じる]"; } .open-menu div { height: 0; overflow: hidden; opacity: 0; transition: 0.3s; } .open-menu input:checked ~ div { height: auto; max-width: 80%; opacity: 1; padding: 20px; background: #ffeff9; border: 2px solid #ff95d5; box-shadow: 5px 5px 5px #aaa; border-radius: 20px; overflow: hidden; } .open-menu-inside { color: #333333; font-size: 15px; line-height: 2; } チェックボックスを消す方法があれば、教えていただきたいです。 よろしくお願いいたします。

    • 締切済み
    • CSS
  • text-alignエラー

    W3C CSS 検証サービスで 次のプロパティが正しくありません : text-align プロパティ名の前にセミコロン(;)を追加してみて下さい というエラーメッセージが出ます。 cssは次のとおりです。 .open-menu input { display: none; } .open-menu label { width: 180px; color: #ffffff; /* 文字色 */ font-size: 20px; /* 文字サイズ */ line-height: 2; /* 行間 */ font-weight: bold; /* 文字を太く */ text-align: left: 20px; /* 文字を左からの距離 */ box-shadow: 5px 5px 5px #aaa; /* 影を付ける */ background: linear-gradient(-80deg, #ff65ff, #65ffff); /* グラデーションの背景色 */ padding: 20px; /* 内側の余白 */ cursor: pointer; position: relative; display: block; } /* ここから追加 */ .open-menu label { border: 2px solid #ff0000; /* 線の太さ 線のタイプ 線の色 */ border-radius: 20px; /* 角を丸く */ } .open-menu label:hover { background: #ffb8b3; /* マウスを乗せた時の背景色 */ opacity: 0.5; /* マウスを乗せた時に背景色が薄くなる */ } .open-menu label:after { position: absolute; right: 10px; /* 右からの距離 */ top: 50%; /* 上下中央配置 */ -webkit-transform : translateY(-50%); transform : translateY(-50%); content: "[開く]"; /* アイコン */ } .open-menu input:checked ~ label::after { content: "[閉じる]"; /* クリック後のアイコン */ } .open-menu div { height: 0; overflow: hidden; opacity: 0; transition: 0.3s; /* 開閉スピード */ } .open-menu input:checked ~ div { height: auto; max-width: 80%; opacity: 1; padding: 20px; /* 中身の枠内の余白 */ background: #ffeff9;/* 中身の背景色 */ border: 2px solid #ff95d5; /* 線の太さ 線のタイプ 線の色 */ box-shadow: 5px 5px 5px #aaa; /* 影を付ける */ border-radius: 20px; /* 角を丸く */ overflow: hidden; /* メニューがはみ出ない*/ } .open-menu-inside { color: #333333; /* 中身の文字色 */ font-size: 15px; /* 中身の文字サイズ */ line-height: 2; /* 行間 */ } どこをどのようにすれば良いでしょうか?

    • ベストアンサー
    • CSS
  • メニューボタン(リンク入り)に画像を使っていますが、マウスポインタを乗

    メニューボタン(リンク入り)に画像を使っていますが、マウスポインタを乗せた時に(今ここを選択していることが分かるように)色が変化したり、枠が付いたりするようにしたいと考えています。 いろいろ調べてみたのですが、1つの方法として次のように書けばいいようです。 (CSS) a{ display:block; width:50px; height:50px; background:url(img_02.png) no-repeat 0px 0px; } a:hover img{ filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; } (HTML) <a href="#"><img src="img_01.png"></a> しかし、全く変化ありませんでした。 GIF画像を使っているのですが、これをPNG形式の画像に変更して(CSS)のbackground:url(img_02.png) no-repeat 0px 0px;の中の「img_02」の部分を変更すればいいのでしょうか? それとも「02」の部分だけ変更すればいいのでしょうか? (HTML)も同様に「img_01」なのか「01」の部分だけなのか? また、(CSS)にあるdisplay:block; width:50px; height:50px; は書く必要があるのでしょうか? 画像を使っているのでわざわざ書く必要がないとも思うのですが・・・。 何が間違っているのか分かりませんので、お気づきの点や、その他に良い方法がありましたら教えてください。 どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • CSS画像・文字混在縦メニュー

    画像と文字使った縦メニューを作成しています。 レイアウトがズレたり隙間ができたりでどうしてもうまくいきません。 どうぞお知恵をお貸しください。 よろしくお願いいたします。 【CSS】 @charset "utf-8"; /* CSS Document */ /* ナビ設定 */ #navi1 { margin: 0px; padding: 0px; position: relative; right: 10px; width: 200px; float: right; } #navi1 li { margin: 0px; padding: 0px; position: relative; width: 200px; float: right; } #navi1 #navi1_title { width: 200px; position: relative; } .sub_menu { width: 190px; position: relative; float: right; left: 5px; } .sub_menu ul { list-style: none; border-top: 1px solid #CCCCCC; width: 190px; position: relative; } .sub_menu li { border-bottom: 1px dashed #CCCCCC; background: #F3F0EA url(img/xx.jpg) no-repeat left center; width: 190px; } .sub_menu a { display: block; /*Windows IE対策のため、ボックス幅を指定 */ width /**/: 180px; /*Window IE5用の値を指定 */ color: #666; text-decoration: none; font-size: 11px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 10px; background-color: #F3F0EA; background-image: url(img/xx.jpg); background-repeat: no-repeat; background-position: left center; left: 3px; } .sub_menu a:hover { color: #666; width: 180px; background-color: #E4DECF; background-image: url(img/xx.jpg); background-repeat: no-repeat; background-position: left center; } 【HTML】 <div id="navi1"> <h2><img src="img/menu1_title.png" width="200" height="50" alt="qqq" /></h2> <ul> <li><img src="img/menu_y.png" width="200" height="32" alt="zzz" /></li> </ul> <ul class="sub_menu"> <li><a href="#">yyy</a></li> <li><a href="#">yyy</a></li> <li><a href="#">yyy</a></li> <li><a href="#">yyy</a></li> <li><a href="#">yyy</a></li> <li><a href="#">yyy</a></li> </ul> <ul> <li><a href="#"><img src="img/menu_a.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_b.jpg" width="200" height="32" alt=xxx" /></a></li> <li><a href="#"><img src="img/menu_c.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_d.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_e.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_f.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_g.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_h.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_i.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_j.jpg" width="200" height="32" alt="xxx" /></a></li> <li><a href="#"><img src="img/menu_k.jpg" width="200" height="32" alt="xxx" /></a></li> </ul> </div>

    • ベストアンサー
    • HTML
  • FireFoxでTooltipの位置がおかしい

    CSS初心者で、いくつかのサイトを参考にTooltip表示を試したのですが、FireFoxでだけ表示位置が変わってしまいます。Chromeでは問題なかったのですが、ターゲットがFireFoxで困っています。 どのような方法で直せばよいのでしょうか。 CSSは以下の通りです .toolTip:hover{ background: #ffffff; text-decoration: none; } .toolTip span{ display: none; border: solid 2px #999; background-color: #eee; color: #666; padding: 5px; font-size: 12px; margin-left: 8px; line-height: 1.6; } a.toolTip:hover span{ display: inline; position: absolute; background-color: #fff7ee; border: 1px solid #cccccc; color: #000000; width: 150px; } HTMLの一部ですが <a href="#" class="toolTip"><span>介護記録の内容の表示と印刷ができます</span><img src="b-print.jpg" width="211" height="144"></a> としています

    • ベストアンサー
    • CSS
  • 【jQuery】サムネイル

    3つのサムネイル画像(.thumb)があります。 クリックした.thumbはopacityを1に、その他は0.5に切り替わる する方法を教えてください。 始めは1番目.thumbのopacityは1でお願いします。 ■html <div id="ph-wrap"> <div id="photo"> <p><img src="./img/photo1.png" width="480" height="320" alt="" /></p> <p><img src="./img/photo2.png" width="480" height="320" alt="" /></p> <p><img src="./img/photo3.png" width="480" height="320" alt="" /></p> </div> <div id="thumb-wrap"> <p class="thumb"><img src="./img/photo1.png" width="120" height="80" alt="" /></p> <p class="thumb"><img src="./img/photo2.png" width="120" height="80" alt="" /></p> <p class="thumb"><img src="./img/photo3.png" width="120" height="80" alt="" /></p> </div> </div> ■CSS(一部抜粋) #thumb-wrap{ float:left; margin:0 0 0 10px; padding:0; width:120px; } #thumb-wrap img{ width:120px; height:80px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; /* Firefox */ filter: alpha(opacity=50); /* IE */ } .opc{ opacity:1.0; -moz-opacity:1; /* Firefox */ filter: alpha(opacity=100); /* IE */ } ■jQuery $(function () { var photoImg = "#photo img" var thumbWrapImg = "#thumb-wrap img" $("#photo p:gt(0)").hide(); $(thumbWrapImg).eq(0).css({"opacity":1}); $(thumbWrapImg).click(function () { $(this).animate({"opacity":1},100); $(photoImg).attr("src",$(this).attr("src")); }); });

  • サイドメニューとメインの左右入れ替え(CSSファイル)

    あるテンプレートを利用しようと思っていますが、左メニューの配置を右メニューの配置にしたいと思っています。 メニューボックスとメインボックスの入れ替えは出来たのですが、フレームの入れ替えが出来ません。 以下のスタイルシートですが、どのようにすればよろしいのでしょうか。 ================= /*ページ全体の指定*/ *{ margin:0; padding:0; font:100% "MS ゴシック","Osaka",sans-serif; } body{ background:url("img/bg.gif") repeat-y center; color:#333333; font-size:84%; } /*ページの輪郭*/ #flame{ width: 780px; margin:0 auto; } /*ヘッダ*/ #head{ background:url("img/headbg.gif") top repeat-x; } /*サイト名前:ロゴを入れたりしてください*/ #logo{ font-size:30px; padding:20px; font-family:Arial Black; } /*ヘッダメニュー*/ #headmenu{ width:780px; background:#133D76 url("img/headbg.gif") bottom repeat-x; color:#ffffff; padding-bottom:7px; margin-bottom:5x; } #headmenu ul{ width:780px; list-style:none; } #headmenu li{ width:100px; float:left; background:url("img/headmenubg.gif") no-repeat right; text-align:center; padding:5px; } #headmenu li a{ text-decoration:none; color:#ffffff; } #headmenu li a:hover{ } /*サイドとメインのブロックを囲む*/ #center{ width:780px; background:url("img/centerbg.gif") repeat-y; } /*サイドのブロック*/ #box_side{ width: 200px; float: right; } .menu{ width:178px; margin:20px 10px 0px 10px; } h3{ height:20px; font-weight:bold; background:url("img/menut.gif"); color:#ffffff; padding:6px 0 0 20px; } #box_side ul{ background:#ffffff; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding-top:3px; padding-bottom:3px; list-style:none; } #box_side li{ background:url("img/listbg.gif") no-repeat 0 50%; padding:0 0 0 15px; margin:3px 0 3px 15px; } #box_side li a{ text-decoration:none; color:#092853; } #box_side li a:hover{ color:#E72137; } /*メインのブロック*/ #box_main{ width: 580px; float: left; } /*右のタイトル部分*/ h1,h2{ font-size:120%; font-weight:bold; background:#ffffff url("img/maintbg.gif") repeat-x bottom; padding:10px; } /*メインの記事の部分*/ .main{ background:#F7F5F5; border:1px solid #cccccc; margin:20px; } /*本文をくる*/ p{ margin:10px; line-height:150%; } /*引用文*/ blockquote{ line-height:150%; border:1px solid #cccccc; background:#eeeeee; margin:10px; padding:5px; } /*著作権表示の部分つまりフッタ*/ #foot{ border-top:1px solid #666666; padding:10px; } #foot a{ color:#333333; text-decoration:none; } #foot a:hover{ text-decoration:underline; } .both{ clear:both; }

    • ベストアンサー
    • HTML
  • <div>この余白は・・・

    <div>で作ったボックスの中に、さらに<div>のボックスを二つ(box、box2)並べたいのですが、float:leftでboxを左に寄せると、次に回り込んで表示されるbox2との間にかなりの余白があります。 CSSでbox、box2にmarginは指定していないのですが、この余白は何なんでしょうか? また、このbox、box2をある程度間に余白を持たせた上でセンタリングしたいのですが、これもなぜかうまくいきません・・・。 ▼HTML <div class="out">  <div class="title">   <img src="img/title.jpg" width="700" height="75" border="0">  </div>  <div class="main">   <img src="img/main.jpg" width="700" height="375" border="0">  </div>  <div class="menu">   <img src="img/home_a.jpg" width="100" height="35" border="0">   <img src="img/first.jpg" width="100" height="35" border="0">   <img src="img/info.jpg" width="100" height="35" border="0">   <img src="img/order.jpg" width="100" height="35" border="0">   <img src="img/support.jpg" width="100" height="35" border="0">   <img src="img/link.jpg" width="100" height="35" border="0">   <img src="img/question.jpg" width="100" height="35" border="0">  </div>  <div class="area">   <div class="box">    <h5>AAAAAAAAA</h5>    <img src="img/kari.gif" width="250" height="100" border="0">   </div>   <div class="box2">    <h5>BBBBBBBBB</h5>    <img src="img/kari2.gif" width="250" height="100" border="0">   </div>  </div> </div> ▼CSS div.out{ width:700px; background-color:#ffffff; } div.main{ border-style:solid none solid none; border-width:10px; border-color:#666666; } div.menu{ margin-bottom:50px; } div.area{ text-align:center; padding:0.7em; border:solid; border-color:red; } div.box{ float:left; width:250px; border-style:none solid solid solid; border-width:1px; border-color:#99ccff; background-color:#99ccff; } div.box2{ width:250px; border-style:none solid solid solid; border-width:1px; border-color:#99ccff; background-color:#99ccff; } h5{ margin-bottom:0px; padding:0.5em; }  どなたか知恵をお貸しください。よろしくお願いいたします。

    • ベストアンサー
    • HTML