[html] タグが付いた質問

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

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

フォルダ選択ダイアログで選択したフォルダの絶対パスを取得したい

下記で、ディレクトリの選択ダイアログが表示され、testメソッドでディレクトリ内のファイル名を取得することはできたのですが、 選択したディレクトリまでの絶対パスは取得する方法はないでしょうか? ◆HTML <input type="file" id="dirselect" onChange="test(this.files)" webkitdirectory directory />...
kanko's user avatar
  • 911
1
2 回答
8,921 閲覧数

javascriptのエラー内容が分かりません

client-ios.jsでエラーが起きているのですが、どこを直せばいいのかわかりません < の記号でのエラーのようですけどどこにも使ってないのでさっぱりです javascriptに詳しい方いらっしゃいましたらお願いいたします エラー内容 SyntaxError: expected expression, got '<'    client.js:1 http://d....
seiya yamamoto's user avatar
1
2 回答
565 閲覧数

CSSの@font-faceで指定したWebフォントがダウンロードされないようにしたい

@font-face { font-family: "Bitstream Vera Serif Bold"; src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf"); } たとえば、CSSでWebフォントを指定するとき、普通はこのように @font-face で指定すると思います。 しかし、...
qsmq's user avatar
  • 429
1
1 回答
7,607 閲覧数

SVGでフォントを埋め込むことはできますか?

SVGにフォントを埋め込むことはできますか? SVGにフォントを埋め込んで、そのSVGを<body>のbackground-imageにしたいです このようなことはできるのでしょうか?
KiYugadgeter's user avatar
  • 4,358
1
1 回答
2,390 閲覧数

Webサイトを作るとき phpにhtmlを埋め込むか、htmlにphpを埋め込むか

初心者です。 webサイトを作っているのですが、 タイトルの通り、どちらが正しいやり方なのでしょうか? htaccessファイルを用意するとhtmlにphpを埋め込むことが出来て、 phpでもprint関数等を使ってhtmlを出力することが出来るかと思います。 この二つの違いを教えてください。
Hambrian's user avatar
  • 523
1
1 回答
5,740 閲覧数

動画ファイルを新規に読み込み、すべてデータを読み込み終わってから再生を始めたい

ネットワークドライブに置いたexaple.mp4を新規に読み込み、 すべてデータを読み込み終わってから再生を始めたいです。 example.mp4は100MBくらいあり、index.htmとexample.mp4は ネットワークドライブに置いてあります。 キャッシュを使わないように下記のように書いてみました。 <head> <meta http-equiv="Pragma" ...
FoxTribune's user avatar
  • 1,237
1
2 回答
760 閲覧数

ボタンをクリックするとAjaxでtextareaがもう1つ増えるような仕組みを作りたい

form_for内にajaxのリンク付きボタンを設置したい場合、どのように記述するのが良いのでしょうか。 本来であれば <%= form_for @ranking do |f| %> <%= f.text_area :title %> <%= button_to '500ポイント消費し、ランキング順位を追加する', ...
yuya's user avatar
  • 475
1
2 回答
3万 閲覧数

Struts:JSPのhtml:checkboxで、初期値でチェックを入れた状態にしたいです。

JSP の html:checkbox で、初期値でチェックを入れた状態にしたいのですが、属性には初期値でチェックをいれた状態にするものがないように思います。 方法が分かる方がいましたら、ご教授お願いします。 <html:checkbox property="A" value="true" onchange="B( this.value )" > チェックボックス <...
aspara_prime's user avatar
  • 1,316
1
1 回答
6,709 閲覧数

divの高さを揃えたい

cssのtableとtable-cellを使ってdivを横に並べ、さらに入れ子にしたdivの高さを揃えたいです。下のsnippetで、赤い枠線の高さを左側と右側で同じにしたい。 左側の高さは内側の要素によって変わるので、heightを明示的に指定することはできません。 JavaScriptを使用せずにcssのみで可能でしょうか? .table { display: table; ...
jirolabo's user avatar
  • 2,224
1
1 回答
199 閲覧数

chromeでモーダルを表示後、何も操作せずにescキーで閉じるとcancelイベントが発火しない

dialog要素ではESCキーを使ってダイアログを閉じた場合にはcancelイベントが発火すると思うのですが、 showModalメソッドで表示後、ダイアログをクリックしたりせずにそのままESCキーを押すと、 ダイアログは閉じられますが、cancelイベントが発火せずcloseイベントのみになります。 表示されたダイアログを一度クリックしてからESCキーを押すと、cancelイベントが発火し、 ...
2524user's user avatar
1
1 回答
563 閲覧数

縦に積み上がる要素の削除したときに、下にガタっと落ちてしまうのを滑らかにアニメーションしたい

material-uiの下記リンクスナックバーのようなものを作成しようとしています。 https://material-ui.com/ja/components/snackbars/#complementary-projects その際のアニメーションで、要素が削除されたときに縦に移動するアニメーションの実装方法がわからず困っています。 理想↓↓ 現実↓↓ ...
user46940's user avatar
1
1 回答
171 閲覧数

表示されているフォントを知る方法はありますか? [重複]

下記画像のようにChromeデベロッパーツールでFontを調べてみました。 Arial, "Helvetica Neue", Helvetica, ... とあるのは、ブラウザーがArialがあれば、Arialを使う、なければ、Helvetica Neueを使う、と順に搭載されているフォントがあれば使うよっていう命令だと思うのですが、今知りたいのはこの順番ではなくて、...
shingo.nakanishi's user avatar
1
4 回答
1,512 閲覧数

入力欄に文字数制限を設ける場合

こんにちは。 ショッピングサイトを作成しており、お届け先情報のエラーを表示させるにあたって、 その中で文字数制限をかけたいのですが、例えば:電話番号は8~10文字までなど 色々なサイトを参考し見ましたが、??となり少し理解ができません。 以下のHTML内に記述したいです。 どのような方法で記述すればよいでしょうか。ご教示いただけますと幸いです。 <!DOCTYPE html> <...
code01's user avatar
  • 11
1
2 回答
518 閲覧数

WEBサイトのメールフォームにクレジットカードの補完がでないようにしたい

ホームページのお問い合わせメールフォームの名前入力時に クレジットカード情報が表示されます。 これを非表示にさせることは出来ないものでしょうか? cssやhtml、jsで解決できるものなのでしょうか? ホームページ制作後、お問い合わせフォームの確認していたところ 一人の方から、クレジットカード情報が名前入力時に表示されるとの内容でした 名前入力部分のコードは下記のとおりです <dt&...
st-rise's user avatar
  • 13
1
1 回答
916 閲覧数

CSSで空白を挿入する方法

<div class='a'> <span class='b'>1</span> <span class='c'>いい天気</span> <div> このようなhtmlがあって 1いい天気 と表示されます。 これをCSSを編集することで 1 いい天気 のように間にスペースほどの間隔を空けることは可能ですか? (...
sapcal000's user avatar
  • 445
1
1 回答
1,014 閲覧数

GASでパラメータをオブジェクトの値にすると!=がおかしくなる?

お世話になります。 GASでWebアプリケーションを作成し、パラメーターをオブジェクトに格納してから、同じ値を持っている2つの要素を!=または!==で比較すると、真が返ってしまうという現象に悩まされています。 自分なりに簡単にまとめたコードは以下のようになります。 function doGet (e) { var parm = e.parameters; var foo = {}; ...
Chihiro  Fukazawa's user avatar
1
1 回答
94 閲覧数

画像だけ拡大したいですが文字まで拡大する

animationで説明文章の背景画像だけ大きくしたいですが、できません 説明にだけ1.1の逆数を掛けましたがこれでもうまく動きません 簡単にできると思ったんですが、できず、助けてください(T_T) できればJavascriptは使わずに済ませたいです .container-panel { width: 500px; height: 500px; overflow: ...
user37046's user avatar
  • 287
1
1 回答
1,227 閲覧数

Vue.jsのマスタッシュ構文の中身が反映されないです。どうすれば反映されるのでしょうか?

Vue.jsのマスタッシュ構文の中身が反映されないです。具体的には、messageと表示されます。 どうすれば反映されるのでしょうか?ご教授願います。 以下はHTMLファイルです。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...
atago_IT's user avatar
  • 237
1
1 回答
958 閲覧数

横並びのアイコンの縦位置を中央揃えにしたい

4つのアイコンを横に並べて、各アイコンをボーダーで囲っています。 また、アイコンはチェックボックスとボタンが混ざっています。 下記コードの下の「スニペッドを実行」を押すと、状態をご確認いただけます。 チェックボックスのアイコン(下記コードで言うとAとDのアイコン)はクリックすると色が変わります。 html { text-align: center; } /* リセット *...
Tiamante's user avatar
  • 169
1
1 回答
3,194 閲覧数

safariからiPhoneのバイブレーションを動かす

safariから画面をタップした時にiPhoneのバイブレーションを動かしたいのですが方法はありますか?
user avatar
1
1 回答
4,628 閲覧数

横スクロールに対してのみ position: fixed な要素

<header>ヘッダー</header> <main> 縦横に長いコンテンツ </main> <footer>フッター</footer> 縦スクロール時には、全ての要素がスクロールに追従して表示位置が変わる(通常の動作)。 横スクロール時には、main 部分はスクロールに追従して表示位置が変わるが、「ヘッダー」と「...
jirolabo's user avatar
  • 2,224
1
1 回答
3,591 閲覧数

isValid ? と"!isValid" の意味がわからない

http://gihyo.jp/dev/serial/01/vuejs/0002?page=2 を参考にしながらVue.jsを勉強しています。 htmlに <div id="example" v-bind:style="{'border': (isValid ? '' : '1px solid red')}"> <p>名前 {{ name }}</p> ...
user27687's user avatar
1
1 回答
1,544 閲覧数

&lt;p&gt;

今日から始めましたけど、 &lt;p&gt; って、何ですか?
user26301's user avatar
1
2 回答
715 閲覧数

iPhone & FileAPI で日本語タイトルのファイルを利用する方法

環境 iPhone6 UserAgent: Mozilla/5.0 (iPhone; CPU iPhone OS 10_1_1 like Mac OS X) AppleWebKit/602.2.14 (KHTML, like Gecko) Version/10.0 Mobile/14B150 Safari/602.1 iPhone からファイルアップロードを利用するため FileAPI ...
snufkon's user avatar
  • 133
1
1 回答
2,242 閲覧数

ブラウザにHTMLのソースコードがそのまま表示されてしまう

ESPlorerを使ってESP8266のWebServerを作っています。 下はそのUIコードですが、コードがそのものがブラウザ(safari,googlechrome)に表示されてしまいます。 このコードかブラウザに問題があるのでしょうか。 wifi.setmode(wifi.STATION) wifi.sta.config("106F3F76046E","p518fm1rhp3na") ...
grape100's user avatar
  • 111
1
2 回答
1,884 閲覧数

HTMLでクリック時に展開するメニューで、下のコンテンツをずらしたくない

次のHTMLの「BBB」をクリックした時に、下に展開するメニューを出したいです。 AAA BBB CCC DDD    メニュー1(←展開されるメニュー)    メニュー2(←展開されるメニュー) ただ、普通に展開すると「ここにウェブページのコンテンツなどが書き込まれます。」がそのまま下にずれてしまいます。 やりたいのは、「ここにウェブページのコンテンツなどが書き込まれます。」...
user14130's user avatar
1
1 回答
558 閲覧数

pached qt な wkhtmlpdf のインストール方法を教えて下さい

htmlをpdfに変換したく、wkhtmltopdfを使っています。 表示が想定より小さくなってしまい、解決策として --disable-smart-shrinking オプションを試そうと思っているのですが、以下のエラーが出て適用されません。 $ xvfb-run -- /usr/bin/wkhtmltopdf --disable-smart-shrinking $INPUT $OUTPUT ...
hidechae's user avatar
  • 170
1
1 回答
2,395 閲覧数

親要素の値からjQueryでRadioのインデックスを取得したい

以下の様なhtmlからjQueryを使用し、Radioのインデックスを取得したいです。 Optionタグのvalueからインデックスを取得しようとしています。例えばvalue=S1の場合、インデックスは0, value=S2、またはS3の場合は1となります。 <tr> <td> <div class="radio-group-wrapper"> ...
NaNash's user avatar
  • 507
1
2 回答
258 閲覧数

背景色に応じて、時計(の針,など)の色を変えるには?

はじめまして。 下記のソースは、所謂"マウスストーカー(時計)"を引き立たせるために 背景色と組み合わせたものですが、それぞれの背景色に応じて任意に "date color"・"face color"・"hours color・"minutes color・ "seconds color”を変えられるようにしたいのですが、なかなか うまくリンクできません(*普通の文字は、変わります)。 どこを,...
user9359's user avatar
  • 365
1
1 回答
387 閲覧数

折り返し位置を改善したい。

上の画像は、文字が折返し位置がバラバラになっています。 読みやすさとのトレードオフかもしれませんが 右余白の不揃い感を改善したいのです。 どのようにすれば良いでしょうか。 追記: 質問者が求めるイメージについては、質問に対するコメントのやりとりにあります。
アンアン's user avatar
1
1 回答
894 閲覧数

WordPressで新規ページを作成するのに困っています。

今度はWordPressを始めました。 (というかやらざるを得なくなりました・・・) ちなみに私、HTMLもCSSもPHPも超初心者で、さらにWordPressなるものを初めて触ります。 現在制作中のWebサイトですが、基本的にはほぼ全て静的なHTMLとCSSで作成しております。 デザインはWebデザイナーがおりますので、その方にお任せしています。 (一部PHPを使っておりますが、...
Web_beginner's user avatar
1
2 回答
460 閲覧数

htmlで画像の変更が適用されません

最初に適用した画像から他の画像に差し替えたのですが、 最初の画像が常に表示されている状態です。 この問題の解決方法が分かる方がいましたら、ご教授お願いします。 対象の画像はCSSにて、下記のように指定しているasc.gifです。 background-image: url(asc.gif); またasc.gifは下記画像のように配置されています。
aspara_prime's user avatar
  • 1,316
1
1 回答
119 閲覧数

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....
nescafe's user avatar
  • 968
1
1 回答
90 閲覧数

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

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

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

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

select内に入れるとdata属性が効かないのでしょうか?

ドロップダウンに項目を入れようとして、selectを使用したところ結果が表示されなくなります。 divの時は動いていたので何か問題があるのだと思うのですが、何が問題なのかがわかりません。 何か足りない部分があるのでしょうか<(_ _)> <select> <option value="all" data-...
aruchiman's user avatar
1
1 回答
92 閲覧数

jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう

jqueryでdragしている間そのdivの内容の文字をtext()で変更すると resizeが出来なくなってしまうのです。 詳しくはsnipetで実行してみてください。 jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。 text()の代わりにhtml()にしても同じ現象が発生します。 変更した後にもう一度draggable()...
ほたく's user avatar
1
1 回答
360 閲覧数

Yahoo!ニュースの検索窓で検索した時の「もっと見る」ボタン以降のテキスト情報をスクレイピングする

下記の質問とほぼ同じになるのですが、私の力では解決できなかったため同様の質問をさせていただきます。 Webページ上の「もっと見る」ボタン以降のテキスト情報をスクレイピングする Yahoo!ニュースの検索窓にキーワードを入力しテキスト情報をスクレイピングで取得しようとしています。 ページの途中に「もっと見る」ボタンがあり、以降の情報もすべて取得したいのですが、 「もっと見る」...
kobo_jp's user avatar
  • 31
1
1 回答
876 閲覧数

HTMLフォームのselect要素を必須項目にする

問題の要約 HTMLでフォームを作っています. その中に次のような select要素があります. <form> <select name="hogehoge"> <option value="1">1</option> <option value="2&...
Kitamado's user avatar
  • 219
1
2 回答
390 閲覧数

オブジェクトの初期化中にthisで他のプロパティを使うとエラーになる

現在javascriptとHTMLを使ってある機能を作ってるんですけど、制作過程でオブジェクトの定義に関するエラーがあり、抜け出せません。これを解決する方法を教えて下さい。 エラー内容 test.html:23 Uncaught TypeError: Cannot read properties of undefined (reading 'options') at test.html:...
tomo_toru_58's user avatar
1
1 回答
251 閲覧数

position:fixed の上でスクロールさせたい

以下のように、それぞれスクロール可能な2カラムの構成の時、中央のピンクの部分のものを配置したいのですが、その上だけマウスでスクロールできなくなってしまいます。 黄色の上なら黄色、水色の上なら水色をスクロール、難しければ、水色をスクロールさせたいです。JavaScript を使わずに何か対策はありますか? https://codepen.io/23gv4u23v5u2/pen/PoQavVm ...
roki's user avatar
  • 29
1
2 回答
262 閲覧数

とあるHTMLページの指定範囲だけマウスで選択できないのですが、理由は?

このページで、B1F「個性的な専門店」などの範囲がマウスで選択できないのですが、なぜですか? aタグで囲われているから?
re9's user avatar
  • 6,714
1
2 回答
244 閲覧数

pythonプログラムを実行するユーザーインターフェースについて

現在、pythonプログラムを作成しております。現状は、ソースコード上にprint文を埋め込んで、ツール上のコンソールに文字なり数値なりを表示して、値の入力や、変数の状態表示を行っています。 もう少し使い勝手を良くしたい(開発環境を使わずにというか、入っていないパソコンでも使えるようにというか)のですが、GUIなど何らかの方法でpythonのプログラムを実行して(呼び出して)、値の入出力(表示)...
 BrainOverflow's user avatar
1
1 回答
294 閲覧数

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

:root{ --name: "*"; } .test::before{ font-size: 13px; Content: var(--name); } このcss変数をjsから document.documentElement.style.setProperty("--name", "test"); ...
さかな's user avatar
1
2 回答
274 閲覧数

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

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

CSSグリッドでサイドメニュー固定を作ったが、サイドメニュー上でマウスをスクロールさせてもメインコンテンツ側がスクロールしない

下記のようにHTMLとCSSを作ってみました。 サイドメニュー上でマウスをスクロールさせ、サイドメニューが全部表示されている場合(もしくはサイドメニューを下までスクロールしきった場合)は、コンテンツ側をスクロールさせたいのですが、やりかたがわかりません。 なにか方法はないかと思って下記ページをみてみましたが、やはりサイドメニューとメインコンテンツ側は独立しており、...
shingo.nakanishi's user avatar
1
2 回答
82 閲覧数

Railsのhelperメソッドの書き方をより良いものにしたい

CMSのコンテンツが全て記載されている場合は、View側でコンテンツを表示する という仕様を作るためにhelperメソッドとして下記のようなものを作りました。 ※ cms_fragment_content(:text_1)はcomfortable-mexican-sofaというgemを使ってCMSを構築しており、そこから登録しているテキストを取得してくる際に使うhelperメソッドです。 ...
fangman's user avatar
  • 67
1
1 回答
604 閲覧数

GitHub Pages で一部の画像だけ表示されない

以下です。よろしければご回答のほど、よろしくお願いいたします・・! 聞きたいこと GitHub Pagesにて公開したページにて、imgフォルダ内の一部の画像のみ表示されない。 対象URL https://yukinoshita1103.github.io/leopaquiz/quiz.html 詳細 クイズのWebアプリ。 選択肢として、imgディレクトリに置いた画像をランダムに表示させたいです。...
yknst's user avatar
  • 15

1
5 6
7
8 9
29