[html] タグが付いた質問
HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。
262
未回答やベストアンサーなし質問
0
票
0
回答
131
閲覧数
2カラム構成の場合のページ内スクロール
このようなライブラリを利用して、
ページ内スクロールを実現したいのですが、どれも動きません。
原因はHTMlが2カラム構成(それぞれスクロールが独立)しているためと思われます。
試しにこちらで試したところ、
右カラムの最下部にあるTOP1ボタンは動作しませんが、TOP2ボタンは動作しました。
このようなライブラリはターゲットがwindow.に固定されているのだと思いますが、
解決する方法、...
0
票
1
回答
670
閲覧数
javascriptで、配列内の文字を改行したいです。
以下のJavaScriptのプログラムがあります。
これは、1問目と2問目をそれぞれ松山市と高松市と入力すれば50と出力されるようなプログラムになっています。
さらに、そこに加えて、それとは別に配列が用意され、50の場合には「あいうえお」と出力されるようなプログラムになっています。
ところが、例えば仮に「あいう」と「えお」という風に改行することができません。
...
0
票
0
回答
73
閲覧数
Chromeで閲覧している任意URLのhtmlタグに対して、なるべく簡単に「html{font-size:0.1em!important;}」を追加したい
現状
・Chromeで任意URLを閲覧
・右クリック後検証ページ開いた後、新規CSSルール追加
html{font-size:0.1em!important;}
やりたいこと
・毎回追加するCSSルールが同じなので、もっと簡単に(閲覧時のみ適用される)CSSルールを追加したい
その他
・元のソースコード自体には、変更を加えない前提です
・任意のURLに対してこちらの任意のタイミングで、...
0
票
1
回答
127
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
0
票
0
回答
121
閲覧数
twigで作成したテンプレートのタグがエスケープされない
お世話になります。
twigでメールのテンプレートを作成しているのですが、
実際に以下のソースを読み込んで送信したメールに<ul>や <li>などの
タグも含まれた形(メールの文面にタグが表示されている)で送信されてしまいます。
タグをエスケープしたいのですが、どのように書けばいいのかがわかりません。
お手数をおかけしますが、ご教授だけないでしょうか。
よろしくお願いします。...
0
票
0
回答
241
閲覧数
リンクのアドレスを取得したい
拡張機能を作成しようとしています。
リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。
現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。
現時点でのコードです↓...
0
票
0
回答
517
閲覧数
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
票
1
回答
192
閲覧数
ローカルサーバにあるwebアプリをリモートサーバの転送先のURLで表示させることができない。
前提・実現したいこと
コマンドプロンプトを使用してローカルにあるPythonのDjangoで作成したwebアプリファイルをリモートサーバに転送すると転送先のURLで下記のようなエラーがでてしまいます。
発生している問題・エラーメッセージ
Template error:
In template /URL/polls/index.html, error at line 1
argument 1 ...
0
票
0
回答
1,535
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
1
回答
601
閲覧数
JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。
JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。
現在、プログラムでエラーが出ているので解決策を教えてください。
HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
0
票
1
回答
97
閲覧数
書類などを運営に送信して承認されたらシステムが使えるようになる仕組み
現在Laravel8で、fxサービスや株取引、Uber eatsの配達員用アプリなどで用いられてるような、身分証明書などの書類を運営に送り、承認された人のみサービスを利用できるアプリを作ろうと思っています。
大体の仕組みは想像できるのですが、この様な仕組みの物は具体的な固有名詞などはあるのでしょうか?
自分なりに色々調べてはいるのですがサンプルなどが全く見つかりません。どなたかご教示願います。
0
票
2
回答
422
閲覧数
タブの中のボタンを横並びにしたい
タブの中にあるボタンを横並びにして見やすくしたいです
flexとか、display: inline-blockとかやってみたのですができません
ちなみに、余白はバラバラですが大丈夫です
具体的にどうしたらよいのかを教えていただきたいです
html
<!DOCTYPE html>
<html>
<head>
<meta charset="...
0
票
1
回答
163
閲覧数
インデックス風のタブメニューを作りたい
小学生のタブのところに社会も入れたいのですが、入りません
あと、中学生と高校生の所に理科が入ってしまっています
これをどうにかしたいです
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" ...
0
票
1
回答
678
閲覧数
アコーディオンメニューが意図した通り動作しない
ボタンを押すとアコーディオンメニューが開くようにプログラムを組んだつもりなのですが、うまく動きません。
.menu {
max-width: 600px;
}
.menu a {
display: block;
padding: 15px;
text-decoration: none;
color: #000;
}
label {
...
0
票
1
回答
440
閲覧数
ワードプレスで、2番目の投稿から一覧表示させる方法が上手くいきません。
ワードプレスでサイトを作成しています。
そして、アーカイブページの記事の一覧を作成するに当たり、
ページネーションを作成し、表示記事の1つ目の記事と2つ目の記事の画像の大きさを変えたいと考えています。
なんとか、上記の内容を行うことが出来たのですが、一行目と2行目の記事の内容が、
おなじになってしまいました。
マルチポスト(https://teratail.com/questions/...
0
票
1
回答
213
閲覧数
ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?
私のサイトはiPadの様々な機種で閲覧することを想定しています。
タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか?
JavaScriptかJqueryどちらかで調べたいと考えています。
使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
0
票
0
回答
187
閲覧数
冗長なHTMLマークアップとは何か、セマンティクスの評価の基準について
HTMLでのマークアップについて、セマンティクス的な観点でのマークアップの「適切さ」を評価するにはどう考えれば良いのでしょうか。
code-1
直感的には、code-1 のマークアップは冗長であり不適切(不自然)に思います。p 要素タグで括る必要がないと思います。
// (code-1)
<ul>
<li><p>テキスト</p></li&...
0
票
1
回答
117
閲覧数
最初に開いた場合のみボタンが反応しない
GitHub Pagesで以下のサイトを制作しました。
https://imaimai17468.github.io/Products/CreditsCounterforKNCT/
リポジトリはこちらになります。
https://github.com/imaimai17468/imaimai17468.github.io/tree/...
0
票
1
回答
187
閲覧数
Twitter の「検索結果に対応するツイート一覧」を React に埋め込む方法
お世話になります。
Twitter の検索結果に対応するツイート一覧を、できるだけ快適に React に埋め込みたいと思っているのですが、良い方法をご存じの方はいらっしゃいますでしょうか?
動作のイメージとしては、Twitter で hoge と検索した場合に、 https://twitter.com/search?q=hoge に対応する検索結果が描画されることを期待しています。
...
0
票
0
回答
510
閲覧数
親要素にTransformを指定した場合の画面固定について
ウェブサイトの制作初心者、初質問です。
ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、
サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、
zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。
@media ...
0
票
1
回答
123
閲覧数
height: auto;で設定した範囲が、中途半端なところで途切れます。
画像のように height: auto; がすべての範囲に届きません。
今はタブレット用のデザインを作成しています。
下記コードになります。
<section class="section-article">
<div class="article">
<div class="article-...
0
票
0
回答
311
閲覧数
ピクセルパーフェクトの正しいやり方がわかりません。
ウェブデザイナー(コーディングもできる)を目指しています。
ピクセルパーフェクトが重要だと聞き、やり方を調べると、
XDやフォトショップの見本のデザインをスクショで撮り、拡張機能のパーフェクトピクセル、で当てはめて調節するやり方と、
XDやフォトショップの数値通りにデザインするだけでもピクセルパーフェクトというようだとわかりました。
どっちがほんとうのピクセルパーフェクトのやり方なのでしょうか?
...
0
票
1
回答
298
閲覧数
WordPressプラグインの「CustomFieldSuite」に挿入した値をパーマリンクに設定したい
WordPressプラグインの「CustomFieldSuite」を使用したサイトを構築しています。
カスタム投稿はCPTUIを使用し「merchandise」としていまして
そこにCFSを適用して、「num」というフィールドを作成したのですが、そのnumフィールドに設定した値をスラッグにしたいのです。
例)https://xxx.com/merchandise/numの値
...
0
票
1
回答
244
閲覧数
rubyの正規表現で/nを含まずhtmlタグを削除する方法
発生しているエラー
rails c でスクリプトを流す場合、helpers.strip_tagsが使えない。
gsubと正規表現でhtmlタグを取り除こうとすると ”/n” の改行コードも含まれてしまう
期待する動作
以下の真ん中にある /n を含めずにhtmlタグを消したい
<p>山田 /n 太郎</p>
エラーの内容
こちらの正規表現を記述するとhtmlタグ(pタグ)...
0
票
1
回答
160
閲覧数
javascriptでフェードインさせたい
目標
htmlの74~87行の部分をスクロールして見えてきた時にフェードインさせることです。
・Our Serviceが下に
・image/black.png が上に
・image/educure01.jp DXを推進するエンジニア育成
IT事業参入をご検討中の事業者様向けのサービスです。 が上に
faideinさせたいです。
問題点
一部設定してみました。...
0
票
0
回答
774
閲覧数
スクロールするとページが縦に揺れます
スクロールすると各要素が縦に揺れます。
各要素を一つずつ消してみても、揺れはなおりませんでした。
ページはこちらです。
https://unagi-ryousin.com/
現象の確認方法としては、下にスクロールさせてから上にすぐ戻すと、ページが縦に揺れます。特に「量深の人気商品」より下の、商品が並んでいる辺りの画像の部分をスクロールしてみると分かりやすいです。TOPページのみ発生しています。
...
0
票
1
回答
108
閲覧数
jqueryでサイドバーのリンククリックによるスムーススクロールをしたい
jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/
メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。
サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
0
票
1
回答
295
閲覧数
VBA 正規表現でHTMLのリンクタグ(aタグ)の属性を、別タグにして『rel=”noopener noreferrer”』を付加するように変換したい。
ExcelVBAで、HTMLを自動出力するソフトを作っています。
リンクタグを全て別タグ(別ウインドウ)で開かせるように
変換したいと思っています。また、セキュリティ対策に自動で
rel=”noopener noreferrer”が追加されるようにしたいのですが、
正規表現が不慣れなものでどのようにパターンを書けばいいのかが
解りません。
HTML内のすべてのaタグでかまわないので、...
0
票
2
回答
171
閲覧数
.noscroll { overflow: hidden; position: relative; } が適用されず、スクロールできてしまう
以下のコードが機能しません。自分のパソコン以外だとうまくいくのかもしれません。
body.noscroll {
overflow: hidden;
実際の表示例
スクロール前の画像
スクロール後の画像
現状のソースコード
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity=&...
0
票
1
回答
790
閲覧数
HTMLで画像が表示されないことに関して
こんにちは
HTMLで同一フォルダ内に保存している画像•壁紙を貼る際に、エクスプローラーから開くと正常に画像が貼り付けられているのですが、Web上のOneDriveからだと画像が張り付いていない状態になり、相互リンクもこの場合作動しなくなります。同一フォルダ内なので相対パスで、と記載しています。
共有リンクのOneDriveから開くHTMLにだけ画像が表示されない原因はなんでしょうか
0
票
0
回答
143
閲覧数
駅データ.jpのapiを用いた駅一覧表示プログラムをphp,codelgniterで実装したいです
駅データ.jpのapiを用いた駅一覧表示プログラムをphp,codelgniterで実装したいです
駅データ.jpの中の路線APIを用いて、駅一覧表示プログラムを作成しています。使用言語はphp,フレームワークはcodelgniterです。
路線API(http://www.ekidata.jp/api/api_line.php)
まず、路線コードをブラウザのアドレス欄に指定したら、...
0
票
0
回答
391
閲覧数
ピクセルパーフェクトのやり方が分からず、文章が一文字ずつずれてしまう
ピクセルパーフェクトで、サイトの制作をしようとしていますが、
文章の文字一文字一文字の位置を一回一回調節しないと、出来ないのでしょうか?
<div class="header-outer">
<p class="header-time"><span class="header-time-second">...
0
票
0
回答
1,365
閲覧数
Windows10端末でHTA(HTML Applications)で出現する「エラー8150002e」のダイアログを出現させないようにしたい。
端末ローカルに配置したHTA(HTML Applications)でWebシステムへ遷移するための画面を作成しています。
ただ、システムへの遷移ボタンで埋め込んだJavaScriptのsubmit処理が
実行されるタイミングで以下のようなエラーダイアログが発生します。
エラーダイアログの記載内容:
スクリプトエラー
※このページのスクリプトでエラーが発生しました。
ライン: (発生した行数が表示)
...
0
票
0
回答
2,204
閲覧数
position:absolute;の後のブロックが重なる
list16及びlist17のブロックが重なってしまい困っています。
list16の要素に指定したposition:absolute;をコメントアウトすると二つの要素が離れることからこれが原因だと思うのですがこれはどうして起こるのでしょうか。
list17にmarginを指定してもtopのmarginが効かず重なったままです。解決方法をが回答よろしくお願いします。
<!DOCTYPE ...
0
票
1
回答
474
閲覧数
form内のdivのデータを送る方法はありますか?
form method = post 内のdivのデータを送る方法はありますか?
以下Laravelのコードです。
div id = "tetsuya" を送りたいのですが良い方法はありませんか?
hidden使って入れ込むしかありませんか?
<form method="post" action={{ route('output')}}>
...
0
票
0
回答
8,015
閲覧数
google driveに置いたhtmlファイルを開く場合リンク
googel work spaceで契約しているdrive上にhtmlファイルを「リンクをクリップボードにコピー」のリンクからhtmlファイルをオープンすると、ただのテキストファイルとしてオープンしてしまいます。
こんな感じ↓
これをブラウザで開く以下のようなアドレスになってしまいます。
file:///G:/マイドライブ/xxx/xxx....
...
0
票
0
回答
1,100
閲覧数
too many values to unpack (expected 2)のDjangoFormのデータ抽出について
Djangoのポートフォリオサイト作成として、
現在、サッカーゲームサイトの作成を目指して、プログラム作成を行っております。
同じ内容で既に teratail でも質問しています が、
回答が得られなかったこともあり、本サイトに質問させて頂きました。
views.pyの「skill_form」へのリスト化し、
格納までは、print(skill_form)にて確認が取ることが出来ましたが、
...
0
票
0
回答
899
閲覧数
inputのvalueが取得できない
検索ボックスでエンターキーを押した時に入力された値を元に検索をかけるという処理があります。
下記htmlをヘッダー内に2つ 記載しているのですが、menu-search-wrap-hdクラスの検索ボックスで値が取得できないという状況に陥っています。
javascriptは通っています。
クラスぐらいしか2つの際はないように感じるのですが、何が原因で値が取れないのかが不明です。
...
0
票
1
回答
698
閲覧数
html ファイルから include で php ファイルの呼び出しが動作しません
htmlファイル上でphpを有効にしています。
しかし、includeでtxtファイルは呼び出せますがphpファイルが呼び出せません。
レンタルサーバに問合せたところ、.htaccess 上で設定可能、回答範囲外とのこと。
実行環境:
php 7.4
.htaccessの記述(該当部分)
AddType application/x-httpd-php .php .html
htmlファイルの記述(...
0
票
0
回答
7,476
閲覧数
IEとEdge IEモードの判定
表題の通りですが、IEとEdge(Chromium版)のIEモードとを判別する方法はありますか?
userAgentは同じ内容でした。
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; ...
0
票
0
回答
120
閲覧数
replitでのサイトにgoogle広告は掲載可能ですか?
replitを使ってサイトを作っておりgoogle広告で稼ぎたいなーと思い審査してもらっているのですが、サブドメインがダメらしく目的のサイトを登録できません。
replitのサイトでgoogle広告はできるのか、またできるのであれば方法を教えてください。
0
票
0
回答
807
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
0
回答
941
閲覧数
GASにおけるformタグaction属性の自動指定
GoogleAppsScriptとhtmlでアンケートフォームを作成し、回答をスプレッドシートに記録しています。
index.htmlに記載するformタグaction属性👇ですが、
<form method="post" name="form1" action="$フォームURL$">
...
0
票
1
回答
123
閲覧数
wagtail (Django)でブロック化した画像が表示されない。(文字のみ表示)
質問内容
wagtailを用いてウェブアプリケーションを開発しています。コンテンツ表示のために名前やリンクなどをブロック化し、コンテンツモデルにインポート、HTML出力を考えています。名前などほかの情報は表示されるのですが、画像のみ表示されません。エラーもなく、画像の名前も文字として表示されているので特に問題はないと考えています。試行錯誤しているのですがわからないので、...
0
票
0
回答
140
閲覧数
wagtailでhtmlで表示したい
質問内容
DjangoのInlinePanelを使ってwagtailで以下のモデルを実装してみました。
公式ドキュメントを参考に作成しました。管理者側はしっかりと反映されており、データを打ち込めるのですがユーザー画面に反映されません。(エラーは出ません。)そこでhtmlの書き方に問題があると考えます。具体的にはselfの部分が間違えているはずです。...
0
票
0
回答
394
閲覧数
アップロードした SVG 画像が表示されない
コーディングの学習をしているものです。
自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。
ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。
原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。
...
0
票
0
回答
137
閲覧数
モバイルでアクセスしたときは、HTML階層構造を変更したい
パソコンとモバイルでWebレイアウトを分けたいです。
display:flex;のorderプロパティやメディアクエリを試してみたのですが、どうしてもうまくいきません。
HTML階層構造が異なるからだということに気が付きました。
モバイルでアクセスしたときだけ、HTML階層構造を変更することはできますか?
PCからのアクセスを想定。前提となるhtml
<div class="...
0
票
1
回答
132
閲覧数
動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい
クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。
cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。
コードは以下
<!DOCTYPE html>
<html lang="ja">
<head>
<meta ...