[html] タグが付いた質問
211
未回答やベストアンサーなし質問
5
票
0
回答
157
閲覧数
Sassに複数の条件を適用する方法は?
[主旨]
WebのプロジェクトでXMLからHTML5への変換を担当しております.世界各国語向けのCSSを生成しなければならないので、LTR/RTL(アラビア語、ヘブライ語)を分けて.scssファイルから.cssファイルをコンパイルして生成してます.今度更にコンテンツの製品のブランドをパラメータとして導入しなければならなくなりました....
4
票
0
回答
160
閲覧数
Outlook2007/2010はHTMLメールのstyleブロック内のCSSを無視する?
HTMLメールのコーディングで困っており、質問させてください。
https://www.campaignmonitor.com/css/
こちらの情報によればoutlook2007/2010はhead内でのCSSの定義およびクラス名セレクタをサポートしているはずなのですが、以下のHTMLでは無視されてしまいます。
何か記述間違いなどありますでしょうか。よろしくお願いいたします。
<!...
3
票
0
回答
146
閲覧数
Gulpで建てたサーバのページがキャッシュされている?
Gulpを使って8000番ポートでサーバーを立てて作業していたのですが、そのあとで他のプロジェクトを同じ8000番ポートでGulpでないサーバーを建てると以前のプロジェクトのhtmlが読み込まれ、新しいプロジェクトのテンプレートが一部表示されなくなってしまいました。
表示されなくなったURLは/ルートです。直し方を教えて下さい。
gulpfileは以下のようになっています。
1 var ...
3
票
0
回答
347
閲覧数
Rails アプリのCSSが効かなくなります。
Rails4で作成したアプリをHerokuにデプロイすると、CSSが効かなくなります。
デプロイした時はCSSが効いていても、数時間後あるいは翌日にアクセスするとCSSが効かなくなっています。これはどういうことなのでしょうか?ずっとこのような事態が続いています。
また効かないといっても完全に効かないというわけではなさそうです(99.5%のCSSは効いていませんが)。キャッシュの問題なのですかね?...
2
票
4
回答
246
閲覧数
ボタンの中に斜めの線を入れたい
HTML, CSS初心者です。
添付の画像のように、斜め線が入ったボタンの実装をしようと思い、
実装サンプル集を参考に色々試行錯誤しましたが、斜め線をボタンの中に組み込む実装がうまくできませんでした。
cssサンプルをご提示いただけないでしょうか?
よろしくお願いいたします。
2
票
1
回答
108
閲覧数
Pythonで大学ランキングのスクレイピング
pythonで以下のページをスクレイピングし、大学ランキングのoverall、他要素を抽出しようと思っています。
https://www.topuniversities.com/university-rankings/university-subject-rankings/2020/arts-humanities
selenium BeautifulSoupを用いてコードを書いたのですが、...
2
票
0
回答
67
閲覧数
total estimate の表示
現在費用を計算するページを作成しているのですがtotal estimateの金額がブラウザに表示されません。estimateにidをつけて呼び出してはいるのですが、順序が違うのでしょうか。
コンソールでのエラー表示はありません。どなたか回答よろしくお願いします。
HTML
<meta charset="utf-8" />
<meta name=&...
2
票
0
回答
178
閲覧数
BEMのmodifierについて
以下のような、レイアウトが共通の色違い要素があったとします。(白黒白黒と続く想定)
<div class="Block">
<div class="Block__element">白</div>
<div class="Block__element">黒</div>
<div class="Block__element"...
2
票
0
回答
117
閲覧数
クローラーにブログのカテゴリーを伝えるには?
雑記ブログなのでクローラーにカテゴリーを伝えたいです。
自分で調べて下記のように認識したのですが正しいか教えていただければ幸いです。
マイクロデータで行う方法を見つけたので、こちらで実装したいです。
私のサイトの例
http://example.com/index.html
http://example.com/html/SEOクイズ1.html(1から10まで、ページがある)
http:/...
2
票
0
回答
170
閲覧数
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
回答
227
閲覧数
カテゴリ階層メニューのロジック
商品を検索した時に、検索結果の商品に紐づくカテゴリを下の表の様に表示したいです。
グルメ(99)
お酒(50)
ワイン(25)
ビール(25)
スイーツ(49)
スナック(49)
メンズ(999)
アウター(800)
ジャケット(100)
コート(700)
トップス(99)
...
2
票
0
回答
938
閲覧数
Chromeで印刷したとき、Tableの行高さがおかしくなる
Tableタグで構成された表をChromeで印刷すると、tdの高さがランダムに倍になってしまいます。
<table>
<tr>
<td>名前</td>
<td>住所</td>
<td>電話番号</td>
</tr>
</...
1
票
0
回答
36
閲覧数
Firefox で印刷プレビューすると、縦長画像に空白が入る
現象
後述のサンプル HTML について Firefox(v110.0) で印刷プレビュー(A4用紙)を表示すると、以下の問題が発生しました。
div の背景に設定した縦長画像に空白が入ります(印刷プレビュー3ページ目の先頭)。
上記 div の上に配置している四角形の svg が表示されません。
試したこと
DIV を IMG タグに変えると、空白が入らず正常に表示されました。
ただし、...
1
票
0
回答
66
閲覧数
`<ac:image>`などコロンを含むタグを、Pythonのlxmlライブラリで生成したいです。
環境
Python3.9
lxml v4.9.2
やりたいこと
HTMLファイルをConfluenceにインポートするために、Confluence用のXMLに変換したいです。
Confluenceでは、画像は<ac:image>タグを使って表現します。
Pythonのlxmlライブラリを使って、<ac:image>タグを生成したいです。
問題
以下のコードを実行すると、...
1
票
0
回答
50
閲覧数
FlutterでGoogle画像検索のサムネイルが拡大された画面を表示したい
ー前提ー
Flutterでiosとandroidのスマホアプリを開発中です。
Flutterやhtml、StackOverflow初心者なので不備等ございましたら教えていただけると幸いです。
ーやりたいことー
下の画像のようにGoogle画像検索で1枚目のサムネイルが拡大された画面を表示したいです。
※画像はPCのものになります。
ーできていることー
...
1
票
1
回答
107
閲覧数
ブラウザゲーム上で自作のドット絵フォントを表示する方法
HTML、CSS、JavaScript でドット絵のゲームを作ろうとしているのですが、相手のPCにないフォントを表示する方法がわかりません。ライブラリはp5.jsを使っていて、他にライブラリを使う予定はないです。
1
票
1
回答
158
閲覧数
pyttsx3作成したmp3ファイルがhtmlで読み込めない
掲題の通りですpyttsx3で作成したmp3ファイルがhtmlファイルのaudioタグに埋め込んでも「再生できません」と表示されます。
パスが正しいことは確認済みなのですが、同じようなトラブルに見合われた方はいますでしょうか?
OSはmacOSで音声の変換にはffmpegを使用しています。
1
票
0
回答
720
閲覧数
javascriptで半角入力を強制したinput要素に全角入力を行った際に入力済みの文字が消える現象
Reactを用いて以下のようなコンポーネントを作成しました。
文字が入力された際、それが数字であるなら半角化して反映します。
全角入力をそのままにしてしまうと不具合が起きる("111あああ222"としたとき222の部分が反映されないなど)ため、入力を検知するたびフォーカスを一瞬外して戻すことで強制的に一文字ずつ確定させています。
const InptArea:FC=()=>...
1
票
1
回答
1,245
閲覧数
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,654
閲覧数
iPhoneでのバウンススクロールを無効にするには
Ruby on Railsの練習でTwitterのようなサイトを作っているのですが、バウンズスクロールを無効にする方法がどうしてもわかりません。
MacOS(Chrome等)ではバウンズスクロールを無効化出来たのですが、iPhoneでのバウンズスクロールがどうしても出来ません。
html, body {
overflow: hidden;
}
で個別の要素にheight: 100%; ...
1
票
0
回答
119
閲覧数
iPhoneのsafariでtarget=“subwindow”とした時にタブを切り替えたい(手前に表示したい)。
iPhoneのsafariで
target="subwindow"
としたa要素をタップしたときに、すでにそのページが開かれていると、
タブが切り替わりません。
一回目のタップで
新規タブとして開くときに切り替わるのと同様に、
すでに開いているときにも切り替えて手前に表示したいのですが、どうすればよいですか?
JavaScriptを使わない方法があれば知りたいです。
1
票
0
回答
69
閲覧数
htmlファイル等を作成し、コンソールに命令を書き込みたい
環境 virtualbox
ゲストOS ubuntu
google-home-notifierのexample.jsを用いて好きな言葉を
googlehomeに話させようとしております。しかし、その際は
コンソール上に
curl -X POST -d "text=話させたい言葉" http://localhost:8091/google-home-notifier
...
1
票
0
回答
1,021
閲覧数
入力された日本語をカナ変換する方法
ionicでアプリ開発をしています。
ユーザが入力した、漢字も含む文字列を、カタカナに変換してサーバに保存したいです。
入力した値を即座にカナ変換するjQueryのプラグインautoKana.jsもあります。
しかしこれだと正確なカナが得られません。
例えば、「明日」という漢字だと本来欲しい値は「アシタ」です。
もしユーザが「明るい」と「日」を入力して「るい」を消して「明日」にした場合、「...
1
票
0
回答
531
閲覧数
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
回答
599
閲覧数
キャッシュを回避する方法以外でgifアニメを最初から再生する方法
https://iwb.jp/javascript-gifanimation-load/
このページにかかれているように、gifアニメーションを毎回最初から再生するには、乱数を画像の後ろにつけて毎回画像を取得する方法(キャッシュを回避する方法)があります。
しかし、何度も読み込む場合処理落ちが発生してしまいます。
これを回避する方法はキャッシュを回避する方法以外に存在するのでしょうか。
...
1
票
0
回答
468
閲覧数
Content-Typeが違うための副作用などありますか。
例えばContent-Typeがtext/plainやtext/htmlなのにBodyはJSONのレスポンスを返した場合の副作用などはあるのでしょうか。例えばJavaScriptで読み込めないとか、読み込めたとしても処理が重くなったりするのでしょうか。
1
票
0
回答
396
閲覧数
HTMLタグの属性で非ASCII文字のURLエスケープは必要か
例えば、ネット上のサイトにhttps://ja.wikipedia.org/wiki/パーセントエンコーディングというページへのリンクを設けるとき、<a>タグのhref属性はどのように記述すれば良いのでしょうか。パーセントエンコーディングすれば確実に世界中からアクセスすることができますが、リンクしようとしているURLはさまざまな形式なので簡単にエンコードできません(...
1
票
1
回答
1,504
閲覧数
IE9でローカルのファイルを読み込むことは可能ですか?
やりたいことは下記のようにファイル名をinput要素で指定してもらい、ボタンを押したらその内容を取得したいです。
csvファイルを読み込むことを想定しています。
IE10以降ではFileAPIが使えるのですが、IE9では動きません。
下記のように書けばできるかと思いましたが、このコードは動きませんでした。
すいません、制約を書いてませんでした。
...
1
票
0
回答
78
閲覧数
投稿された記事のタグをforceモデルで表示したい
こちらの記事( http://qiita.com/tag1216/items/b7f846af66db30b8c393 )を参考にさせて頂きながらはてなブックマークのホットエントリーについているタグを同じようにforceモデルで実装したいと考えています。
しかしはてなブックマークのAPIでは参考サイト様で利用されているqiita API( https://qiita.com/api/v1/docs ...
1
票
0
回答
104
閲覧数
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
回答
568
閲覧数
jQueryの特定のイベント時にvelocity.jsが動作しない
Velocity.js について質問です。
jQuery のクリックイベントのコールバック関数内に velocity を記述すると、
Uncaught TypeError: $(...).velocity is not a function
のエラーが起きます。
Web サイトで検索しましたが、原因がわかりません。
同様らしい質問も見つかりましたが、英語なのでいまいち意味が理解できません。...
1
票
0
回答
87
閲覧数
cloud9 htaccess
Cloud9を利用して開発しようと思うのですがSSIを利用してローカルで作業していました。
cloud9に情報をアップしましたが、うまくhtaccessが効かず、SSIを利用できていません。
どうすればよいか、分かりますか?
1
票
0
回答
141
閲覧数
Firefoxのスニペットエディタ
Firefoxにて、Safari標準の「スニペットエディタ」のように
ファイルにHTMLコードを保存すること無く、入力したHTMLコードをすぐにレンダリングできる方法は無いでしょうか。
アドオンでも構いません。
よろしくお願いします。
1
票
0
回答
346
閲覧数
lotus notesでhtmlメールを受信すると表幅指定が無視される
社内のメールクライアントでは、ノーツを利用しています。
現在SmtpClientを利用してhtmlメールを送信するプログラムを作成しています。
そこでtableのwidth指定しているにも関わらず効かない(ウィンドウサイズに合わせて可変になる)という現象が発生しています。
※gmailで確認すると正しく幅固定されていました。ウィンドウサイズに関わらずスクロールが出てきて表幅が固定されています。...
1
票
0
回答
459
閲覧数
python3でframe内のデータを取得する
Pythonでhtmlのframe内のデータを取得するにはどうすればいいのでしょうか?
私が取得したいWebページには<noframes>があるのでframeの内容を取得せずにそちらの内容を取得してしまいます。こちらが<frame>に対応しているとサーバーに思わせるにはどうすればいいのでしょうか?
1
票
1
回答
539
閲覧数
Angular materialのダイアログでmd-dialog-actionsが上になってしまう。
Angular materialをのダイアログを下記のように書きました。しかし、一番下にある<md-dialog-actionsが1番上に表示されてしまいます。なぜでしょうか。
<md-dialog aria-label="Post Question" ng-clock>
<form>
<md-toolbar>
<div ...
0
票
0
回答
28
閲覧数
Ruby on Rails で作成したアプリケーションについての質問です
ゲストログイン機能を実装し、ゲストログインしている時のみ、画面上部に「current_or_guest_user.email」とポップアップがページ遷移毎表示されます。
不要なので表示させたいようにしたいのですが原因と解決方法がわかりません。
検証ツールで確認しても特にエラーは表示されません。
解決方法をご存知の方いらっしゃいましたらご教授ください。
user.rb
def self....
0
票
0
回答
19
閲覧数
npm run generate した際に dist フォルダ内の html ファイルが変更されない
vue.jsでwebアプリの開発を行っています。
firebase-hostingにアップロードするため、npm run generate を実行しました。
distフォルダにhtmlファイルが生成されるのですが、一部分だけがhtmlに反映されません。
具体的にはv-stepper-contentのstep1,step2は変更されますが、step3,step4が変更されません。
npm run ...
0
票
0
回答
69
閲覧数
入力した数値の単位を項目ごとに指定する方法
初めまして
プログラミングを学んでいる者です。
どうやって実現すればいいかわからないので先輩方の力を借りたいです。
実現したいこと
各項目 A,B,C があって
Aが追加されたら数値入力の単位を0.1ずつ増減できる
Bが追加されたら数値入力の単位を0.5ずつ増減できる
Cが追加されたら数値入力の単位を1.0ずつ増減できる
というのを実現したいです。
HTML,Javascript,Jquery,...
0
票
0
回答
18
閲覧数
Monacaからニフティクラウドを操作できない。
Monacaでスマホアプリを作っています。
初めにボタンをクリックしたら登録するコードを書き、そちらはうまく動きました。
しかし、次に作ったコードが動きません。
どうすればいいか教えてほしいです。
よろしくお願いします。
[作りたい動き]
1.絵文字を入力
2.ボタンをクリック
3.絵文字をunicodeにしてニフティクラウドに登録
[実際に起きてしまう動き]
エラーが発生する。
Uncaught ...
0
票
0
回答
46
閲覧数
GASでテンプレートの表をコピーしてメール本文に貼り付けたいです。
お世話になります。
以下のシステムをChatGPTを使用してコードを作成して業務効率化を試みています。
どなたかわかる方がおられましたらご回答を頂ければ幸いです。
以上、何卒宜しくお願い致します。
目標:Google Formが送信されたらそのデータをSSのテンプレートに入力し、テンプレートの表をメール本文にコピペして任意の宛先にメールを自動送付したい
結果:...
0
票
1
回答
54
閲覧数
PHPでmampを使いheader関数を使ってセッションをリダイレクトしようとしていますが出来ません。
現在
環境は、mampを使ってやっています。
urlは、http://localhost:8888/input/contact/confirm.phpで間違えないと思うのですが。
var_dumpで確認してもNULLになっていました。
目標
header関数じゃなくても良いのでセッションを渡せる方法あれば、ご意見お願い致します。
form.php
<?php
session_start();...
0
票
0
回答
111
閲覧数
チェックボックスの値保存ができない
以下のコードを書いてみたのですが、チェックボックスをクリックした後にページを更新すると、チェックが外れてしまいます。どうすればチェックボックスが保存されるようになるのか教えていただきたいです!
<html>
<head>
<script type="text/javascript" src="/wp-includes/js/jquery/...
0
票
0
回答
76
閲覧数
JavaScriptでこのLoader作れますか?
Willstyle.co.jpのヘッダーの要素を塗りつぶすローダーの作り方をご存じの方は教えてください。
自分が考えるに登録された要素に操作をかけているのだと思うのですが()
0
票
0
回答
44
閲覧数
Android`スマホで<audio> tagを利用できますか?
ネットに接続していない(stand-alone状態の)Androidスマホの同一folderに下記htmlファイル(abc102.html)とmp3 file(abc102.mp3)を入れてあります。
<body>
<audio controls>
<source src="abc102.mp3">
</...
0
票
0
回答
48
閲覧数
Firefox の印刷プレビューで svg が表示されません
現象
後述のサンプル HTML について Firefox(v110.0) で印刷プレビューを表示すると、以下の問題が発生しました。
画像の上に配置している四角形の svg が表示されません。
試したこと
DIV を IMG タグに変えると、正常に svg が表示されました。
ただし、諸事情あって IMG タグには変更できません。
親の DIV から transform: ...
0
票
0
回答
108
閲覧数
自宅サーバーのアクセスに著しい遅延が生じる
自宅サーバーを運営する上で困ったことがあり質問させていただきました。
先日、中古デスクトップを利用してWordPressブログを公開しようと試みたのですが、自宅以外の環境から接続するとアクセスに著しい時間を要し、時間帯によってはタイムアウトしてしまうとの報告を頂きました。
Cloudflareを介しているため、サーバー本体の問題であればエラーが表示されるはずなのですが、...
0
票
0
回答
2,903
閲覧数
HTML で JavaScript を読み込む際にエラー Failed to load resource: net::ERR_FILE_NOT_FOUND
下記のようなファイル配置で「Failed to load resource: net::ERR_FILE_NOT_FOUND」というエラーが出ます。
調べたところ、主にファイルの配置やファイルパスの設定が間違っているとのことでしたが、windowsPCだとエラーが発生せず(意図した動作を確認)、MacPCだと発生します。(ファイル配置はHTMLと同じ階層)
利用ブラウザは両方ともGoogle ...
0
票
0
回答
69
閲覧数
リキッドレイアウトにする際remでのレイアウト
初めて質問させていただきます。
コーディングの勉強をしています。まだ2か月ちょっとしか勉強もしておらず、見当違いな質問になってしまうかもしれませんが教えていただけると嬉しいです。
リキッドレイアウトを作成中です。これまでvwで作成していましたが初めてremでのコーディングにトライしています。htmlで以下のコードを指定していれば、...
0
票
0
回答
41
閲覧数
ログインフォームの自動補完を選択後の自動遷移について
ログインフォームの自動補完を選択すると自動遷移する現象があるのですが
クライアントから自動補完は残していいのですが自動遷移を止めて欲しいと希望があるのですが
どのようにHTML,CSS、JSなどで対策できますか?
現在は、Wordpressにて利用しているのでいいアイディアや参考になるサイトなどがあればご教授いただければ幸いです。
OSレベルの問題かと思っているのですが、、、