[html] タグが付いた質問
208
未回答やベストアンサーなし質問
5
票
0
回答
119
閲覧数
Sassに複数の条件を適用する方法は?
[主旨]
WebのプロジェクトでXMLからHTML5への変換を担当しております.世界各国語向けのCSSを生成しなければならないので、LTR/RTL(アラビア語、ヘブライ語)を分けて.scssファイルから.cssファイルをコンパイルして生成してます.今度更にコンテンツの製品のブランドをパラメータとして導入しなければならなくなりました....
4
票
0
回答
159
閲覧数
Outlook2007/2010はHTMLメールのstyleブロック内のCSSを無視する?
HTMLメールのコーディングで困っており、質問させてください。
https://www.campaignmonitor.com/css/
こちらの情報によればoutlook2007/2010はhead内でのCSSの定義およびクラス名セレクタをサポートしているはずなのですが、以下のHTMLでは無視されてしまいます。
何か記述間違いなどありますでしょうか。よろしくお願いいたします。
<!...
3
票
0
回答
145
閲覧数
Gulpで建てたサーバのページがキャッシュされている?
Gulpを使って8000番ポートでサーバーを立てて作業していたのですが、そのあとで他のプロジェクトを同じ8000番ポートでGulpでないサーバーを建てると以前のプロジェクトのhtmlが読み込まれ、新しいプロジェクトのテンプレートが一部表示されなくなってしまいました。
表示されなくなったURLは/ルートです。直し方を教えて下さい。
gulpfileは以下のようになっています。
1 var ...
3
票
0
回答
343
閲覧数
Rails アプリのCSSが効かなくなります。
Rails4で作成したアプリをHerokuにデプロイすると、CSSが効かなくなります。
デプロイした時はCSSが効いていても、数時間後あるいは翌日にアクセスするとCSSが効かなくなっています。これはどういうことなのでしょうか?ずっとこのような事態が続いています。
また効かないといっても完全に効かないというわけではなさそうです(99.5%のCSSは効いていませんが)。キャッシュの問題なのですかね?...
2
票
4
回答
178
閲覧数
ボタンの中に斜めの線を入れたい
HTML, CSS初心者です。
添付の画像のように、斜め線が入ったボタンの実装をしようと思い、
実装サンプル集を参考に色々試行錯誤しましたが、斜め線をボタンの中に組み込む実装がうまくできませんでした。
cssサンプルをご提示いただけないでしょうか?
よろしくお願いいたします。
2
票
1
回答
98
閲覧数
Pythonで大学ランキングのスクレイピング
pythonで以下のページをスクレイピングし、大学ランキングのoverall、他要素を抽出しようと思っています。
https://www.topuniversities.com/university-rankings/university-subject-rankings/2020/arts-humanities
selenium BeautifulSoupを用いてコードを書いたのですが、...
2
票
0
回答
65
閲覧数
total estimate の表示
現在費用を計算するページを作成しているのですがtotal estimateの金額がブラウザに表示されません。estimateにidをつけて呼び出してはいるのですが、順序が違うのでしょうか。
コンソールでのエラー表示はありません。どなたか回答よろしくお願いします。
HTML
<meta charset="utf-8" />
<meta name=&...
2
票
0
回答
166
閲覧数
BEMのmodifierについて
以下のような、レイアウトが共通の色違い要素があったとします。(白黒白黒と続く想定)
<div class="Block">
<div class="Block__element">白</div>
<div class="Block__element">黒</div>
<div class="Block__element"...
2
票
0
回答
111
閲覧数
クローラーにブログのカテゴリーを伝えるには?
雑記ブログなのでクローラーにカテゴリーを伝えたいです。
自分で調べて下記のように認識したのですが正しいか教えていただければ幸いです。
マイクロデータで行う方法を見つけたので、こちらで実装したいです。
私のサイトの例
http://example.com/index.html
http://example.com/html/SEOクイズ1.html(1から10まで、ページがある)
http:/...
2
票
0
回答
156
閲覧数
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
回答
221
閲覧数
カテゴリ階層メニューのロジック
商品を検索した時に、検索結果の商品に紐づくカテゴリを下の表の様に表示したいです。
グルメ(99)
お酒(50)
ワイン(25)
ビール(25)
スイーツ(49)
スナック(49)
メンズ(999)
アウター(800)
ジャケット(100)
コート(700)
トップス(99)
...
2
票
0
回答
896
閲覧数
Chromeで印刷したとき、Tableの行高さがおかしくなる
Tableタグで構成された表をChromeで印刷すると、tdの高さがランダムに倍になってしまいます。
<table>
<tr>
<td>名前</td>
<td>住所</td>
<td>電話番号</td>
</tr>
</...
1
票
1
回答
123
閲覧数
pyttsx3作成したmp3ファイルがhtmlで読み込めない
掲題の通りですpyttsx3で作成したmp3ファイルがhtmlファイルのaudioタグに埋め込んでも「再生できません」と表示されます。
パスが正しいことは確認済みなのですが、同じようなトラブルに見合われた方はいますでしょうか?
OSはmacOSで音声の変換にはffmpegを使用しています。
1
票
0
回答
371
閲覧数
javascriptで半角入力を強制したinput要素に全角入力を行った際に入力済みの文字が消える現象
Reactを用いて以下のようなコンポーネントを作成しました。
文字が入力された際、それが数字であるなら半角化して反映します。
全角入力をそのままにしてしまうと不具合が起きる("111あああ222"としたとき222の部分が反映されないなど)ため、入力を検知するたびフォーカスを一瞬外して戻すことで強制的に一文字ずつ確定させています。
const InptArea:FC=()=>...
1
票
1
回答
989
閲覧数
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,350
閲覧数
iPhoneでのバウンススクロールを無効にするには
Ruby on Railsの練習でTwitterのようなサイトを作っているのですが、バウンズスクロールを無効にする方法がどうしてもわかりません。
MacOS(Chrome等)ではバウンズスクロールを無効化出来たのですが、iPhoneでのバウンズスクロールがどうしても出来ません。
html, body {
overflow: hidden;
}
で個別の要素にheight: 100%; ...
1
票
0
回答
99
閲覧数
iPhoneのsafariでtarget=“subwindow”とした時にタブを切り替えたい(手前に表示したい)。
iPhoneのsafariで
target="subwindow"
としたa要素をタップしたときに、すでにそのページが開かれていると、
タブが切り替わりません。
一回目のタップで
新規タブとして開くときに切り替わるのと同様に、
すでに開いているときにも切り替えて手前に表示したいのですが、どうすればよいですか?
JavaScriptを使わない方法があれば知りたいです。
1
票
0
回答
63
閲覧数
htmlファイル等を作成し、コンソールに命令を書き込みたい
環境 virtualbox
ゲストOS ubuntu
google-home-notifierのexample.jsを用いて好きな言葉を
googlehomeに話させようとしております。しかし、その際は
コンソール上に
curl -X POST -d "text=話させたい言葉" http://localhost:8091/google-home-notifier
...
1
票
0
回答
971
閲覧数
入力された日本語をカナ変換する方法
ionicでアプリ開発をしています。
ユーザが入力した、漢字も含む文字列を、カタカナに変換してサーバに保存したいです。
入力した値を即座にカナ変換するjQueryのプラグインautoKana.jsもあります。
しかしこれだと正確なカナが得られません。
例えば、「明日」という漢字だと本来欲しい値は「アシタ」です。
もしユーザが「明るい」と「日」を入力して「るい」を消して「明日」にした場合、「...
1
票
0
回答
404
閲覧数
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
回答
546
閲覧数
キャッシュを回避する方法以外でgifアニメを最初から再生する方法
https://iwb.jp/javascript-gifanimation-load/
このページにかかれているように、gifアニメーションを毎回最初から再生するには、乱数を画像の後ろにつけて毎回画像を取得する方法(キャッシュを回避する方法)があります。
しかし、何度も読み込む場合処理落ちが発生してしまいます。
これを回避する方法はキャッシュを回避する方法以外に存在するのでしょうか。
...
1
票
0
回答
371
閲覧数
Content-Typeが違うための副作用などありますか。
例えばContent-Typeがtext/plainやtext/htmlなのにBodyはJSONのレスポンスを返した場合の副作用などはあるのでしょうか。例えばJavaScriptで読み込めないとか、読み込めたとしても処理が重くなったりするのでしょうか。
1
票
0
回答
347
閲覧数
HTMLタグの属性で非ASCII文字のURLエスケープは必要か
例えば、ネット上のサイトにhttps://ja.wikipedia.org/wiki/パーセントエンコーディングというページへのリンクを設けるとき、<a>タグのhref属性はどのように記述すれば良いのでしょうか。パーセントエンコーディングすれば確実に世界中からアクセスすることができますが、リンクしようとしているURLはさまざまな形式なので簡単にエンコードできません(...
1
票
1
回答
1,441
閲覧数
IE9でローカルのファイルを読み込むことは可能ですか?
やりたいことは下記のようにファイル名をinput要素で指定してもらい、ボタンを押したらその内容を取得したいです。
csvファイルを読み込むことを想定しています。
IE10以降ではFileAPIが使えるのですが、IE9では動きません。
下記のように書けばできるかと思いましたが、このコードは動きませんでした。
すいません、制約を書いてませんでした。
...
1
票
0
回答
76
閲覧数
投稿された記事のタグをforceモデルで表示したい
こちらの記事( http://qiita.com/tag1216/items/b7f846af66db30b8c393 )を参考にさせて頂きながらはてなブックマークのホットエントリーについているタグを同じようにforceモデルで実装したいと考えています。
しかしはてなブックマークのAPIでは参考サイト様で利用されているqiita API( https://qiita.com/api/v1/docs ...
1
票
0
回答
103
閲覧数
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
回答
549
閲覧数
jQueryの特定のイベント時にvelocity.jsが動作しない
Velocity.js について質問です。
jQuery のクリックイベントのコールバック関数内に velocity を記述すると、
Uncaught TypeError: $(...).velocity is not a function
のエラーが起きます。
Web サイトで検索しましたが、原因がわかりません。
同様らしい質問も見つかりましたが、英語なのでいまいち意味が理解できません。...
1
票
0
回答
84
閲覧数
cloud9 htaccess
Cloud9を利用して開発しようと思うのですがSSIを利用してローカルで作業していました。
cloud9に情報をアップしましたが、うまくhtaccessが効かず、SSIを利用できていません。
どうすればよいか、分かりますか?
1
票
0
回答
134
閲覧数
Firefoxのスニペットエディタ
Firefoxにて、Safari標準の「スニペットエディタ」のように
ファイルにHTMLコードを保存すること無く、入力したHTMLコードをすぐにレンダリングできる方法は無いでしょうか。
アドオンでも構いません。
よろしくお願いします。
1
票
0
回答
342
閲覧数
lotus notesでhtmlメールを受信すると表幅指定が無視される
社内のメールクライアントでは、ノーツを利用しています。
現在SmtpClientを利用してhtmlメールを送信するプログラムを作成しています。
そこでtableのwidth指定しているにも関わらず効かない(ウィンドウサイズに合わせて可変になる)という現象が発生しています。
※gmailで確認すると正しく幅固定されていました。ウィンドウサイズに関わらずスクロールが出てきて表幅が固定されています。...
1
票
0
回答
429
閲覧数
python3でframe内のデータを取得する
Pythonでhtmlのframe内のデータを取得するにはどうすればいいのでしょうか?
私が取得したいWebページには<noframes>があるのでframeの内容を取得せずにそちらの内容を取得してしまいます。こちらが<frame>に対応しているとサーバーに思わせるにはどうすればいいのでしょうか?
1
票
1
回答
529
閲覧数
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
回答
8
閲覧数
<input type="file" name="image" value=""> 画像の保持について
formの中で <input type="file" name="image" value=""> を書いてあります。
submit押下で、他inputタグが未入力の場合に、submit押下前に選択した画像ファイルを、次の画面で再度表示したいのですが、どなたかご存じでしたらご教示ください。
...
0
票
0
回答
26
閲覧数
URLの隠蔽、またはipfsアドレスの隠蔽
ipfsはノードに分散してデータが保存されるため、ピンどめを解除したとしてもデータが消去される保証がありません。実用上はCRUDが実現できないと用途がかなり限定されてしまうので、ipfsアドレスの隠蔽をしたいと考えています。
ipnsアドレスをリンクさせたとしても、ipnsアドレスからipfsアドレスの逆引きが可能なため、隠蔽を行う事ができないようです。
ipfsアドレスの隠蔽(またはURLの隠蔽)...
0
票
0
回答
38
閲覧数
CSSで ul を flex から block に書き換えたが、Chromeのモバイル表示で縦並びにならない
初心者で質問の要領も得ません。助けていただけたらありがたいです。
まず、HTMLでメニュー設定、次にCSSでメニューを横並びにする、さらに、モバイル用(幅が800px以下の場合)にはメニューを縦並びにする、ということをやりたい。
Chromeの「検証」のモバイル表示では字が小さくなって横並びのままです。しかし、普通の表示でウインドウを800px以下に縮めたら、縦に見えます。何がおかしいのでしょうか?...
0
票
1
回答
66
閲覧数
クリックした画像を変更したい
クリックした画像をコールバック関数とアニメーションを使って変更させたいです。
以下のコードだとリストの画像をクリックするとアニメーションは適用されているのですが、画像は初期値のsample1が表示され画像の変更ができないです。
どうすればクリックした画像に変更できるでしょうか?
<body>
<main>
<h1>...
0
票
0
回答
62
閲覧数
javascriptが効いてないように思います。どこが原因ですか? ハンバーガーメニューを動かしたい。
最終的には、ハンバーガーメニューを交差させてメニュー表示させたいのですが、うまくいきません。
CSSの該当部分はとりあえず、簡易的に背景を青にするだけになってます。
うまくjavascriptが動いていれば、ハンバーガーメニューは青に変化するはずですが、変化すらしないので困っています。
$('.hamburger').on('click', function() {
$('....
0
票
0
回答
27
閲覧数
Safari iOS でth内の縦書きがうまく表示されない(向きが違う、縦文章にならない)
テーブル内に結合した行があり、その中に縦書きの文章を入れております。
Chromeなどで問題なく表示されますが、iPhoneで確認すると、文章が縦書きを90度回転させた表示になります。
spanで囲む、min-heightを持たせる、widthなども指定してみましたが、直りませんでした。
どなたか解決方法を教えていただければ幸いです。
https://codepen.io/toru_kwht/...
0
票
0
回答
34
閲覧数
コメントされたTVとmovieのscoreを降順にすべて表示するにはどのようにすればいいですか?
私たちが達成したいこと。
映画のスコア(星)を降順に表示したい。
現状
tmdb APIは、映画情報を取得するために使用されます。 そして、モデル映画とテレビはIDと星(スコア)しか持っていません。 ここから、星のあるものだけがhtmlに返されます。
私は質問をしたいこと
htmlでスコアを選択した場合、スコアの降順で表示するにはどうすればよいですか?
data = requests.get(f &...
0
票
1
回答
75
閲覧数
tagnameで取得した要素がSELECTではなくBODYになる
プルダウン(selectタグ)に対して b を取得していますので b = SELECT となって欲しいものの、どういうわけか b = BODY となってしまう場合があります。
以下ページで activeElement の仕様を確認すると次のような記載がありました。
Document.activeElement - Web API | MDN
どの要素にフォーカスが当たるかは、...
0
票
0
回答
34
閲覧数
2カラム構成の場合のページ内スクロール
このようなライブラリを利用して、
ページ内スクロールを実現したいのですが、どれも動きません。
原因はHTMlが2カラム構成(それぞれスクロールが独立)しているためと思われます。
試しにこちらで試したところ、
右カラムの最下部にあるTOP1ボタンは動作しませんが、TOP2ボタンは動作しました。
このようなライブラリはターゲットがwindow.に固定されているのだと思いますが、
解決する方法、...
0
票
0
回答
61
閲覧数
Chromeで閲覧している任意URLのhtmlタグに対して、なるべく簡単に「html{font-size:0.1em!important;}」を追加したい
現状
・Chromeで任意URLを閲覧
・右クリック後検証ページ開いた後、新規CSSルール追加
html{font-size:0.1em!important;}
やりたいこと
・毎回追加するCSSルールが同じなので、もっと簡単に(閲覧時のみ適用される)CSSルールを追加したい
その他
・元のソースコード自体には、変更を加えない前提です
・任意のURLに対してこちらの任意のタイミングで、...
0
票
1
回答
58
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
0
票
0
回答
29
閲覧数
twigで作成したテンプレートのタグがエスケープされない
お世話になります。
twigでメールのテンプレートを作成しているのですが、
実際に以下のソースを読み込んで送信したメールに<ul>や <li>などの
タグも含まれた形(メールの文面にタグが表示されている)で送信されてしまいます。
タグをエスケープしたいのですが、どのように書けばいいのかがわかりません。
お手数をおかけしますが、ご教授だけないでしょうか。
よろしくお願いします。...
0
票
0
回答
37
閲覧数
reactでinstagramの投稿機能のような画像の座標に対してタグを作成する方法を教えてください。
reactでsnsアプリを作成しています。
投稿の際に画像をクリックして、その座標にタグ作成フォームを表示させたいのですが、その方法がわかりません。
ご教授お願いいたします。
また、参考の記事や検索ワードがありましたら教えてください。
投稿ページの参考画像(インスタグラム)を添付します。
0
票
0
回答
92
閲覧数
HTMLメールのデコード処理を実施したい
やりたいこと:
gmailのHTMLメールを取得してメールと同じ日本語に変換したいです。
コード:
import imaplib,email
from email.message import Message
from email.header import Header
from email.mime.text import MIMEText
from email import encoders
...
0
票
0
回答
34
閲覧数
Qualtricsで質問をスクロールしても、常に画像が上に表示されるようにしたい
私はQualyricsで質問フォームを作成しています。
ある画像をみてもらいながら、質問に回答してもらいたいですが、通常の機能だと質問を見るために上部の画像が消えてしまいます。
スクロールしても常に画像が上部に提示されている状態にしたいです。
英語のページで似たような質問がありトライしましたが、英語自体がよく理解できないためうまくいきませんでした。
プログラミングは全くできないので、...
0
票
0
回答
44
閲覧数
Echartsを使用して(または拡張して)グラフをクリックした点すべてのツールチップを表示したい
Apache Echarts.js というJavaScriptライブラリを使用して折れ線グラフを表示しています。グラフの点をクリックすると、情報をツールチップに表示しているのですが、クリックした箇所すべてのツールチップを表示したいのですが、オプション機能などで実現可能なものでしょうか。
標準機能では、次の点をクリックすると以前にクリックした点のツールチップは消えてしまいます。
Echarts.js ...
0
票
1
回答
124
閲覧数
ローカルサーバにあるwebアプリをリモートサーバの転送先のURLで表示させることができない。
前提・実現したいこと
コマンドプロンプトを使用してローカルにあるPythonのDjangoで作成したwebアプリファイルをリモートサーバに転送すると転送先のURLで下記のようなエラーがでてしまいます。
発生している問題・エラーメッセージ
Template error:
In template /URL/polls/index.html, error at line 1
argument 1 ...
0
票
0
回答
439
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...