[html] タグが付いた質問

HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。

絞り込み
並べ替え
タグ付けされた
0
1 回答
420 閲覧数

CSV出力に成功したらメッセージを出したい

HTML, CSS, javascriptで、あるシステムを作成しています。 CSV出力はできるのですが、出力が成功した際に "出力成功しました" とメッセージを出したいです。 また、この画面遷移した際に出力ボタンを押していないのに "失敗しました" とでてきてしまいます。 なので出力ボタンを押してメッセージを出したいです。 ...
0
1 回答
2,555 閲覧数

jQuery で $ is not defined とエラー表示される

jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。 <!...
0
1 回答
764 閲覧数

Djangoフォームで複数保存したいが、エラーが出る: django.template.exceptions.TemplateSyntaxError: Could not parse the remainder: '`'

前提・実現したいこと Djangoのポートフォリオサイト作成として、現在、サッカーゲームサイトの作成を目指して、プログラム作成を行っております。 同じ内容で既に teratail でも質問しています が、回答が得られなかったこともあり、本サイトに質問させて頂きました。 現在、formsetで何とか出来ないかなど、試行錯誤をしておりますが、未だ解消に至っていない状況です。 ...
0
0 回答
111 閲覧数

replitでのサイトにgoogle広告は掲載可能ですか?

replitを使ってサイトを作っておりgoogle広告で稼ぎたいなーと思い審査してもらっているのですが、サブドメインがダメらしく目的のサイトを登録できません。 replitのサイトでgoogle広告はできるのか、またできるのであれば方法を教えてください。
0
1 回答
142 閲覧数

HTML4.01でcanvasタグを使用する事は可能でしょうか。

HTML4.01でcanvasタグを使用する事は可能でしょうか。 以下の記述でChart.jsを使用してグラフを描画する事が出来たのですが、canvasタグはHTML5から使用可能と思っております。 ご存じの方がいらっしゃれば、ご教授いただけますでしょうか。 よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ...
2
0 回答
67 閲覧数

total estimate の表示

現在費用を計算するページを作成しているのですがtotal estimateの金額がブラウザに表示されません。estimateにidをつけて呼び出してはいるのですが、順序が違うのでしょうか。 コンソールでのエラー表示はありません。どなたか回答よろしくお願いします。 HTML <meta charset="utf-8" /> <meta name=&...
1
1 回答
217 閲覧数

setPropertyメソッドを使用してもcontentプロパティへ値が反映されない

:root{ --name: "*"; } .test::before{ font-size: 13px; Content: var(--name); } このcss変数をjsから document.documentElement.style.setProperty("--name", "test"); ...
0
1 回答
503 閲覧数

可変なサイドバーを開いたり閉じたりした時のコンテンツの幅

表題にもある通り、可変なサイドバーを開いたり閉じたりした時のコンテンツの幅を可変にしているのはどうやって実現しているのでしょうか? 以下のサイトで例えるとサイドバーが開いた際にコンテンツの幅が小さくなり、閉じた場合はコンテンツの幅が大きくなっています。 何か、CSSのプロパティで幅を可変にできるものがあるのでしょうか?
-1
1 回答
161 閲覧数

olの番号の縦位置が下になってしまう。上揃えにしたい。

キャプチャのようにliの番号が下揃えになってしまいます。 *キャプチャの赤い位置にしたい。 (safariで下になります。chromeでは上になっています) 次のようにしても上になりません。 ol li { vertical-align: top; } どうすれば良いでしょうか?
0
0 回答
443 閲覧数

選択された曜日によって表示する時間を変更したいです。

現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。 実現したいこと 選択された曜日によって表示する時間を変更したいです。 コードにも書いてありますが、 例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
1 回答
102 閲覧数

フォームの作成について

