[html] タグが付いた質問
HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。
262
未回答やベストアンサーなし質問
5
票
0
回答
195
閲覧数
Sassに複数の条件を適用する方法は?
[主旨]
WebのプロジェクトでXMLからHTML5への変換を担当しております.世界各国語向けのCSSを生成しなければならないので、LTR/RTL(アラビア語、ヘブライ語)を分けて.scssファイルから.cssファイルをコンパイルして生成してます.今度更にコンテンツの製品のブランドをパラメータとして導入しなければならなくなりました....
4
票
0
回答
164
閲覧数
Outlook2007/2010はHTMLメールのstyleブロック内のCSSを無視する?
HTMLメールのコーディングで困っており、質問させてください。
https://www.campaignmonitor.com/css/
こちらの情報によればoutlook2007/2010はhead内でのCSSの定義およびクラス名セレクタをサポートしているはずなのですが、以下のHTMLでは無視されてしまいます。
何か記述間違いなどありますでしょうか。よろしくお願いいたします。
<!...
3
票
1
回答
124
閲覧数
Pythonで大学ランキングのスクレイピング
pythonで以下のページをスクレイピングし、大学ランキングのoverall、他要素を抽出しようと思っています。
https://www.topuniversities.com/university-rankings/university-subject-rankings/2020/arts-humanities
selenium BeautifulSoupを用いてコードを書いたのですが、...
3
票
0
回答
1,098
閲覧数
html5で画像をペーストできるエリアを作りたい
html5で、テキストエリアに画像をペーストできる枠を作ることはできますか?
iPhoneのメモ帳には画像をペーストできますが、あのようなイメージです
3
票
0
回答
149
閲覧数
Gulpで建てたサーバのページがキャッシュされている?
Gulpを使って8000番ポートでサーバーを立てて作業していたのですが、そのあとで他のプロジェクトを同じ8000番ポートでGulpでないサーバーを建てると以前のプロジェクトのhtmlが読み込まれ、新しいプロジェクトのテンプレートが一部表示されなくなってしまいました。
表示されなくなったURLは/ルートです。直し方を教えて下さい。
gulpfileは以下のようになっています。
1 var ...
3
票
0
回答
359
閲覧数
Rails アプリのCSSが効かなくなります。
Rails4で作成したアプリをHerokuにデプロイすると、CSSが効かなくなります。
デプロイした時はCSSが効いていても、数時間後あるいは翌日にアクセスするとCSSが効かなくなっています。これはどういうことなのでしょうか?ずっとこのような事態が続いています。
また効かないといっても完全に効かないというわけではなさそうです(99.5%のCSSは効いていませんが)。キャッシュの問題なのですかね?...
3
票
0
回答
327
閲覧数
iframeで読み込まれる側のページのリファラーは、常に読み込む側のページとなる?
iframeで読み込まれる側のページに、PHPで
$_SERVER["HTTP_REFERER"]
と記述した場合、取得できる値は、常にiframeを読み込む側のページとなるのでしょうか?
・例えばブックマーク経由でアクセスした場合でも、常にリファラーを取得可能?
・ブラウザ間に差異はない?
・ここら辺の仕様はどこで定義されているのでしょうか?
3
票
0
回答
559
閲覧数
fieldset タグに対する An invalid form control with name='xxx' is not focusable. エラー
Chrome で以下のフォームをサブミットすると、コンソール上に An invalid form control with name='foo' is not focusable. エラーが表示されました。
なぜ fieldset に対してこのエラーが出るのでしょうか?
<form name="test">
<fieldset name="foo">
<...
3
票
0
回答
1,298
閲覧数
ファイルを添付してメールを送信したい
monaca利用でアプリ開発中です。
アプリ内でメールを起動してファイル添付したいのですが、やり方がわかりません。
メールを起動して件名、本文等を記述して送信するというのはこちらで教えていただいてできました(mailtoなどの利用)。
下記プラグインのDraft with Attachmentも試してみたのですが端末で反応しません(monacaプレビューでも反応なし)。
https://...
2
票
4
回答
353
閲覧数
ボタンの中に斜めの線を入れたい
HTML, CSS初心者です。
添付の画像のように、斜め線が入ったボタンの実装をしようと思い、
実装サンプル集を参考に色々試行錯誤しましたが、斜め線をボタンの中に組み込む実装がうまくできませんでした。
cssサンプルをご提示いただけないでしょうか?
よろしくお願いいたします。
2
票
0
回答
71
閲覧数
total estimate の表示
現在費用を計算するページを作成しているのですがtotal estimateの金額がブラウザに表示されません。estimateにidをつけて呼び出してはいるのですが、順序が違うのでしょうか。
コンソールでのエラー表示はありません。どなたか回答よろしくお願いします。
HTML
<meta charset="utf-8" />
<meta name=&...
2
票
0
回答
190
閲覧数
BEMのmodifierについて
以下のような、レイアウトが共通の色違い要素があったとします。(白黒白黒と続く想定)
<div class="Block">
<div class="Block__element">白</div>
<div class="Block__element">黒</div>
<div class="Block__element"...
2
票
0
回答
119
閲覧数
クローラーにブログのカテゴリーを伝えるには?
雑記ブログなのでクローラーにカテゴリーを伝えたいです。
自分で調べて下記のように認識したのですが正しいか教えていただければ幸いです。
マイクロデータで行う方法を見つけたので、こちらで実装したいです。
私のサイトの例
http://example.com/index.html
http://example.com/html/SEOクイズ1.html(1から10まで、ページがある)
http:/...
2
票
0
回答
202
閲覧数
list.js で fuzzy-search をすると pagination が消える
// list.js に食わせるデータ
var database = [
{"name":"name1", "value":"v1"},
{"name":"name2", "value":"v2"},
{"name":"name3", "value":"v3"},
{"name":"name4", "value":"v4"},
{"name":"name5", "...
2
票
0
回答
243
閲覧数
カテゴリ階層メニューのロジック
商品を検索した時に、検索結果の商品に紐づくカテゴリを下の表の様に表示したいです。
グルメ(99)
お酒(50)
ワイン(25)
ビール(25)
スイーツ(49)
スナック(49)
メンズ(999)
アウター(800)
ジャケット(100)
コート(700)
トップス(99)
...
2
票
0
回答
981
閲覧数
Chromeで印刷したとき、Tableの行高さがおかしくなる
Tableタグで構成された表をChromeで印刷すると、tdの高さがランダムに倍になってしまいます。
<table>
<tr>
<td>名前</td>
<td>住所</td>
<td>電話番号</td>
</tr>
</...
1
票
1
回答
120
閲覧数
HTML要素の内容を省略表示したい
HTMLで要素をまとめて(?)いる画像にある・・・のようなものはどうやったら実装できますか?
コードが長くなるのをまとめているのかなと思いますが、検索しても答えがヒットしないのでお力添えいただきたいです。
よろしくお願いいたします。
例:
1
票
1
回答
156
閲覧数
ulタグの中に入った子要素li要素を画面の両端に寄せたい
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>TOTALLY</title>
<meta name="description" content=...
1
票
0
回答
80
閲覧数
HTMLに「OneTrust Cookie」を記述するとiframeが表示されなくなってしまう解決方法について
HTMLに「OneTrust Cookie」を記述するとiframeが表示されなくなってしまうため、解決方法を教えていただきたいです。
前提
・Youtubeの動画をiframeタグで埋め込んでおります。
・OneTrustのスクリプトをheadタグ直前に記述しております。
・OneTrustは私の方ではいじっておらず、共有されたものになります。(OneTrustの知見がございません。)
解決方法
...
1
票
0
回答
290
閲覧数
Reactのinputタグで一文字ずつ確定され「テスト」が「tえst」と入力される
Reactで下記のようなinputを作成し、入力値をオブジェクトの状態変数で管理しています。
ただ、inputタグに「テスト」と入力すると「tえst」と入力され、一文字入力するたびに確定されるためカタカナや漢字への変換ができません。
何か考えられる原因等ご存知の方がいらっしゃいましたら、ご教授いただけたら幸いです。
コード
const [userParams, setUserParams] =
...
1
票
0
回答
225
閲覧数
入力値の前後の空白を削除し、文字列の比較を行いたい
前提
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String param1 = request.getParameter("param1");
String ...
1
票
1
回答
392
閲覧数
スマホからサイトを確認するとフォントが変更されていない
wordpressのaffinger5を使ってwebページを作成しました。
pcから開発者モードでスマホ用の画面で確認するとフォントは設定した通りに表示されております。
しかし、実際のスマホで確認すると機種を問わず、デフォルトのフォントになってしまいます。
なにかプラグインが影響していたりするのでしょうか?
2枚目がインストールしたプラグイン一覧です。
どうか、ご教示いただけると幸いです。
1
票
0
回答
62
閲覧数
Firefox で印刷プレビューすると、縦長画像に空白が入る
現象
後述のサンプル HTML について Firefox(v110.0) で印刷プレビュー(A4用紙)を表示すると、以下の問題が発生しました。
div の背景に設定した縦長画像に空白が入ります(印刷プレビュー3ページ目の先頭)。
上記 div の上に配置している四角形の svg が表示されません。
試したこと
DIV を IMG タグに変えると、空白が入らず正常に表示されました。
ただし、...
1
票
0
回答
197
閲覧数
`<ac:image>`などコロンを含むタグを、Pythonのlxmlライブラリで生成したいです。
環境
Python3.9
lxml v4.9.2
やりたいこと
HTMLファイルをConfluenceにインポートするために、Confluence用のXMLに変換したいです。
Confluenceでは、画像は<ac:image>タグを使って表現します。
Pythonのlxmlライブラリを使って、<ac:image>タグを生成したいです。
問題
以下のコードを実行すると、...
1
票
0
回答
109
閲覧数
FlutterでGoogle画像検索のサムネイルが拡大された画面を表示したい
ー前提ー
Flutterでiosとandroidのスマホアプリを開発中です。
Flutterやhtml、StackOverflow初心者なので不備等ございましたら教えていただけると幸いです。
ーやりたいことー
下の画像のようにGoogle画像検索で1枚目のサムネイルが拡大された画面を表示したいです。
※画像はPCのものになります。
ーできていることー
...
1
票
1
回答
166
閲覧数
ブラウザゲーム上で自作のドット絵フォントを表示する方法
HTML、CSS、JavaScript でドット絵のゲームを作ろうとしているのですが、相手のPCにないフォントを表示する方法がわかりません。ライブラリはp5.jsを使っていて、他にライブラリを使う予定はないです。
1
票
1
回答
195
閲覧数
pyttsx3作成したmp3ファイルがhtmlで読み込めない
掲題の通りですpyttsx3で作成したmp3ファイルがhtmlファイルのaudioタグに埋め込んでも「再生できません」と表示されます。
パスが正しいことは確認済みなのですが、同じようなトラブルに見合われた方はいますでしょうか?
OSはmacOSで音声の変換にはffmpegを使用しています。
1
票
0
回答
1,334
閲覧数
javascriptで半角入力を強制したinput要素に全角入力を行った際に入力済みの文字が消える現象
Reactを用いて以下のようなコンポーネントを作成しました。
文字が入力された際、それが数字であるなら半角化して反映します。
全角入力をそのままにしてしまうと不具合が起きる("111あああ222"としたとき222の部分が反映されないなど)ため、入力を検知するたびフォーカスを一瞬外して戻すことで強制的に一文字ずつ確定させています。
const InptArea:FC=()=>...
1
票
1
回答
1,516
閲覧数
Nuxt.jsで画像読み込み時に404エラーが発生した際に代わりの画像に差し替えたい
https://stackoverflow.com/questions/54596396/vue-js-nuxt-js-load-fallback-image-on-404
上記の記事を元に、以下のような「image1がエラーの時はimage2を表示する」というプログラムを作成しました。
しかし、imgタグ内が src であるときはうまく動作しますが、 :src とバインディングした際には ...
1
票
0
回答
2,906
閲覧数
iPhoneでのバウンススクロールを無効にするには
Ruby on Railsの練習でTwitterのようなサイトを作っているのですが、バウンズスクロールを無効にする方法がどうしてもわかりません。
MacOS(Chrome等)ではバウンズスクロールを無効化出来たのですが、iPhoneでのバウンズスクロールがどうしても出来ません。
html, body {
overflow: hidden;
}
で個別の要素にheight: 100%; ...
1
票
0
回答
153
閲覧数
iPhoneのsafariでtarget=“subwindow”とした時にタブを切り替えたい(手前に表示したい)。
iPhoneのsafariで
target="subwindow"
としたa要素をタップしたときに、すでにそのページが開かれていると、
タブが切り替わりません。
一回目のタップで
新規タブとして開くときに切り替わるのと同様に、
すでに開いているときにも切り替えて手前に表示したいのですが、どうすればよいですか?
JavaScriptを使わない方法があれば知りたいです。
1
票
0
回答
83
閲覧数
htmlファイル等を作成し、コンソールに命令を書き込みたい
環境 virtualbox
ゲストOS ubuntu
google-home-notifierのexample.jsを用いて好きな言葉を
googlehomeに話させようとしております。しかし、その際は
コンソール上に
curl -X POST -d "text=話させたい言葉" http://localhost:8091/google-home-notifier
...
1
票
0
回答
1,103
閲覧数
入力された日本語をカナ変換する方法
ionicでアプリ開発をしています。
ユーザが入力した、漢字も含む文字列を、カタカナに変換してサーバに保存したいです。
入力した値を即座にカナ変換するjQueryのプラグインautoKana.jsもあります。
しかしこれだと正確なカナが得られません。
例えば、「明日」という漢字だと本来欲しい値は「アシタ」です。
もしユーザが「明るい」と「日」を入力して「るい」を消して「明日」にした場合、「...
1
票
0
回答
748
閲覧数
HTML内でPDFを表示した際のリンクによるページ遷移の方法について
現在、左に目次一覧、右にPDFを表示したいなと、iframeを利用して単純に作っています。
単純に書くと次のような状態です。
<html>
<body>
<a href="name.pdf#page=1" target="pdf">1</a><br />
<a href="name.pdf#page=10" ...
1
票
0
回答
124
閲覧数
Electron1.8.1 で apng が正常に表示できない不具合
Electron1.8.1 で apng ( 49コマ / 17.0MB ) の再生が正常にできません。
ループする前後で処理落ちをしているうかのような乱れ方をします。乱れ方は一定です。
プリビルドかビルドかによって結果は変わりません。
なお、Electron ではなく、通常の Chrome で同じ画面を開いた場合には問題なく表示されます。
類似の症状や、...
1
票
0
回答
3,933
閲覧数
htmlの印刷でIEのみ余分な空白ページが出力される
現在asp.net mvc 5 にてBootstrapを使用したWebアプリを開発中ですが、
tableタグを使用したページをwindows.print()で印刷した際、IEのみ2ページ目に空白ページが表示されてしまいます。(IE11で確認しております。)
他のブラウザ(chrome,firefox,safari,edge)では1ページのみ出力され、空白ページは表示されません。
...
1
票
1
回答
422
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
1
票
1
回答
220
閲覧数
FooTableの利用について
現在スマホ用の画面構築で、テーブルを可変にする為に
FooTableを利用しようとしています。
以下のサイトを参考にしてます。
http://www.webantena.net/javascriptjquery/plugin-footable/
ところが、肝心のソースが手に入りません。
というのも、ここに限らずどのサイトでも最終的にGithubから
ダウンロードするように誘導されますが、...
1
票
0
回答
570
閲覧数
HTML5 + Bootstrap + IE11 + Windows7にて、フォーカスを当てた時の挙動がおかしい
HTML5、Bootstrapにてページを作成しています。
IE11でテキストフィールドにフォーカスを当てた際に、謎の事象が発生しました。
1.枠線の影が消える
2.テキストフィールドの左上にグレーの影が表示される
この現象は下記の環境で発生しています。
・Windows7 Professional SP1(32bit)
・IE 11.0.9600.18537 (更新バージョン 11....
1
票
0
回答
733
閲覧数
キャッシュを回避する方法以外でgifアニメを最初から再生する方法
https://iwb.jp/javascript-gifanimation-load/
このページにかかれているように、gifアニメーションを毎回最初から再生するには、乱数を画像の後ろにつけて毎回画像を取得する方法(キャッシュを回避する方法)があります。
しかし、何度も読み込む場合処理落ちが発生してしまいます。
これを回避する方法はキャッシュを回避する方法以外に存在するのでしょうか。
...
1
票
0
回答
1,682
閲覧数
jarに含ませたjsファイルを参照する方法
jarファイル内にJSファイルを含ませた場合、
そのjarファイルを参照させたプロジェクトからJS処理は実行可能なのでしょうか?
こちらのサイトを参考に簡単なプロジェクトをjar化してみました。
ttp://blog.livedoor.jp/morituri/archives/54648406.html#54648406-h1-jar
jarファイルを別のプロジェクトで参照させ、...
1
票
0
回答
581
閲覧数
<input type=file>の動作について
VisualStudio2013 + ASP.NET MVC5でWebアプリケーションを開発しています。
<input type=file>を複数並べたWebページを作成し、ユーザーがローカルファイルを複数選択してアップロードできるように設計しました。
しかし、極稀に選択した一部のファイルが登録されない問題が発生しています。
テスト環境で確実に現象を出すことができないため、...
1
票
0
回答
587
閲覧数
Content-Typeが違うための副作用などありますか。
例えばContent-Typeがtext/plainやtext/htmlなのにBodyはJSONのレスポンスを返した場合の副作用などはあるのでしょうか。例えばJavaScriptで読み込めないとか、読み込めたとしても処理が重くなったりするのでしょうか。
1
票
0
回答
551
閲覧数
HTMLタグの属性で非ASCII文字のURLエスケープは必要か
例えば、ネット上のサイトにhttps://ja.wikipedia.org/wiki/パーセントエンコーディングというページへのリンクを設けるとき、<a>タグのhref属性はどのように記述すれば良いのでしょうか。パーセントエンコーディングすれば確実に世界中からアクセスすることができますが、リンクしようとしているURLはさまざまな形式なので簡単にエンコードできません(...
1
票
1
回答
1,597
閲覧数
IE9でローカルのファイルを読み込むことは可能ですか?
やりたいことは下記のようにファイル名をinput要素で指定してもらい、ボタンを押したらその内容を取得したいです。
csvファイルを読み込むことを想定しています。
IE10以降ではFileAPIが使えるのですが、IE9では動きません。
下記のように書けばできるかと思いましたが、このコードは動きませんでした。
すいません、制約を書いてませんでした。
...
1
票
0
回答
79
閲覧数
投稿された記事のタグをforceモデルで表示したい
こちらの記事( http://qiita.com/tag1216/items/b7f846af66db30b8c393 )を参考にさせて頂きながらはてなブックマークのホットエントリーについているタグを同じようにforceモデルで実装したいと考えています。
しかしはてなブックマークのAPIでは参考サイト様で利用されているqiita API( https://qiita.com/api/v1/docs ...
1
票
0
回答
107
閲覧数
forceモデルのノードにRSSから取得したサムネイルの画像を利用したい
<!DOCTYPE html>
<html lang="ja">
<style>
svg{
border:solid 1px;
}
</style>
<head>
<meta charset="utf-8">
<title>D3.js(Force Layout)の練習</...
1
票
0
回答
80
閲覧数
iOS9.0.2 Safari601.1でAudioContext-BufferSourceを再生するには
タイトルのバージョンの実機を使って、以下のページで音声が再生できるか確認したところ、音声が再生されません。
AndroidとiOSで音を鳴らす - jsdo.it/@59naga(Internet Archive)
touchstart直後にplayを実行しないと音声は無効にされる、という以前の仕様が変更になったのでしょうか?
1
票
0
回答
585
閲覧数
jQueryの特定のイベント時にvelocity.jsが動作しない
Velocity.js について質問です。
jQuery のクリックイベントのコールバック関数内に velocity を記述すると、
Uncaught TypeError: $(...).velocity is not a function
のエラーが起きます。
Web サイトで検索しましたが、原因がわかりません。
同様らしい質問も見つかりましたが、英語なのでいまいち意味が理解できません。...
1
票
0
回答
91
閲覧数
cloud9 htaccess
Cloud9を利用して開発しようと思うのですがSSIを利用してローカルで作業していました。
cloud9に情報をアップしましたが、うまくhtaccessが効かず、SSIを利用できていません。
どうすればよいか、分かりますか?