[html] タグが付いた質問

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

1,425 件の質問
絞り込み
並べ替え
タグ付けされた
0
0 回答
6 閲覧数

最新コメントにnewの文字を付けてブラウザに表示する

1週間以内のコメントにnewを付けてブラウザに表示するにはどうしたらよいでしょうか? htmlとjavaのみを使って作りたいのですが、 javaにコメント件数の中で1週間以内のもののみnewをコメント件数横に表示するには条件判定で for文、while文どちらかを使った方がいいでしょうか? フレームワークはspringbootのタイムリーフを使っています。 html コメント件数new java ...
0
0 回答
70 閲覧数

初心者におすすめのイベントを教えていただきたいです。 [クローズ済み]

自分はプログラミング学習初心者です。 今、侍テラコヤというサイトで学んでいます。 そちらのサイトのITリテラシーの章で、イベントが開催されていることを初めて知りました。 しかしサイトを見てもよくわからず、詳しく調べてみると、 講義型やもくもく型などがあると知りました。 自分は実際に手を動かしながら参加したいのと、人脈を作りたい目的があるので、 ・講義型のような聞くだけのイベント以外 ・...
0
1 回答
1,774 閲覧数

phpを使ってログインした後の画面移動

前提・実現したいこと phpを使って、ログインした後に画像投稿フォームに飛んで画像を投稿できる機能を作っているのですが、 ログインした後に画像投稿フォームに飛ぶのですが、投稿した後に、別のページに飛んで、’アップロードされました。’などの表示がされ”戻る”ボタンを押すと、毎回ログインするページに飛び再度ログインしないとちゃんと投稿されているのか見れません。 ”戻る”...
3
2 回答
245 閲覧数

HTMLをコメントアウトをしても、その中に書いてあるPHP処理はコメントアウトされない、というのは何の仕様でどこに書いてありますか?

HTMLをコメントアウトをしても、その中に書いてあるPHP処理はコメントアウトされない、ということを今知ったのですが、これは何の仕様(HTML? PHP?)でどこに書いてありますか?
0
0 回答
22 閲覧数

DITA-OTによるhtml5変換のカスタム化について教えてください

最新DITA-OT(ver.4.2)によるditaファイルのhtml5変換のカスタム化について教えてください。 以前のAntビルドファイルを使用する方法ではなく、.propertiesファイルとditaコマンドを使用して、標準仕様のxsl変換の一部を、別の変換に変更したいと思います。 以下のsample.ditaを用意して標準変換すると、結果1のhtlmが生成されますが、...
1
1 回答
1,411 閲覧数

Nuxt.jsで画像読み込み時に404エラーが発生した際に代わりの画像に差し替えたい

https://stackoverflow.com/questions/54596396/vue-js-nuxt-js-load-fallback-image-on-404 上記の記事を元に、以下のような「image1がエラーの時はimage2を表示する」というプログラムを作成しました。 しかし、imgタグ内が src であるときはうまく動作しますが、 :src とバインディングした際には ...
0
0 回答
58 閲覧数

doxygenを使用してHTMLとCSSのドキュメントを作りたい

doxygenを使ってドキュメントを作成しています。 その中でHTMLと CSSのコード内にdoxygenの特殊コマンドを書いても認識してindex.htmlを作成してくれません。 JavaScriptは特殊コマンドを書いて実行するとドキュメントに反映されて関数や変数の説明がindex.htmlに反映されます。 ...
0
1 回答
737 閲覧数

URL 指定での Web ページ表示時にリダイレクトされるのを停止したい

