[html] タグが付いた質問
1,117
質問
0
票
0
回答
299
閲覧数
アップロードした SVG 画像が表示されない
コーディングの学習をしているものです。
自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。
ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。
原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。
...
0
票
1
回答
162
閲覧数
react-native-webで作成したWebページに、"http://---.js" 形式ファイルを埋め込みたい
やりたいこと
react-native-webで作成したWebページに、"http://---.js" 形式ファイル を埋め込みたい
やってること
react-native-web, expo, firebase hostingを用いてWebページを作成しました。
そこにブログページも作ろうと思ってます。
ブログ記事の作成にはGoogleドキュメント、...
0
票
1
回答
2,952
閲覧数
HTML で指定した画像が表示されない
AWS、HTMLでポートフォリオを作りたいのですが、以下の通りコードを記述しても画像が表示されません。
<img alt="写真" scr="MovieClub.jpg">
どなた様か、解決方法をご教授くださればと思います
-1
票
1
回答
118
閲覧数
ブラウザの幅を変えると要素の位置が変わってしまうのを直したいです。
どのようにすれば、ブラウザの幅を変えても1枚目の状態で維持できるようになるのでしょうか?
html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport&...
0
票
1
回答
357
閲覧数
vueで<input type='file'>にファイルを持たせたい
ブラウザに表示されたボタンを選択してファイルを持たせるのではなく、JavaScriptを使用しファイルを持たせるやり方を探しています。
よろしくお願いします。
0
票
1
回答
226
閲覧数
DokuWikiで全ページにDokuWiki記法のテキストを挿入する方法
DokuWiki(phpベースのwikiフレームワーク)にSocialite Pluginをインストールしました。
このプラグインの効果により、ページの編集画面で~~socialite~~と書くと、
<ul>
<li>
<a class="twitter" href="https://twitter.com/intent/...
0
票
0
回答
128
閲覧数
モバイルでアクセスしたときは、HTML階層構造を変更したい
パソコンとモバイルでWebレイアウトを分けたいです。
display:flex;のorderプロパティやメディアクエリを試してみたのですが、どうしてもうまくいきません。
HTML階層構造が異なるからだということに気が付きました。
モバイルでアクセスしたときだけ、HTML階層構造を変更することはできますか?
PCからのアクセスを想定。前提となるhtml
<div class="...
0
票
1
回答
878
閲覧数
HTML内onclickの関数をscriptで変更したいが、引数が書き換わる
チェックボックスにチェックを入れると文字を隠すというコードを作成しています。
選択肢数は変動するため、Javascriptのfor文でonclickの関数を登録しています。
下記のようなコードを作成したのですが、どのチェックボックスをクリックしても、IDがtxt3を指しています。(connecttext()のclonsole.logで確認)
...
0
票
1
回答
177
閲覧数
jQueryのクリックイベントのみ動かなくなりました
昨日まで正常に動いたコードが今朝動かなくなってしまいました。
selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。
しかしjsファイルの一番最後の行のclickイベントだけが動きません。
clickイベントの中にconsole.logを入れても何も表示されないため、...
0
票
1
回答
76
閲覧数
動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい
クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。
cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。
コードは以下
<!DOCTYPE html>
<html lang="ja">
<head>
<meta ...
0
票
1
回答
1,135
閲覧数
Seleniumの要素を特定しているnameの取得方法が分からない?
こちらのQiita記事を参考にSeleniumの勉強をしています。
Ubuntu、Python3、Chromeを使っています。
以下のサンプルコードについて質門です。
import time
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.google.com/')
time....
0
票
1
回答
1,212
閲覧数
html,css,jsで構成されているファイルをサーバーにアップロードしたがhtmlしか反映されない
タイトルのようにhtml, css, jsで構成されているファイルをアップロードしたがhtmlしか反映されない問題を解決したいです。
また、画像も反映されません。
思いついた原因は
相対パスが間違っているため開けない。
アップロードされていると思い込んでいるが実際はアップロードされていない。
何かしら必要なことを行っていない
これらの解決方法として、以下のことを実行しました
...
1
票
1
回答
422
閲覧数
縦に積み上がる要素の削除したときに、下にガタっと落ちてしまうのを滑らかにアニメーションしたい
material-uiの下記リンクスナックバーのようなものを作成しようとしています。
https://material-ui.com/ja/components/snackbars/#complementary-projects
その際のアニメーションで、要素が削除されたときに縦に移動するアニメーションの実装方法がわからず困っています。
理想↓↓
現実↓↓ ...
0
票
1
回答
129
閲覧数
PHP DOMDocument HTMLエンティティ化
下記のコードで日本語部分がエンティティ化されてしまいます。
$newdoc->importNode($el, true) で発生しているようなのですが、
理由と対策を教えてください。
$orgdoc = new DOMDocument;
$orgdoc->loadXML("<old><span>あいうえお1</span><span&...
0
票
1
回答
234
閲覧数
PHP DOMDocument 要素の変更
親の要素名oldをnewに変更したいです。
oldの子要素は何階層も複数あるものとします。
<old><span>test1</span><span>test2<span>test3</span></span></old>
↓
<new><span>test1</span&...
0
票
2
回答
133
閲覧数
transformした要素内のanchorタグをクリックしたら特定のページに遷移したい
題の通りです.hrefで指定したURLに要素をクリックしたら飛ぶようにしたいのですが,良い方法が見つかりません.
https://codepen.io/matsubax/pen/yLMKRmX
body {
text-align: center;
background-color: #D7FFD7;
}
#menu {
width: 150px;
...
0
票
1
回答
446
閲覧数
element.styleの値を取得できない
WordPressで作成しているサイトに、jQuery/JavaScriptでcssのleft、top、transform:scaleを操作するかたちで、画像を左右、拡大縮小できる機能をつくりました。
さらに、上記の値を取得したいのですが、値は「element.style」に反映されており、取得がうまくいきません。
この「element.style」の値を取得する方法を教えていただけますでしょうか?...
1
票
0
回答
875
閲覧数
javascriptで半角入力を強制したinput要素に全角入力を行った際に入力済みの文字が消える現象
Reactを用いて以下のようなコンポーネントを作成しました。
文字が入力された際、それが数字であるなら半角化して反映します。
全角入力をそのままにしてしまうと不具合が起きる("111あああ222"としたとき222の部分が反映されないなど)ため、入力を検知するたびフォーカスを一瞬外して戻すことで強制的に一文字ずつ確定させています。
const InptArea:FC=()=>...
0
票
1
回答
296
閲覧数
JavaScriptで.loadしたheaderにcssが適用されない
ホームページのheaderを
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("components/header.html");
});
</script>
で読み込み
<div id="header"></div&...
0
票
1
回答
256
閲覧数
透過的コンテンツモデルの仕様について知りたいです
HTML5からコンテンツ・カテゴリー、コンテンツ・モデルなどが導入されましたが、その中でも「透過的コンテンツモデル」という概念(仕組み?)がよく理解できず困っています。
例えば下記MozillaのMDN Web Docsの中では、
要素が透過的コンテンツモデル (transparent content model) を持っている場合、透過的な要素が削除されたり、子要素で置き換えられたりしても、...
0
票
1
回答
1,379
閲覧数
rails いいね順のランキング機能を実装したいがランキング画面で同じものが表示されてしまう問題を解消したい。
レシピを投稿した際にいいねの数でランキングを表示しようとしています。
ランキング表示といいね機能はできたのですが
以下のように1位と2位に同じレシピが表示されてしまいます。
原因としては@cookingsの中身が毎回同じものなのでここを解消すればなんとかなると思うのですがその解決方法がわかりません。
何か追加して欲しい情報があれば追加しますのでよろしくお願いします。
現在の表示結果:
...
0
票
1
回答
326
閲覧数
wordpress上でのアコーディオンが動かない
前提・実現したいこと
webサイト上でのアコーディオン実装
発生している問題・エラーメッセージ
質問をクリックするとその答えがスライドして表示/非表示されるはずが、
なぜかそうならないのです。
どういじれば、動きますか?
該当のソースコード
htmlファイル
<div class="container">
<div class=&...
0
票
1
回答
128
閲覧数
webサイトにtwitter cardが設定されない
webサイト(https://scuba-monsters.com/spot)を運用しているのですが、twitter cardを設定することができません。
以下のようにhtmlに必要な項目を設定しているのですが、
<link rel="canonical" href="https://scuba-monsters.com/spot">
&...
0
票
0
回答
83
閲覧数
複数のデザインを数ヶ月に一度のサイクルで回した際のSEOの懸念
自社の社長がコーポレートサイトのデザインを複数人に作成させ、それを数ヶ月ペースで回して使っていきたいと言っているのですが、これはSEO的に悪いのでしょうか?
ちなみにドメインは同じで、内容は違います。
0
票
1
回答
318
閲覧数
PHPで打ち込んだセレクト項目がフォームに反映されない
PHP初心者です。sublimeTextを使用してフォームを作成しています。
元々構築してあったものを手探りで追加しているのですが、
// セレクト項目設定 の箇所がフォームに反映されません。
確認画面を押すとエラー文字がでるページへ移行されますが、その時はフォームに反映され選択できるようになります。
(添付画像参照)
初歩的なご質問となり申し訳ございませんが何かコードが足りないでしょうか?
...
0
票
0
回答
99
閲覧数
ネットショップやホームページでアニメーションをつけたい
プログラミング初心者です。プログラミング学習でアニメーションをつける練習をしていてネットで落ち葉が降るアニメーションを見つけました。
サイトを参考にしつつVScodeでsampleというフォルダを作り同じディレクトリ内にindex.htmlとmain.jsと落ち葉の画像とcss/style.cssの計4種類のファイルを作りました。
こちらのindex....
0
票
1
回答
110
閲覧数
このJQueryは何をやっているんでしょう??
Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです.
端的にいいますと以下のコードは何をやっているのかがよくわかりません.
if (totalPageNumber > 1) {
/...
1
票
2
回答
81
閲覧数
Railsのhelperメソッドの書き方をより良いものにしたい
CMSのコンテンツが全て記載されている場合は、View側でコンテンツを表示する
という仕様を作るためにhelperメソッドとして下記のようなものを作りました。
※ cms_fragment_content(:text_1)はcomfortable-mexican-sofaというgemを使ってCMSを構築しており、そこから登録しているテキストを取得してくる際に使うhelperメソッドです。
...
0
票
0
回答
94
閲覧数
preg_match_all で指定した正規表現が意図した通りマッチしない
下記のように href が #title から始まる <a> タグを全て削除したいのですが、
現在のコードだと上手く preg_match_all が動作していません。
どう変更すればよいでしょうか?
$content
<a href="#title1">stack</a>
<a href="#title2">...
0
票
1
回答
311
閲覧数
jQuery .each() .find()を用いた特定要素、属性値取得について
jQueryを用いて、以下HTMLより
「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と
class="boxlist_"内にあるclass="list_"分だけ繰り返しで、
特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。
なお、...
0
票
2
回答
339
閲覧数
ボタンクリックでコンソール上にメッセージを表示させたい
ボタンをクリックするたびにコンソール上にonとoffを交互に表示させるプログラムを作りたいのですが、ボタンを押しても動作しません。ページを読み込んだ段階でコンソール上に"Uncaught TypeError: btn.addEventListener is not a function at a.js:11"と表示されます。
そこでjsファイルの11行目を"btn....
0
票
1
回答
1,101
閲覧数
GoogleMap API ズームレベルによってマーカーを表示、非表示にしたい
GoogleMap API を使ってMapをカスタムをしています。
マーカーを複数表示したり、マーカーの種類を変える事は出来たのですが、
「ズームレベル」でマーカを表示・非表示する事が出来ないです。
例えば
ズームレベル「16」~「1」の時は非表示で
ズームレベル「17」以降になると表示される。
作成中のコードは以下になります。
どうかお力添えの程よろしくお願い申し上げます。
HTML
<...
0
票
1
回答
451
閲覧数
URL 指定での Web ページ表示時にリダイレクトされるのを停止したい
以下の構文、サンプルページのとおり、URL を指定して表示させる HTML を書いたのですが、当該 URL を表示後、当該 URL 側の挙動として自動的に別の URL にリダイレクトされてしまいます。(この例ですと、「https://www.jma.go.jp/bosai/map.html#5&contents=earthquake_map」を指定していますが、「https://www....
0
票
0
回答
168
閲覧数
ブラウザ更新時の読み込みシームレス化を実現したいです
ブラウザ更新時の画像読み込みシームレス化(以下のブラウザページ)のページ全体版を実現したいと思っています。
https://teratail.com/questions/271650
上の過去の質問回答の構文では画像URLを指定していますが、画像URLではなくWEBページ全体を表示させる場合に更新時のラグ(ページが完全に表示されるまでの読み込み中の状態)...
0
票
1
回答
1,699
閲覧数
Vue の v-select において、特定の選択肢の文字の色を変えたい
Vue の v-select において、特定の選択肢(または文字列)の文字の色を変えたいのですが、何か方法があるでしょうか。
v-select タグ内で
<v-select
:items="hoge"
item-color="green"
></v-select>
としても、...
0
票
3
回答
1万
閲覧数
VSCode の Live html preview で HTML のプレビュー表示が出来ません
Macで使用していますが、VSCode の Live html preview という拡張機能でプレビュー表示がされません。
HTML画面にてcommandやshift等を用いて入力しましたが全く表示されずです。
2
票
1
回答
196
閲覧数
h1のfont-sizeは親要素を継承しないのでしょうか?
下記のコードを書いてみました。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
html {
font-size: 10px;
}
</style>
&...
1
票
1
回答
541
閲覧数
GitHub Pages で一部の画像だけ表示されない
以下です。よろしければご回答のほど、よろしくお願いいたします・・!
聞きたいこと
GitHub Pagesにて公開したページにて、imgフォルダ内の一部の画像のみ表示されない。
対象URL
https://yukinoshita1103.github.io/leopaquiz/quiz.html
詳細
クイズのWebアプリ。
選択肢として、imgディレクトリに置いた画像をランダムに表示させたいです。...
0
票
1
回答
354
閲覧数
form->error のclsssを複数指定は可能か
cake
$this->Form->error('Test.id', null, ['wrap' => 'p', 'class' => 'error-message']);
以下html
<div>
<div>
<p>
<input type="text" name="data[test][id]&...
0
票
1
回答
87
閲覧数
Google ChromeでHTMLとCSSをモバイル表示をさせたときの画面サイズが異常です。
現象
Google Chromeのモバイル表示を320×568pxに設定して、そのサイズに合わせたコード(HTMLとCSS)を書いていたのですが、VS CodeのLiveServer機能でGoogle Chromeのモバイル表示をさせると、980×1739pxの大きさになってしまいます。
期待値
Google Chromeのモバイル表示で、320×568pxの大きさで表示させること。
再現手順
...
0
票
1
回答
119
閲覧数
Tumblrのタイトル部分と日付け書式の変更方法
Tumblrの無料テーマ
https://dharmatheme.tumblr.com/
を利用して個人の備忘録のようなものを作っりたいです。
https://rum-julep.tumblr.com/post/643969604868292608
↑この画像の「あいう」となってるタイトル部分を見やすくしたいので横の画像の「美しい見出しのデザイン」のようにしたいのですが ...
0
票
1
回答
80
閲覧数
CSSを読み込みたいのですが、どうしても読み込まれません。
現象
CSSが全く読み込まれません。
期待値
CSSを読み込んでブラウザ(Google Chrome)に反映させたいです。
再現手順
下記のHTMLとCSSをGoogle Chromeで実行すれば反映されます。CSS設計の形式は、FLOCSSです。
index.html
<!DOCTYPE html>
<html lang="ja">
<...
1
票
1
回答
1万
閲覧数
HTMLのbuttonタグでonclick属性が効かない
緊急で人が書いたHTMLを修正しなければならないのですが、私は仕様も技術的背景も知りません。
この時点で褒められた仕事のやり方ではないと思いますが、そこはとりあえずスルーでお願いします。
HTMLには
<button>foo</button>
というボタンがあり、このボタンが何もしていないというのが問題になっています。
とりあえずgoogle....
0
票
1
回答
1,625
閲覧数
CSSで、画像を横並び&重ならない&ディスプレイサイズに合わせて縮小したい。
聞きたいこと
画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小する方法。
html,css,javascript関連です。
現状と理想
現状)画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小しているが、重なってしまっている。
理想)画像を横並びで表示し、かつ、ディスプレイサイズに合わせて縮小しているが、重ならないようにしたい。
背景
2枚の画像から、...
0
票
0
回答
73
閲覧数
cssで縦幅が決まっていないブロックの上下中央揃え
cssで縦幅のpx指定をしない(中身に合わせた大きさになって欲しい)ブロックの上下中央揃えがうまくいきません。
下記は一応うまくいきますが、htmlやbodyに100%指定しなくてはならないのが気になります。
html,
body {
height: 100%;
}
.wrapper {
display: flex;
justify-content: center;
...
0
票
1
回答
2,385
閲覧数
JavaScriptでwindowのサイズ可変を制限するには
JavaScriptで500pxより下にwindow幅を小さく出来ないようにJavaScriptで制限をかけたいのですが、そのようなAPIは提供されているのでしょうか?
調べてみて、window.minWidthという物が出てきたのですが上手く動作しなかったです。
chromeで動作すれば良いです。
すいませんよろしくお願いします。
0
票
1
回答
960
閲覧数
JavaScriptでPNG画像などのデータをバイナリ形式で取得したい
FileReader.readAsText()のサンプルを試して動作させているのですが、PNG画像を選択すると文字化けしてしまいます。
文字化けしないようにするにはどうしたら良いでしょうか?
やりたいことは、PNG画像のデータを以下のようなバイナリ形式で受け取り、これをそのままデータベースに保存したいです。データはサーバ側でPythonを動作させているのでそちらで受け取りたいです。
b'\...
1
票
1
回答
216
閲覧数
adblock等におけるhrefのフィルター
hogeとfugaが両方、順不同でURL文字列(href属性の値)に含まれる要素を消したい場合、どのようなフィルタになるのでしょう?
a href="example.com/hoge/fuga"
a href="example.fuga.com/hoge"
などは消して、
a href="example.com/hoge"
a href=...
0
票
2
回答
2,633
閲覧数
PHPでリンク先を絶対パスで指定できない
Windows 10でXAMPPを使用し、PHPのサイトを作っています。
「htdocs」フォルダ直下に「test」フォルダを作り、その中に「firstPage.php」と「secondPage.php」を作りました。
今はローカル環境のXAMPPで動かしていますが、いつかはサーバーなどに上げたいと思い(セキュリティーの話は一旦置いておいてください)、...
0
票
0
回答
957
閲覧数
htmlでリンクを押したらcsvファイルを読み込んでグラフを表示させたい
実現したいこと
web上のリンクかボタンを押したら特定のcsvファイルを読み込みグラフを表示させる。
試したこと
以下のソースコードはファイル選択ボタンからcsvファイルを選択しグラフを表示させるプログラムです。
これをローカルにあるcsvファイルを読み込むプログラムに変更させるところで行き詰まっています。
<!DOCTYPE html>
<html lang="ja&...