HTML
- HTMLメールが受信
HTMLメールが受信 いつも、回答ありがとうございます。 HUAWEI P20 PRO : HW-01K Android V9 と言う機種を使っています。 毎日、以下のメールが、届きます。ここでは、 HTMLメールが受信できない端末 と言うことになっています。 しかし、HTMLを使って表示されたらしい、 画像や 大きな文字、 自由なフォント で表現される メールが来ます。 ●Q01.これは、HTMLメールが受信できる端末 と言うことに、ならないのでしょうか？ ●Q02.HTMLメールが受信できる端末 にするには、どのように、設定すればよいのでしょうか？ ●Q03.HTMLメール受信設定をオンにするには、どのようにすれば、良いのでしょうか？ たとえ、ひとつだけでも、お知りのことがありましたら、よろしく教授方お願いします。 敬具 ＊＊＊＊＊＊＊＊ ppfleama-****@mail.yahoo.co.jp 日付: 2023年12月15日 19:36 件名: 【まもなく終了】最大1,000円相当もらえる出品デビューキャンペーンは12/17（日）まで！ To: 〇〇〇〇UQ DRSY <mhd＊＊＊＊＊＊＊@uqmobile.jp> >━━━━━━━━━━ >Yahoo!フリマおすすめ情報メール >━━━━━━━━━━ > >大宇宙さん、こんにちは。 >いつもYahoo! JAPANのご利用ありがとうございます。 >本メールは、HTMLメールが受信できない端末への >Yahoo!フリマおすすめ情報メールです。 > >-------------------- >◆パソコン、スマートフォン、タブレットで本メールを受信されている方は、 > お客様のメール受信環境で、HTMLメールの受信設定がオフになっているため > 本メールが表示されております。 > おすすめ情報メールではYahoo!フリマの注目商品や > お得な情報などを画像満載の内容でご案内させていただいておりますので > HTMLメール受信設定のオンをご検討下さい。 > >―――――――――――――――――――――――――――――――――― 敬具
- gifファイルの入れ方
とあるチャットサイトで、写真を入れると100×100サイズになってファイルの拡張子が強制でjpgに変えられてしまいます。 これを突破してgifのアニメーションファイルを使うにはどうすればいいでしょうか？
- 締切済み
- HTML
- shimoshimo0204a
- 回答数1
- JPGなのに動く
拡張子がJPGなのに、GIFのように動くファイルについて質問です。 私が運営する会員制WEBサイトで、会員が画像を投稿できるように、アップローダーを設置しています。 以下、投稿時の概要です ・投稿方法は、会員のPCまたはモバイル内にあるローカルファイルを選択する ・URL等を貼り付けて、外部サーバーの画像を参照する事は不可 ・拡張子はJPGのみ (GIFを投稿した場合、静止画で表示する) 上記のような流れでJPG画像を投稿できるようにしています。 しかし、サイトを巡回していると、動く画像が見受けられます。 該当画像のHTMLは「JPG」なのですが、その画像をダウンロードして拡張子を確認すると、「GIF」になっています。 実際にはGIFなのに、JPGのように見せかけて投稿しているという感じです。 また、該当画像は、クリックやタップをしてから動き始めるのではなく、ページが読み込まれたと同時に動いています。 これは、どのような方法で投稿しているのでしょうか。 私は運営者なので、巡回中にそういった画像を見つけたら削除する事はできます。 ですから、削除方法やアップを禁止する方法等ではなく、どうやってGIFを投稿しているのかを知りたいです。 恐れ入りますが、どなたかお分かりの方がおられましたら、ご教授をお願いします。
- ベストアンサー
- HTML
- shimoshimo0204a
- 回答数4
- html css 開くとソースコードが出る
ブラウザ上でhtmlが実行できません。また、cssともリンクできません。 実行環境；マックos最新,vscode, クローム、safariで開くとソースコードがそのまま出てきます。 デフォルトであるテキストエディタ（メモ帳みたいなもの）で開くとhtmlのみのものが表示されます。 Chromeの拡張機能が悪いかと思ってログアウトして試したのですがそれもダメでした。 vscodeの拡張機能でlive serverというものでやってもダメでした。 参考までにコードも記載しておきます。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2023年度定期戦</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <header> <h1>2023年度定期戦</h1> </header> <main> <div class="button-container"> <button id="playerButton">選手の作文</button> <button id="resultsButton">試合結果</button> <button id="sponsorsButton">スポンサー一覧</button> </div> </main> <footer> © 2023 実行委員 </footer> <script src="script.js"></script> </body> </html> 何卒よろしくお願いします。 補足 補足です。vscodeからブラウザ上にドラッグして開こうとするとblankになります。なんなんでしょうかこれ・・・
- ベストアンサー
- HTML
- yamakawakawa
- 回答数1
- xhtmlからtxt変換 半角文字のせいで文字化け
題名の通りxhtmlをtxtに変換させたいです。 ウェブサービスを利用してxhtmlをtxtに変えましたが、半角文字から後ろが文字化けしているようです。 例）あいうえお!かきくけこ!さしすせそ →あいうえお!□□□□□!さしすせそ ヘッドの部分は以下のようになっています。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:lang="ja" lang="ja"> <head> よろしくお願いします。
- 絵文字をHTMLコードに変換しない
恐れ入ります。 htmlからform送信で絵文字を含む文字列を送信した場合、 受け取る側はHTMLコードに変換してしまいます。 LINEがHTMLコードを読み込まない為文字化けしてしまいます。 プログラム上に直接絵文字を直貼りするとちゃんと表示されるのですが、form送信時にコードに変換しない方法などはあるのでしょうか。 よろしくお願いします。
- サイトシール貼付ページのローカル表示に遅延
Webページ更新時に一旦ローカルでブラウザの表示確認をして、その後サーバーにアップし、ネット上で再度確認という手順で作業を行っていますが、ページにSSL認証のサイトシールが挿入してあると、ローカルでの表示に30～40秒の遅延があって作業になりません。 サーバーはロリポップでSSL認証はグローバルサインの「企業認証SSL」で、サイトシールは指定された<script>タグをhtmlファイル内の配置したい場所に挿入する、というものですが、これがあるとローカルでの表示に遅延があり、なければ即表示されます。 グローバルサインに確認すると「購入先はロリポップだから購入先に説明責任がある」一方、ロリポップでは「グローバルサインの提供するサービスなので回答できない」と3～4回たらい回しに会いました。 結果、グローバルサインが解答。「サーバー内での問題ではないのでローカルでのことは使用者で対処してほしい」。無駄な抵抗でした。 結果、ローカルでの確認時はサイトシールを外し、サーバーアップ時は戻すというような不要な1クッションを強いられているわけですが、何か回避策がないものか、投稿させていただきました。 よろしくお願いします。
- 締切済み
- HTML
- kobayashi552
- 回答数1
- Webサイトのリニューアル手順について
HTMLとCSSで作成された既存サイトをリニューアルした時のファイルをアップする手順について教えて欲しいです。 ドメインもサーバーもそのままなので、FTPツールであげるだけだと思いますが、既存HPは他人に作成してもらっているのでcssフォルダは今回とは違うファイルもあります。 サーバーにアップするとindex.htmlは上書き、cssの同じファイル名は上書き、必要ないものはそのまま残ってたり、新しく追加されてるファイルなど混ざるの思います。 そこで疑問なのですが、新しいファイルを全てアップロードして古い必要ないものは削除するという手順であっていますか？それとも他に効率のいいやり方がありますでしょうか？ よろしくお願いいたします。
- 締切済み
- HTML
- noname#260540
- 回答数2
- IE11からEdgeへの変更ついて
質問が複数あって恐縮ですが、さらっといいのでご教授お願いします １点目はTABLEタグの修正法で修正前 BORDER="0"をスタイルシート を使って STYLE="boder:0px"と代替方法なる方法を教えてください。 ２点目はEdgeでCENTERタグの代替方法が知りたい。 ３点目はOBJECTタグのCODEBASE要素のEdge代替方法が知りたい。 ４点目ににTRタグのNAME要素のEdge化の代替方法が知りたい。 以上よろしくお願いします
- 締切済み
- HTML
- takeyama55
- 回答数1
- div要素でfadeinclass
こんばんは、お世話になります。 また似た様な質問で大変申し訳ないのですが 画像をフェードインするのに 画像の初期設定で画像コンテンツを消したいのですが 消せないんですが あれってjavascriptコードだけでできなかったのでしょうか？ animate.cssなるものがあった気がしたのですが、 因みにhtmlとcssが問題だと思うので 回答して頂ける方は、お礼と補足欄に随時記述するので ご教示宜しくお願い致します。
- 締切済み
- HTML
- JackTheRipper99
- 回答数1
- 画像がフェードインしてからフェードアウトする
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> <script src="jquery.min.js"></script> <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script> <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script> <script> $(function(){ var $grid = $('.grid').masonry({ // options itemSelector: 'none', columnWidth: '.grid__item', gutter: 20, stagger: 30, percentPosition: true, visibleStyle: { transform: 'translateY(0)', opacity: 1 }, hiddenStyle: { transform: 'translateY(100px)', opacity: 0 }, }); var msnry = $grid.data('masonry'); $grid.imagesLoaded(function() { $grid.masonry( 'option', { itemSelector: '.grid__item' }); var $items = $grid.find('.grid__item'); $grid.masonry( 'appended', $items ); }); var nextSlugs = [ 'page2.html', 'page3.html' ]; function getPath() { var slug = nextSlugs[ this.loadCount ]; if( slug ) { return 'https://www.miso.blog/demo/masonry_infinitescroll/'; } } }); </script> </head> <body> <h1>Infinite Scroll - Masonry image grid</h1> <ul class="grid"> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> <li class="grid__item fadein"> <img src="sdfsafasfas.png"></li> </ul> </div> <script> $(function(){ $(window).scroll(function (){ $('.fadein').each(function(){ var position = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > position - windowHeight + 200){ $(this).addClass('active'); } }); }); }); </script> </body> </html> ------------------------------------------------------------------------------- @charset "utf-8"; body { font-family: sans-serif; line-height: 1.4; font-size: 18px; padding: 20px; max-width: 640px; margin: 0 auto; } .grid { max-width: 1200px; } /* reveal grid after images loaded */ .grid.are-images-unloaded { opacity: 0; } .grid__item, .grid__col-sizer { width: 27%; } .grid__gutter-sizer { width: 2%; } /* hide by default */ .grid__item { margin-bottom: 20px; float: center; } .grid__item--height1 { height: 140px; background: #EA0; } .grid__item--height2 { height: 220px; background: #C25; } .grid__item--height3 { height: 300px; background: #19F; } .grid-item--width2 { width: 400px; } .grid__item img { display: block; max-width: 100%; } .fadein { opacity : 0; transform : translate(0, 100px); transition : all 1s; } .fadein.active{ opacity : 1; transform : translate(0, 0); } 何故か画像がフェードアウトして表示されません。 やりたい事は、ある一定の位置にスクロールして調整して 画像を読み込んでフェードインさせて表示させたいのですが ご教示お願いします。
- ベストアンサー
- HTML
- JackTheRipper99
- 回答数1
- ソースコードを解読して
このサイト→https://rail-history.org/はおそらくデータベースの考え方を使用していると思いますが、使用するデータベースを指定する箇所はソースコードの何行目か教えてください。
- 締切済み
- HTML
- NKM_Chitose
- 回答数2
- 横に続く画像
wordpressで、LINEのタイムライン(voom)のように、たくさんの写真を横に続くように表示することは出来ますか？ スワイプで画面切り替わらずにそのまま見れるやつです。 また、そういう表示方法の名前のようなものはありますか？ 何と検索したら出てきますか？ 画像添付します。 よろしくお願いします。
- 締切済み
- HTML
- kutibeni22
- 回答数2
- HTMLのulタグで表示される「・」を消したい
ネットで調べて下記二通りを試しましたが消せませんでした。 １．HTMLで<ul class="doterase">とし、CSSで .doterase li { list-style: none; } とした。HTMLでClass="doterase"としているのにCSSで.doteraseと先頭に「.」を追加した理由は 判りません。 ２．HTMLでulタグに <ul style="list-style: none;">としても同じでした。 HTML,CSSのコードは下記のとおりです。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>日本の将来る</title> <meta name="discriptio" content="八十路の提言"> <link rel="stylesheet" href="homestyle.css"> </head> <body> <h1><center>日本の将来</center></h1> <h2><center>八十路の提言</center></h2> </body> <ul > <li> <a href="https://google.co.jp">aaaa</a> </li> <li> <a href="https://google.co.jp">bbbb</a> </li> <li> <a href="https://google.co.jp">cccc</a> </li> </ul> <div style="border: 3px none;"> 枠線を実線で装飾１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１１ </div> </html> CSS @charset "UTF-8" ; body { background-color : #adcc33; font-size: 40px; width: 200; height:200; position: relative; /* 日本の将来に期待する */ top: 10px; /* 上から10px */ p { font-size: 40px; } <style> .doterase li { list-style: none; } </style> <ul class="doterase"> <li>aaa</li> <li>bbb</li> <li>ccc</li> </ul> li { color: #000000; font-size:30px } 参考書を理解しないままコピペでつくっています。HTML/CSSは最近始めたばかりなので超初心者です。よろしくお願いいたします。Windows11なのでHTML,CSS.共最新バージョンだと思います。 なお、これと同じ内容で他のQ&Aサイトに投稿しましたが質問の仕方が拙かったようで内容の訂正でなく取り消し後再質問したら回答がなくなったためこちらに質問しています。
- HTMLでテキスト選択ができない
HTMLで、作ったホームページの動作確認をしたのですが、なぜか文字を選択できなくて、aタグを使ったリンクだって機能しません。 どうしたら選択できるようになりますか？
- ベストアンサー
- HTML
- priusup200
- 回答数1
- HTMLで画像を右寄せにするには
HTMLで画像を右寄せにしたくて、 https://csshtml.work/img-text-align/ このサイトを見ながらコードをまねしたのですが、なぜか右寄せにできませんでした。 どうしたら右寄せにすることができますか？至急お願いします！
- 締切済み
- HTML
- priusup200
- 回答数2
- HTMLでiframeを上固定にしたら
HTMLでiframeをCSSの「position: fixed;」を使って上固定にしたら、iframeに対して「width="100%" height="100%"」と指定したにもかかわらず、それが聞かなくなってしまいました。 どうしたら効くようになりますか？
- ベストアンサー
- HTML
- priusup200
- 回答数1
- HTMLでページの中にページを作りたい
HTMLでウェブ構築をしているのですが、ドメインで表すと 〇〇.com/hogehoge/hoge2 こんなかんじで、ページの中にもう一つページを作るにはどうしたらいいですか？
- ベストアンサー
- HTML
- priusup200
- 回答数1
- HTMLの文字コードに関する素朴な疑問です！？
HTMLの文字コードに関する素朴な疑問です！？ HTMLファイルの書き方は、時とともに変遷してきました。 ■ＣＳＳの場合は、 <style type="text/css> ～</style> ↓ <style> ～</style> ■ＪａｖａＳｃｒｉｐｔの場合は、 <script type="text/javascript> ～</script> ↓ <script> ～</script> ■文字コードの場合は、 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> ↓ <meta charset="UTF-8"> 調べてみたところ、 ・日本では、「 UTF-8 」、「 Shift_JIS 」、「 EUC-JP 」の 3つがよく使われている文字コードである。 ・Shift-JISでの日本語1文字あたりのデータ量は2バイトだが、 UTF-8は1文字あたり3バイト必要である。 UTF-8よりもShift-JISの方が消費データが少なくて済む。 それにつけても、文字コードは何故 ・一本化しないのだろうか？ ・一本化したら困ることでもあるのだろうか？