解決したいこと スクショのようなフォームを作りたいと思っているのですが、なかなか思ったように外観が調整できずに困っています。 発生している問題・エラー ググってフォームの作成の仕方を手当たり次第調べているのですが、こういった入力欄が罫線でかこってあるフォームの作成の仕方しか見当たりません。 自分で試したこと ググって出てきた、罫線でかこってあるフォームにCSSで form { ...
2
1 回答
291 閲覧数

bookmarks.html の仕様書

質問内容 下記ブラウザにはブックマーク(お気に入り)をbookmarks.htmlにエクスポートする機能があります。 Google Chrome Firefox Microsoft Edge Internet Explorer 各々のbookmarks.htmlのフォーマットには類似性があると思いますが、「bookmarks.htmlのWeb標準の仕様書」となるURLがわかりましたら、...
0
0 回答
657 閲覧数

GASにおけるformタグaction属性の自動指定

GoogleAppsScriptとhtmlでアンケートフォームを作成し、回答をスプレッドシートに記録しています。 index.htmlに記載するformタグaction属性👇ですが、 <form method="post" name="form1" action="$フォームURL$"> ...
1
1 回答
326 閲覧数

Webサービスにおけるユーザごとの画像の保存の仕方

Webサービスにおいてユーザごとにデータを保存するサービスがあるかと思います.例えば,Google Drive,Amazon Photoなどでアカウントを作り,アカウントごとで画像データなりファイルなりを保存すると思います.そこで質問なのですが,そのようなサービスにおいてユーザごとの画像をどのように保存するのがベストなのでしょうか. ...
0
1 回答
133 閲覧数

jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。

神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。 おかしくなるあたりの流れは以下の通りです。 ・山札の配列作成 ・山札をシャッフル ・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする) ・tableタグをHTMlに反映 上記の流れの最後で反映させると、なぜかtdタグが二倍になります。 [...
1
1 回答
215 閲覧数

inputのラジオボタンが移動できない

ボックスの中のラジオボタンが左に動かない。リストで囲ってみたりボックスのパディングをなくしても 動きません。コンタクトフォームの設定をみてみたのですが。 中央から動かない理由は見当たらず、、。他に何が考えられるでしょうか? <!-- modal --> <div class="content"> <a class="...
0
1 回答
673 閲覧数

alertが表示されない

現象 「適正体重を表示」ボタンを押しても、alertが表示されない。 期待値 index.htmlの「適正体重を表示」ボタンを押したら、alertが表示される。 再現手順 下のHTMLで記述されたファイルとJavaScriptで記述されたファイルを、同じディレクトリで実行する。 index.html <!DOCTYPE html> <html lang="ja"...
4
1 回答
2,216 閲覧数

JavaScriptでiOSの機能を制御する方法はありますか?

iPadでプログラミングが書きやすいソフトウェアキーボードを作りたいです。 HTMLとJavaScriptでソフトウェアキーボードは作れるのですが, そのキーボードをiPadでも使いたいと考えています。 ソフトウェアキーボード自体はiPadでも動作が確認できるのですが、iOSだと従来のキーボードも一緒に出てきてしまいます。 この自動的に出てくる機能をオフにしたいのですが、 ...
1
1 回答
92 閲覧数

ホバーでの画面のゆれと画像の重なりをなくしたい

文字枠をホバーすると対応して画像が切り替わるのですが、SP画面の一番上(ノーズワイヤー)のところだけデフォルトの画像が重なります。枠の真ん中だと大丈夫なのですが、上辺に近づくと枠がブルブルゆれたり、デフォルトの画像と重なったりします。PCは大丈夫です。 jqueryはSPとPCで書き分けたりしていないので、CSSなのかなと思うのですが見つけられずにいます。お力をいただければと思います。...
0
1 回答
106 閲覧数

ちゃんとFooterの形にしたいです。

コチラ を見本にFooterを作成してみましたが、うまくいきません。 どこを調整すれば、きちんと反映されるのでしょうか? 具体的にどのようにしたいのか まず、見本のように横いっぱいにFooterを広げたいです。 そして、見本でいうAboutのあたりにコピーライトを、見本のカテゴリーにはカテゴリーを配置したいです。カテゴリーは上から縦に並べます。色味に関しては#f2f2f2を基調としたいです。 ...
0
1 回答
141 閲覧数

</form>タグの位置によってセレクトボックスの中が表示されなくなる

お住まいの場所によって変動する複数の選択肢を、formでメール送信できるページを作ろうとしています 送って欲しい情報は「名前」「メールアドレス」「お住まい」「第一希望」「第二希望」です 例Aの人) お住まい:東京 第一希望:①②③(3つの選択肢から選べる 第二希望:①②③(3つの選択肢から選べる 例Bの人) お住まい:大阪 第一希望:③④⑤(3つの選択肢から選べる 第二希望:③④⑤(...
0
1 回答
2,188 閲覧数

iframe内にログインの必要なページを表示すると、ログインができないのですが、一般的に起こる現象でしょうか?対処法はありますか?

iframe内にログインの必要なページを表示すると、ログインができないのですが、 これは、一般的に起こる現象でしょうか? ログインできるようにする方法はありますか? よろしくお願いいたします。
0
1 回答
122 閲覧数

部分テンプレートにまとめた画像を、トップページ以外でも表示できるようにしたい

ヘッダーにまとめた画像を、どのページに遷移しても表示できるようにしたい。 RubyでWebアプリケーションを作成しています。 部分テンプレートを用いて_header.html.erbを作成してところ、トップページを離れると画像が表示されません。 ブラウザ上のエラーは出ていません。 例.ActionController::RoutingError (No route matches [GET] &...
-1
1 回答
149 閲覧数

リンク先のページは何をしているのですか? 「schema.org/SearchResultsPage」? 「local.google.com/place?id」?

リンク先のページは何ですか? 普通のHTMLですか? それとも何か特殊なことをしているのですか? https://www.google.co.jp/search?q=h%C2%B0m%27s%22+archive+%E3%83%AB%E3%83%9F%E3%83%8D%E3%82%A8%E3%82%B9%E3%83%88%E6%96%B0%E5%AE%BF%E5%BA%97&ludocid=...
0
1 回答
283 閲覧数

特定のクラスをもつ子要素の数を取得したい

例えば <div id="oya"> <div class="a">aaa</div> <div class="a">aaa</div> <div class="b">bbb</div> <div class=&...
3
2 回答
2万 閲覧数

ページを最初から指定の位置にスクロールする

こちらのサイト(http://play-in-hell.com/)ではページが遷移すると一番下から表示されるようになっています。 このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか? 私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。...
0
1 回答
181 閲覧数

親要素に角丸ボーダーを付けると中の要素の角が目立つ

下記のコードですが、親要素に角丸ボーダーをつけると中の要素の角が目立ちます。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
0
1 回答
1,426 閲覧数

CSSが適用されない。そもそも参照しているパスが違う。

やったこと: https://www.freecodecamp.org/news/static-site-generation-with-nextjs/ を参考に下記を行いました。 $ npx create-next-app my-static-nextjs-app $ cd my-static-nextjs-app ...
5
1 回答
526 閲覧数

クラス名にコロン(:)は許可されているのでしょうか?

https://tailwindcss.com/docs/responsive-design に レスポンシブ対応のために md:w-32 lg:w-48 という プレフィックス: という書き方がありますが、クラス名に:は許可されているのでしょうか? 疑似要素のbeforeなどでhoge::beforeなどの書き方があるので、衝突してしまってできなさそうな気もするのですが、...
1
1 回答
158 閲覧数

pyttsx3作成したmp3ファイルがhtmlで読み込めない

掲題の通りですpyttsx3で作成したmp3ファイルがhtmlファイルのaudioタグに埋め込んでも「再生できません」と表示されます。 パスが正しいことは確認済みなのですが、同じようなトラブルに見合われた方はいますでしょうか? OSはmacOSで音声の変換にはffmpegを使用しています。
1
2 回答
233 閲覧数

自由度の高いフローチャートと、テキストの相互変換

エクセルにより、以下のようなフローチャートを作成しました。 矢印の方向はもちろん、オブジェクトの位置やテキストボックスの枠線のタイプにも意味があります。 このフローチャートはエクセルなのでGUIで作成していますが、テキストベースでエクスポート(表現)する方法はあるでしょうか?
1
3 回答
1,903 閲覧数

WebView2 でローカルの画像を表示させたい

.NET Framework4.8 の WPF で開発してます。 Window に配置した WebView2 コントロールにhtml を表示させていますが、img タグでインターネット上の画像は表示されますが、ローカルに配置した画像をフルパスで表示させようとすると表示されません。 WebView2 の開発者ツールで調べると「Not allowed to load local resource」...
0
1 回答
179 閲覧数

SVG の線の長さと同じ値はどうやって探すんですか?

CSS animation で遊び倒す -SVG Line - - Qiitaを読んでいます。 破線の間隔が、SVG の線の長さと同じ値を探し、stroke-dasharrayに設定して、全てを隠します。 「SVG の線の長さと同じ値を探し」とはどのように探すのでしょうか? コードの該当箇所の引用: stroke-dasharray: 700px; stroke-dashoffset: ...
0
1 回答
235 閲覧数

カードを横スライドできるようにしたい。

実現したいこと 以下のカードを横にスライドできるような形に持っていきたいです。 しかし、現時点において横に配置することができていません。 そこでまず横にカードを並べたいです。 カードの仕組み カードは裏で動いているCMSの追加に合わせて増えていく仕組みです。現時点においてカードは縦並びに追加されてしまいます。一番良い形としては、追加に伴い、カード自体のサイズを変えることなく、...
0
1 回答
102 閲覧数

wagtail (Django)でブロック化した画像が表示されない。(文字のみ表示)

質問内容 wagtailを用いてウェブアプリケーションを開発しています。コンテンツ表示のために名前やリンクなどをブロック化し、コンテンツモデルにインポート、HTML出力を考えています。名前などほかの情報は表示されるのですが、画像のみ表示されません。エラーもなく、画像の名前も文字として表示されているので特に問題はないと考えています。試行錯誤しているのですがわからないので、...
0
1 回答
216 閲覧数

バナーの位置を下に下げたい

現状 画像のように、ページを開いたときにすでにバナーがメニュー下に重なり、見づらくなってしまっています。 いろいろ試してみたのですが、動きません。お力お貸しください!! こちらとマルチポストしております。こちらで情報が更新・解決され次第、反映する予定です。どうぞよろしくお願いいたします。 実現したいこと 分かりにくいかもしれませんが、メニューバー(白い部分)とバナー(山の写真の部分)...
2
2 回答
393 閲覧数

PHPでHTMLタグ間の改行を除去する方法を教えて下さい

PHPで簡単なブログシステムを作っています。 HTMLを許可するフォームで以下のようなデータを入力した場合に、PHPで次のようにデータを変換して保存したいです(保存先はファイルかデータベースを想定しています) 要するに、普通に書いたテキストの改行は <br> に変換し、改行が意味を持たない箇所(<ul> と <li> の間)は詰めておきたいです。 入力データ: ...
0
1 回答
175 閲覧数

Some problems no longer generate console message, but are surfaced in the issues tab. Click to view 2 possible improvements.というイシューが出ている

Chromeのデベロッパーツールで以下のメッセージが表示されます。 Some problems no longer generate console message, but are surfaced in the issues tab. Click to view 2 possible improvements. 該当箇所 この青い吹き出しの上にマウスを乗せると上記メッセージが出ます。 ...
0
0 回答
116 閲覧数

wagtailでhtmlで表示したい

質問内容 DjangoのInlinePanelを使ってwagtailで以下のモデルを実装してみました。 公式ドキュメントを参考に作成しました。管理者側はしっかりと反映されており、データを打ち込めるのですがユーザー画面に反映されません。(エラーは出ません。)そこでhtmlの書き方に問題があると考えます。具体的にはselfの部分が間違えているはずです。...
0
0 回答
265 閲覧数

アップロードした SVG 画像が表示されない

コーディングの学習をしているものです。 自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。 ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。 原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。 ...
0
1 回答
154 閲覧数

react-native-webで作成したWebページに、"http://---.js" 形式ファイルを埋め込みたい

やりたいこと react-native-webで作成したWebページに、"http://---.js" 形式ファイル を埋め込みたい やってること react-native-web, expo, firebase hostingを用いてWebページを作成しました。 そこにブログページも作ろうと思ってます。 ブログ記事の作成にはGoogleドキュメント、...
0
1 回答
2,587 閲覧数

HTML で指定した画像が表示されない

AWS、HTMLでポートフォリオを作りたいのですが、以下の通りコードを記述しても画像が表示されません。 <img alt="写真" scr="MovieClub.jpg"> どなた様か、解決方法をご教授くださればと思います
-1
1 回答
100 閲覧数

ブラウザの幅を変えると要素の位置が変わってしまうのを直したいです。

どのようにすれば、ブラウザの幅を変えても1枚目の状態で維持できるようになるのでしょうか? html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport&...
0
1 回答
292 閲覧数

vueで<input type='file'>にファイルを持たせたい

ブラウザに表示されたボタンを選択してファイルを持たせるのではなく、JavaScriptを使用しファイルを持たせるやり方を探しています。 よろしくお願いします。
0
1 回答
206 閲覧数

DokuWikiで全ページにDokuWiki記法のテキストを挿入する方法

DokuWiki(phpベースのwikiフレームワーク)にSocialite Pluginをインストールしました。 このプラグインの効果により、ページの編集画面で~~socialite~~と書くと、 <ul> <li> <a class="twitter" href="https://twitter.com/intent/...
0
0 回答
125 閲覧数

モバイルでアクセスしたときは、HTML階層構造を変更したい

パソコンとモバイルでWebレイアウトを分けたいです。 display:flex;のorderプロパティやメディアクエリを試してみたのですが、どうしてもうまくいきません。 HTML階層構造が異なるからだということに気が付きました。 モバイルでアクセスしたときだけ、HTML階層構造を変更することはできますか? PCからのアクセスを想定。前提となるhtml <div class="...
0
1 回答
757 閲覧数

HTML内onclickの関数をscriptで変更したいが、引数が書き換わる

チェックボックスにチェックを入れると文字を隠すというコードを作成しています。 選択肢数は変動するため、Javascriptのfor文でonclickの関数を登録しています。 下記のようなコードを作成したのですが、どのチェックボックスをクリックしても、IDがtxt3を指しています。(connecttext()のclonsole.logで確認) ...
0
1 回答
146 閲覧数

jQueryのクリックイベントのみ動かなくなりました

昨日まで正常に動いたコードが今朝動かなくなってしまいました。 selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。 しかしjsファイルの一番最後の行のclickイベントだけが動きません。 clickイベントの中にconsole.logを入れても何も表示されないため、...
0
1 回答
76 閲覧数

動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい

クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。 cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。 コードは以下 <!DOCTYPE html> <html lang="ja"> <head> <meta ...
0
1 回答
936 閲覧数

Seleniumの要素を特定しているnameの取得方法が分からない?

こちらのQiita記事を参考にSeleniumの勉強をしています。 Ubuntu、Python3、Chromeを使っています。 以下のサンプルコードについて質門です。 import time from selenium import webdriver driver = webdriver.Chrome() driver.get('https://www.google.com/') time....

1
3 4
5
6 7
23