以下の構文、サンプルページのとおり、URL を指定して表示させる HTML を書いたのですが、当該 URL を表示後、当該 URL 側の挙動として自動的に別の URL にリダイレクトされてしまいます。(この例ですと、「https://www.jma.go.jp/bosai/map.html#5&contents=earthquake_map」を指定していますが、「https://www....
0
0 回答
81 閲覧数

時系列ごとにメッセージを表示する方法を教えて欲しいです。

課題:時系列ごとにメッセージを表示する 1対1でメッセージをやり取りするメッセージアプリをRailsで作成中です。 やりたいことは、ユーザー一覧画面でユーザーを選択して、選択したユーザーの詳細画面でメッセージ投稿して、そのユーザー詳細画面でメッセージを表示したいです。 ユーザー詳細画面で送信ユーザーと受信ユーザーがどちらもメッセージを見れるようにしたいです。(...
0
0 回答
69 閲覧数

ウェブサイトのためのフィルター機能が豊富なデータテーブルライブラリ

ウェブサイトに検索が優れた表を載せようと思います。 希望条件 それぞれの行に対して検索できる ソート可能 それぞれの行に対してスライドバーによる範囲指定ができる 全てを満たさなくても良いので、高機能な表ツールをお願いします。
0
1 回答
1,147 閲覧数

チェックボックスをJavascriptでチェックできてもinput type="checkbox" の後にcheckedが付かない

Python、seleniumで社内サイトをスクレイピングしているのですが、チェックボックスにチェックをいれてから、押すボタン【確定ボタン】があります。 そこで、seleniumでそのサイトまでアクセスしたのち、下記のスクリプトでチェックボックスにチェックを入れようと考えました。 script = 'document.querySelector("チェックボックスのCSSセレクタ&...
0
0 回答
43 閲覧数

スパム対策でwebサイトのウィジェット内でメッセージ送信に制限を設ける方法

expressで作ったwebアプリにbotpressのAIチャットボットを埋め込む予定です。 botpressのメッセージ送信数に2000回という制限があるため、ユーザーが一定回数メッセージを送ると、他のページに遷移し、チャットのページに戻れなくする仕組みを作りました。 しかし、botpressのイベント検知はhtmlのscript内で行うので、...
0
2 回答
1万 閲覧数

テーブルに対して行選択するコードを書きたい

テーブルに対して行選択しているファイルをダウンロードボタンでダウンロードできるものを考えています。 まず行選択できるコードの書き方が分からなくて悩んでいます。行選択できるようにするにはどういったコードを追記すればよろしいでしょうか。 ソースは下記となります。 <!DOCTYPE html> <html lang="ja"> <head> &...
1
1 回答
2,581 閲覧数

Bootstrap4でハンバーガーメニューの色を変更したい

Bootstrap4のハンバーガーメニューについてなんですが <span class="navbar-toggler-icon"></span> このクラスに対してデフォルトの色から白色に変更をしたいため span.navbar-toggler-icon { color:#fff; } とかいているんですが色が白色になりません。 ...
0
0 回答
1,183 閲覧数

nav-itemが横並びにできない

bootstrap4のCDNを使用してVueコンポーネントを作成しているのですが、navbarのitemがVerticalとなってしまいます。下記ソースコードです。 【header.vue】 <template> <header class="row"> <nav class="navbar navbar-toggleable-...
1
1 回答
92 閲覧数

Bootstrapでhover時に他のアイコンへ変えたい

Bootstrapでhover時にアイコンを変えたいです。 しかし、hoverすると画像のように黒い四角形になってしまいます。 よろしくお願いいたします。 .bi-person:hover::before { font-family: 'Bootstrap-icons'; content: '\F4DA'; background-color: #000; } .bi-bag:...
0
1 回答
69 閲覧数

Bootstrapでhover時に他のアイコンに変えたい

hover時に1-circleから、1-circle-fillのアイコンに変えたいです。 下記のように記述したところ、画像のように黒色の四角形になってしまいます。 よろしくお願い致します。 .header-icon .bi-i-circle:hover { font-family: 'Bootstrap-icons'; content: '\F796'; background-...
0
1 回答
162 閲覧数

Bootstrapの検索フォームがiPhoneで表示が崩れる

Bootstrapを使い、このサイトを参考に検索フォームを作成した。 <div class="input-group"> <input type="text" id="search-form" class="form-control input-group-prepend" ...
0
1 回答
174 閲覧数

ページによってheaderの色が変わるようにしたい

やりたいこと ページを移動した際に、ヘッターの文字の色が変わるようにしたいです(Aのページだと、この色。Bのページだとこの色、みたいな。) 現状 以下のようなコードでheaderを書いています。仮にこのbackground -colorをページごとに変えたいときはどのように書けばいいでしょうか? 条件分岐みたいな書き方をするのか、それとも違うクラスを与えたりするのか、よくわかりません。...
1
1 回答
264 閲覧数

Bootstrap Icons の Code Point とは何か?

問題の要約 Bootstrap Icons のページからアイコンの情報を見ると,次のような画面が表示されます. Code point とは何のことでしょうか? Unicode や CSS や JS, HTML などと書かれていますが,これをそのまま書いても当然ながら反映されるわけではありません. どのような使い方を想定したものなのでしょうか?
0
1 回答
908 閲覧数

Bootstrapのhamburgar menuが動かない

下記のドキュメントのExternal contentの章で記述されているサンプルコードをそのまま コピーすると、レイアウトはそのまま黒のヘッダーにアイコンという状態で再現できます。 https://getbootstrap.com/docs/4.1/components/navbar/ ただ、アイコンを押下してもメニューを展開できない状態です。 何か追加で設定する必要があるのでしょうか? &...
0
1 回答
151 閲覧数

CSSにおいて正方形に余白がある状態にしたい

今HTML,CSS,Bootstrapでページをデザインしています。 画像を正方形にトリミングし、5個ずつ2列で表示します。 以下のようにできているのですが、 それぞれの画像がくっつかず、余白をつけるようにしたいです。 現在、縦横比を保てるように実装できているのですが、余白の設定に詰まっています。 サポートいただけないでしょうか? ▼HTML <div class="flex-...
0
1 回答
216 閲覧数

CSSにおいて画像を上下に5つずつ配置したい

今HTML,CSS,Bootstrapでページをデザインしています。 https://www.f2ff.jp/event/iotc-2020-02にある以下のようなデザインをしたいです。 動きはなくてよくて、配置のみになります。 これを上下2列で5ボックスずつで配置したいです。 どのようにすればいいでしょうか?今色々試しているのですが詰まっているのでアドバイスいただけたらと思います。 ...
0
1 回答
115 閲覧数

HTML,CSSによるデザインで要素の高さを70%にしたい

html,css,bootstrapを使って、ページのデザインを編集しています。 以下のような画像とセクションの高さを70%にしたいのですが、なかなかうまくいかず詰まっています。 恐れ入りますが、手助けいただけないでしょうか? 以下該当部分のHTMLとCSSです。 ▼html <section class="section-box" data-scroll-index=&...
0
1 回答
594 閲覧数

bootstrap でnavbar が正しく表示されません

html の勉強を始めたばかりなのですが、container や jumbotronなどは使えるのにnavbarが正しく表示されません。 bootstrapのNAVSやNAVBARから直接コピペしても表示がホームページにある例とは異なる形で表示されてしまうので何が間違っているのかが全く分からない状態で困っています。 udemyを主な学習材料に使っていましたが、...
1
0 回答
3,860 閲覧数

htmlの印刷でIEのみ余分な空白ページが出力される

現在asp.net mvc 5 にてBootstrapを使用したWebアプリを開発中ですが、 tableタグを使用したページをwindows.print()で印刷した際、IEのみ2ページ目に空白ページが表示されてしまいます。(IE11で確認しております。) 他のブラウザ(chrome,firefox,safari,edge)では1ページのみ出力され、空白ページは表示されません。 ...
1
0 回答
560 閲覧数

HTML5 + Bootstrap + IE11 + Windows7にて、フォーカスを当てた時の挙動がおかしい

HTML5、Bootstrapにてページを作成しています。 IE11でテキストフィールドにフォーカスを当てた際に、謎の事象が発生しました。 1.枠線の影が消える 2.テキストフィールドの左上にグレーの影が表示される この現象は下記の環境で発生しています。 ・Windows7 Professional SP1(32bit) ・IE 11.0.9600.18537 (更新バージョン 11....
0
1 回答
244 閲覧数

チェックボックスを扱って時間を変更したい。

画面表示をしたときにデフォルトでは時間が9:00と表示され、 終了時刻のチェックボックスにチェックを入れたら22:00に切り替わり、チェックボックスを外したら21:00に切り替わるという実装をしたいと考えていますが上手くいきません。(画面表示をしたときにデフォルトでは時間が9:00というのはできてます。) どのように修正したらよろしいでしょうか。お願いいたします。 <!DOCTYPE ...
0
1 回答
3,419 閲覧数

要素を横一列で並べたい。

営業時間のラベルから二つ目の時間入力までの要素を画面が小さくなっても横一列にしたいと思っていますが上手くいきません。画面を小さくすると、ラベルと入力のテキストボックスが縦に並んでしまいます。どう修正したらいいのか教えていただいてもよろしいでしょうか。 【コード】 <!DOCTYPE html> <html lang="ja"> <head> ...
0
1 回答
1,402 閲覧数

Timepickerが機能しない。

画面に「Timepicker」の機能を実装中ですが上手くいきません。 入力ボックスに「11:00 PM」という表示はでているのですがボタンを押そうとしても何も機能していない形です。ボタンをクリックして時間を選べるようにするにはどう修正したらよろしいでしょうか。 以前から使っている「http://getbootstrap.com/getting-started/#download」...
3
1 回答
1,114 閲覧数

画面が小さくなっても要素を横一列に並んだままにしたい

Bootstrapを使ってログインID入力のみのログイン画面の作成を行っています。表示画面が小さくなってもユーザIDラベル、テキストボックス、submitボタンを横一列で表示するようにしたいのですが下記のコードではうまくいかず困っています。 どのようにコードを記載すればよろしいでしょうか。 自身が書いたソースは下記となります。 <!DOCTYPE html> <...
0
1 回答
2,883 閲覧数

要素中にある複数の要素を適宜折り返したい、ただし要素の途中で折り返さない

bootstrapのlabelを使っています。 これを複数横並びにしていますが、指定の親要素幅を超えると親要素幅が伸びてしまいます。 複数ある子要素を横並びにしつつ、適宜折り返したいです。ただし要素の途中で折り返したく有りません。要素単位で折り返したいです。 下記の例なら、label label-info指定の子要素を横並びにしますが、「データn」の途中で折り返さず、親要素幅以内で「データn」...
0
1 回答
362 閲覧数

Twitterの様な投稿フォームを再現するには

railsもしくはbootstrapのライブラリを用いて、 このようにツイッターの新規投稿ボタン?を押すと画面が遷移せず、背景が暗くなり、フォームが 出てくる。という機能をつけたいのですが、そういったライブラリはあるのでしょうか? もしあるのなら何と調べればいいのかご教授願いたいですm(__)m
0
1 回答
1,920 閲覧数

Bootstrapテンプレートで、<select class="form-control"> の角丸を四角にしたい

<select class="form-control" style="border-radius: 0!important;"> を指定しました。 MacのFirefoxでは四角になりましたが、MacのChromeでは角丸のままで変化がありませんでした。 知ってらっしゃる方、方法など教えてください。 よろしくお願いします。
3
1 回答
160 閲覧数

PolymerとBootstrapの併用について

お世話になってます。 現在Bootstrapを使用してWebサイトを開発しています。 しかし、Polymerを利用して部品化してみようと思い、Polymerを導入したのですが、BootstrapのclassがComponentに反映されなかったりと何かと不具合が生じています。 Componentのhtmlには polymer.htmlとbootstrap.min.cssをlinkしています。 ...
2
1 回答
2,587 閲覧数

bootstrap下の中央寄せされたレスポンシブ画像のリンク化

bootstrapを使っている状態で中央寄せされたレスポンシブな画像をリンク化しようとしたのですが、うまくいきません。 下記のようなコードを書きました。 <!DOCTYPE html> <html> <head> <link href="http://getbootstrap.com/dist/css/bootstrap.min....
0
2 回答
546 閲覧数

BootStrap3のテーマを使うには?

初質問です! 現在Java、Seasar2(SAStrats/S2JDBC)、JSP、PostgreSQLで DBを使ったWebアプリケーションを作っています。 そこで質問なのですが、 結論から言うと BootStrap3のテーマを今作っているアプリケーションに反映するにはどうしたらいいでしょうか? ざっくりしすぎているので説明すると 現在Bootstrap ...
1
1 回答
3,399 閲覧数

table-hover が効かない

<div class="container" style="padding:20px 0"> <table class="table table-striped table-bordered table-hover table-condensed"> <thead> <tr><th>foo</th>...
2
2 回答
142 閲覧数

WebBluetooth APIにて21文字以上のデータをmicrobitへ送信できない

概要 WebBluetooth APIを用いたBLE通信を介して、ブラウザ上(HTML&javaScript)からmicro:bit(MakeCode)にデータを送る際に、何故か21文字(終端文字含む)以上のデータをmicro:bitに送ることができず、困っています。 検証 ブラウザ側のコードの全文はこちらです。 https://gist.github.com/henjin0/...
0
0 回答
124 閲覧数

WEBスクレイピングのログイン処理

WEBスクレイピングでログインまで自動化したいのですが、ログインボタンの要素が見つからず困っています。 canvas要素上の処理であることは確認できましたが、どうログイン処理を記述するかで詰まりました。 座標を具体的に指定して組めはしましたが、異なる端末環境で使用する予定の為あまり意味がありません。 JSから数値取得して座標指定するといったことはできるのでしょうか? VBA/...
-1
2 回答
293 閲覧数

WindowsPC/Androidタブレットで同じWebページを表示したい

WindowsPC/AndroidごとにWebページを用意するのではなく、 両方から1つのWebページを表示したいです。 PCはWebページを参照するだけなのですが、タブレットはHTML5でバーコードをスキャンもさせたいです。 ① WindowsPC/AndroidでWebページを共有する際に発生する問題を教えて下さい。 → レイアウトが崩れたりしませんか?ボタンサイズの問題 etc... ②...
0
1 回答
220 閲覧数

HTML内にscriptを記載して思っているようにしたいのですが、どうしても上手くいきません

以下の四つを実現出来るようにしたいのですが、scriptタグの中にどのようなコードを書けば良いかわかりません。どなたかご教授ください。 実現したいこと 1つ目: 名前とニックネームを3回追記したらボタンを非表示(削除ではないのでDisplayではないとは思いますが)にし、それ以降は追記できない。 2つ目: tableタグとそれに関連するタグを利用し、登録した 名前 と ニックネーム ...
0
1 回答
545 閲覧数

javascriptで、配列内の文字を改行したいです。

以下のJavaScriptのプログラムがあります。 これは、1問目と2問目をそれぞれ松山市と高松市と入力すれば50と出力されるようなプログラムになっています。 さらに、そこに加えて、それとは別に配列が用意され、50の場合には「あいうえお」と出力されるようなプログラムになっています。 ところが、例えば仮に「あいう」と「えお」という風に改行することができません。 ...
1
0 回答
142 閲覧数

Reactのinputタグで一文字ずつ確定され「テスト」が「tえst」と入力される

Reactで下記のようなinputを作成し、入力値をオブジェクトの状態変数で管理しています。 ただ、inputタグに「テスト」と入力すると「tえst」と入力され、一文字入力するたびに確定されるためカタカナや漢字への変換ができません。 何か考えられる原因等ご存知の方がいらっしゃいましたら、ご教授いただけたら幸いです。 コード const [userParams, setUserParams] = ...
0
1 回答
127 閲覧数

overflowとhoverの使い方

現在サイトを模写しています。(該当サイト→ https://demo.tcd-theme.com/tcd050/ ) その中で「絶景の湯宿。美味に舌鼓。全国おすすめ温泉地特集!」の部分の実装方法がイマイチ理解できていないので解説をして頂きたいです。 現在わかっていること 画像をhoverしたら横から文字が表示される。 文字と画像に対してposition: abusolute;が使用されていること。...
1
1 回答
117 閲覧数

Google Colab上で計算結果をhtmlに変換したい

Google Colab上で新規の計算結果をhtmlに変換する方法を知りたいです。 まず現在行っていることを記入します。 run.ipynbとtest1.ipynbの2つを持っています。 run.ipynb %run test1.ipynb !jupyter nbconvert --to html test1.ipynb (test1.ipynbを一回計算させて、test1....
0
3 回答
647 閲覧数

サイトを丸ごとダウンロードしたい

全くの素人です このサイトをそのままの形で保存したいのですが https://goodsmileshop.com/ja/ HTTrackで行ったら、商品ページまで保存できずに終わり商品の画像も表示されません そこでwgetで wget -p -k --mirror --page-requisites --html-extension --convert-links --restrict-file-...
1
1 回答
81 閲覧数

スクロールできるときのhtml要素の高さがブラウザの画面の高さと同じにならないのでなぜですか?

html要素よりも大きなボディがあるとhtml要素にはスクロールバーが作られますが、なぜhtml要素の高さはスクロールバーがあるにもかかわらずbodyと同じ高さになるのでしょうか? 画面の高さをスマホ想定で586にしましたがhtmlはbodyと同じ1700になってしまいます。本物のスマホのブラウザーだと違う結果になりますか? ...
1
1 回答
90 閲覧数

フォームのラベルをinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません

フォームのラベルをフォーカスされたときにinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません 今のソースコードはこのようになってますが問題があります 1つはフォーカスしていないときでもラベルが非表示になっていないことです。どのようにすればうまく実装できるのかわかりませんでした 2つはラベルが2つありますが、2つとも同じ位置に行ってしまうことです。...
1
1 回答
170 閲覧数

Canvasに描かれたボタン要素をデベロッパーツールで取得したい

Google chrome のデベロッパーツールを使用しています。 サイトのログインボタンの位置情報を取得したいです。 ログインボタンがcanvasタグで描かれている場合、このcanvas上のログインボタン図位置にポインタがあることをどう判断させているのでしょうか?座標情報・要素情報が見つからずです。。 ご教示ください。

1
2 3 4 5
29