『HTML』に関する質問・疑問一覧

次へ  ]
18574件中 1~20件目
  • トマトの水耕栽培

    トマトを水槽で水耕栽培で育ててみています。 これは密度高いですか? 根本が2,3本ずつまとめているのですが、1つずつにした方が良いですか? そろそろ支柱を立てる時期ですか…?

    2020/05/31 09:33
  • cssのanimationの設定の仕方

    Animationの表示タイミングが合わないので教えてください。 今回初めてcssのanimationを使ってみました。 同時に、jQuery.BgSwitcher を使って背景画像5枚を5秒間づつ表示させてループさせています。(合計25秒間)そして、cssのanimation でテキストA,B,Cの3枚を25秒間表示させています。 表示タイミングは 【背景画像1を表示 テキストAを表示 テキストBを非表示 テキストCを非表示】 【背景画像2を表示 テキストAを非表示 テキストBを非表示 テキストCを非表示】 【背景画像3を表示 テキストAを非表示 テキストBを表示 テキストCを非表示】 【背景画像4を表示 テキストAを非表示 テキストBを非表示 テキストCを非表示】 【背景画像5を表示 テキストAを非表示 テキストBを非表示 テキストCを表示】 背景画像で使用しているjQuery.BgSwitcherの表示時間は1枚5秒です。5枚ですので25秒でループです。animationが適応されているテキストA,B,Cの animation-duration: 25s; にしています。 テキスト画像A,B,Cは表示されるタイミングではopacity:1 にしてそれ以外はopacity:0で非表示にして背景画像1,2,3とテキストA,B,Cとの表示タイミングが合わせたいです。 初めはタイミングよく背景画像とテキスト画像が表示されているのですが徐々に表示タイミングずれてしまい5分ぐらいするとanimationのテキストA,B,Cの表示タイミングが背景画像と大きくずれ、例えばテキストAが背景画像5で表示されるようになってしまいます。 jQuery.BgSwitcherでの背景画像5枚の1ループの時間は25秒。animationのテキストA,B,Cのanimation-duration: 25s; なのですが、徐々にずれてしまいます。 animation側の設定に問題があるかもしれませんので教えていただけないでしょうか? 現在のテストサイトは下記です。 http://cm-creation.net/yoshida/text-anime-test/index13.html どうぞよろしくお願いいたします。Cssとhtml設定は下記です。 ■cssの設定 .bg-slider { width: 99.1vw; height: 100vh; background-position:center center; background-size: cover; display: flex; justify-content: center; position: relative; } .textA { position: absolute;   top: 5%;    left:20%; animation-name:animation1; animation-duration:25s; animation-timing-function: ease-in-out; animation-delay: 0s;    opacity: 0;    animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards; } .textB { position: absolute; top: 5%;    right:20%; animation-name:animation2; animation-duration:25s; animation-timing-function: ease-in-out; animation-delay: 0s;   opacity: 0;   animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards; } .textC { position: absolute; top: 5%; animation-name:animation3; animation-duration: 25s; animation-timing-function: ease-in-out; animation-delay: 0s;     opacity: 0;    animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: forwards; } @keyframes animation1 { 0% { opacity: 0; transform: translate3d(0, 30px, 0);   } 5% { opacity: 1; transform: translate3d(0, 0, 0);    } 26% { opacity: 0; transform: translate3d(0, 0, 0); } 100% { opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes animation2 { 0% { opacity: 0; transform: translate3d(0, 0px, 0); } 41% { opacity: 0; transform: translate3d(0, 30px, 0); }  45% { opacity: 1; transform: translate3d(0, 0, 0); } 66% { opacity: 0; transform: translate3d(0, 0px, 0); } 100% { opacity: 0; transform: translate3d(0, 0, 0); } } @keyframes animation3 { 0% { opacity: 0; transform: translate3d(0, 0px, 0); }   81% { opacity: 0; transform: translate3d(0, 30px, 0); } 85% { opacity: 1; transform: translate3d(0, 0, 0); }   101% { opacity: 0; transform: translate3d(0, 0px, 0); }  102% { opacity: 0; transform: translate3d(0, 0, 0); } } ■html <script> jQuery(function($) { $('.bg-slider').bgSwitcher({ images: image/main10.jpg','image/main11.jpg','image/main12.jpg','image/main13.jpg','image/main14.jpg'], // 切り替える背景画像を指定 interval: 5000, // 背景画像を切り替える間隔を指定 5000=5秒 loop: true, // shuffle: false, // effect: "fade", // エフェクトの種類をfade,blind,clip,slide,drop,hideから指定 duration: 500, // エフェクトの時間を指定します。 easing: "swing" // エフェクトのイージングをlinear,swingから指定 }); }); </script> <div class="container-fluid px-0 bg-slider " > <div class="textA"><img src="image/item8.png" class="img-fluid" alt=""/></div> <div class="textB"><img src="image/item9.png" class="img-fluid" alt=""/></div> <div class="textC"><img src="image/item10.png" class="img-fluid" alt=""/></div> </div>

    2020/05/29 14:54
  • FFFTPでの編集について

    超初心者です。 HPのトップページに少々変更を加えることになったのですが、まず、FFFTPからHP全体のフォルダをPCにダウンロードするまではできました。 その中のindex.html(トップページに該当する部分)を編集しようと思うのですが、どう探してもその中にfooterがありません。 FFFTP内のindex.htmlにもfooterの記載はないのですが、HPでソースを表示するとfooterがあります。 この場合、index.htmlだけ編集後それだけアップロードすれば問題なくfooterが表示されるようになりますか? また、FFFTPにあるファイルのサイズとダウンロード後のファイルのサイズが若干違うのですが(6498が6643になっています)これは問題ありませんか? 助けてください、お願いします。

    2020/05/26 14:22
  • html cssの学習メモの取り方

    html/cssのみなら、どのプログラミングにも言えることですが、 どういった学習メモの取り方が理想でしょうか? 前回一人の回答者からはアドバイスをいただきましたが、たくさんの方からの意見をお聞きしたいのでよろしくお願いいたします。

    2020/05/24 16:05
  • アンカーテキストはなんでアンカーと呼ぶんですか?

    プログラミングのhtmlでアンカーテキストaはなんでアンカーと呼ぶんですか? a href anchorとは錨のことですか?

    2020/05/22 16:56
  • 忍者に作ったサイトがhtmlとCSS消しても?

    忍者に作ったサイトのhtmlを更新したのですが反映されません。 別のURLの方にアップしたら反映されるのですが、片方がだめです? ブラウザのキャッシュを消してもなぜか古いindex.htmlが表示されます。 よくわかりません。 FTPでアクセスしてhtmlとcssというか全部けしているのにサイトが表示されます? なぜですか?(`・ω・´)

    2020/05/20 23:07
  • WEBページのテンプレートを販売したいです

    自分がフルスクラッチで作ったWEBページのテンプレートを販売したいのでアドバイスを頂ければ幸いです。 ・テンプレートモンスターなどのストックフォトのようなサイトで販売しないと集客が出来ないと思ったのですが、 BOOTHなどでの販売が一般的なのでしょうか? ストックフォトのようなサイトがテンプレート販売の場合はないですよね? 集客に困るのですが、SNSと検索エンジンで宣伝するしかないでしょうか? ・下記を見ると、明らかに、自分でテキスト情報などをいじれないと使えないように思います。 https://templx.com/item/template-x9h.html テンプレートは素人が購入するからHTMLがいっさいいじれないと思ったのですが、実はプロが時間短縮に買うことがほとんどなので、 テキスト、画像、グローバルナビのボタンの数位なら、自分でHTMLをいじれるから、こちらは気にしなくても良いのでしょうか? また、上記サイトを見ると、そのまま公開しているのですが、これだとソースコードが見れるので、購入しないでパクられませんか? それとも、画像だけは、サンプル画像に変えて、ソースコードはCSSはミニファイしているからパクっても使い物にならないだろうと考えて 公開するのが通常でしょうか? そして、画像付きの完成品は、全体をキャプチャした画像を載せるのが通常なのでしょうか? ・上記を見るとサブページが少しトップページと違うので、二つテンプレートがありますが、 通常はトップページとサブページが同じレイアウトでないと、閲覧者が困るので、トップページだけのテンプレートでも問題ないと思いますか?

    2020/05/20 17:27
  • Webサイトで画像に対してデータベースのような検索

    自分のホームページで、リンクボタンを押すと該当する画像が表示されるようにしたいのですが、japascriptやcss でも、技がありましたら教えてください。 表示される画像が、例えば ★☆◆◇▲△ とあった場合 [白]のボタンを押すと ☆◇△ が表示され [四角]のボタンを押すと ◆◇ が表示されるような感じにしたいのです。 ふわっとしたイメージで分かりにくいと思いますが宜しくお願い致します。

    2020/05/18 15:40
  • HTMLの説明について。

    HTMLの説明の中に、他のページや情報を自動的に呼び出すことができるとある。 これはHTMLの特徴の1つで、Webページの中に他のWebページや画像や音声や映像などのマルチメディア情報を呼び出すためのリンクを埋め込み、これらの情報を呼び出して表示できるというもの。 と教わりました。 以前に、(データを読み出す)、(機能を呼び出す)と読み出すと呼び出すの違いを教わりました。 そうすると、上記の説明の中で呼び出すではなく読み出すなのではないかと思い、下記に修正してみました。 この下記の修正した内容で合ってますでしょうか? 修正した内容 HTMLの説明の中に、他のページや情報を自動的に呼び出すことができるとある。 これはHTMLの特徴の1つで、Webページの中に他のWebページや画像や音声や映像などのマルチメディア情報を読み出すためのリンクを埋め込み、これらの情報を読み出して表示できるというもの。

    2020/05/13 17:53
  • プログラミング学習のメモのまとめ方

    現在html/cssを学習しています。 その際に、 https://www.evernote.com/l/AjL1b51IcH1MgJCuD7e3h3gFtr5ig7c2EaA/ evernoteを使い重要なところをメモして何回も見返せるようにしています。 ただ、どういったまとめ方が見やすく感じるかわからないので、アドバイスを頂けないでしょうか?

    2020/05/06 19:06
  • ホームページで左に余白をつけたい。

    いつも大変お世話になり誠にありがとうございます。 標記の件。 どうすればいいでしょうか・・・??? ご多忙中恐れ入ります。 ご回答の程、宜しくお願い申し上げます。

    2020/04/14 18:43
  • htmlのコードを書く際、

    htmlのコードを書く際、 eclipseでjavaのコードを書くときの、 Ctrl+Shift+Fのような、 整形ショートカットはないのでしょうか。 今、メモ帳を使って書きてますが、 他のエディタ(無料のもの)でオススメがあれば、 整形のショートカットとと共に教えていただけるとありがたいです。

    2020/04/14 16:38
  • ホームページのリンク作成して下線消したい

    ホームページのリンク作成について。 文字にリンクをつけたいのですが、リンクの下線を消して、文字を黒色で表示させたいのですが、やり方教えてください。

    2020/04/13 22:43
  • htmlのみの投稿Formの作り方

    おはようございます。 私のHPはfc2なので、CGIもPHPも使えないので htmlのみでそのページ上で動作するwebフォームを作りたいのですが、 肝心の参考になるところがありません。 作り方知っている方いましたらご教示お願いします。

    2020/04/13 09:30
  • サイドのウィジェットが下がってしまっている

    http://yesdeafcan.com/ 右のサイドのウィジェットが下がっています。 ボックスのはみ出しだと思うのですが、うまくいきません。 アドバイスをお願いします。

    • ベストアンサー
    • 困ってます
    • nkmyr
    • HTML
    • 回答1
    2020/03/26 16:38
  • wordpressで作成したHPについて

    httpでサーバーへデータ移行したのですが、その後httpsに変更し、googleの認証も済んでいるのですが、httpsのアドレスで開いても、homeタグを押すとhttpに変更してしまうので更新した内容の記事が読めない状態です。 wordpressの設定で確認してもhttpsにアドレスは変更されているのですが、どのように対処したらよいでしょうか?

    2020/03/18 13:01
  • HTML、もしくはJavaScriptのソース

    @WikiやPukiwiki等で使えるツリー型のコメント機能。 これと同じようなことをHTMLもしくはJavaScriptで再現することは出来ないでしょうか? ここに書いていただく、もしくはそれが載っているソース集のようなサイトの紹介をお願いします。

    2020/03/18 12:18
  • HTMLメールをHotmailで作成したい

    こんばんは、 タイトルの通りです。 HTMLメールをHotmail上で記述して送りたいのですが、 方法を教えてください。 よろしくお願いします。

    2020/03/12 19:58
  • Yahooサーチって、呪文があるけど

    例えば 日本語 English をYahooサーチすると、アドレスに https://search.yahoo.co.jp/search?p=%E6%97%A5%E6%9C%AC%E8%AA%9E+English&x=wrt&aq=-1&ai=FVIyYfqjTjWTefN.hI3Y0A&ts=490&ei=UTF-8&fr=top_ga1_sa って表示されますよね。 これって、多分検索エンジンへの命令だと思うんだけど、 FVIyYfqjTjWTefN.hI3Y0A の部分が呪文になっていて、それを作る方法が分からない %E6%97%A5%E6%9C%AC%E8%AA%9E はencodeURI()を使うことは分かったけど その呪文って、どうやって作るの?

    2020/03/12 15:15
  • フォーム部品の「送信」で内容が自分の元に来るには?

    最初に環境はWindows10でブラウザはGooglechromeです。 いま自分のサイトを初学者ながら制作しているのですが、 問い合わせ先をフォーム部品で作って、氏名の記入欄と コメント欄を設けて、送信ボタンを押せばそれらが 私のメールアドレスに届くようにしたいと思っています。 ただこのままアップしても送信先が記入されていないため 恐らく誰かがメッセージを送ってもこちらに届かないと 思います。 初歩的な質問で恐縮ですが、私が上げたサイトの問い合わせ フォームから、誰かが記入したメッセージを私の例えば e-mail先に送信させるにはどうすればよいのでしょうか? 出来るだけ丁寧に教えて頂ければと思います。 宜しくお願い致します。

    2020/03/04 20:30

ピックアップ