Skip to main content

[html] タグが付いた質問

HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。

262 未回答やベストアンサーなし質問
絞り込み
並べ替え
タグ付けされた
0
0 回答
131 閲覧数

2カラム構成の場合のページ内スクロール

このようなライブラリを利用して、 ページ内スクロールを実現したいのですが、どれも動きません。 原因はHTMlが2カラム構成(それぞれスクロールが独立)しているためと思われます。 試しにこちらで試したところ、 右カラムの最下部にあるTOP1ボタンは動作しませんが、TOP2ボタンは動作しました。 このようなライブラリはターゲットがwindow.に固定されているのだと思いますが、 解決する方法、...
roki's user avatar
  • 29
0
1 回答
670 閲覧数

javascriptで、配列内の文字を改行したいです。

以下のJavaScriptのプログラムがあります。 これは、1問目と2問目をそれぞれ松山市と高松市と入力すれば50と出力されるようなプログラムになっています。 さらに、そこに加えて、それとは別に配列が用意され、50の場合には「あいうえお」と出力されるようなプログラムになっています。 ところが、例えば仮に「あいう」と「えお」という風に改行することができません。 ...
泉北love's user avatar
0
0 回答
73 閲覧数

Chromeで閲覧している任意URLのhtmlタグに対して、なるべく簡単に「html{font-size:0.1em!important;}」を追加したい

現状 ・Chromeで任意URLを閲覧 ・右クリック後検証ページ開いた後、新規CSSルール追加 html{font-size:0.1em!important;} やりたいこと ・毎回追加するCSSルールが同じなので、もっと簡単に(閲覧時のみ適用される)CSSルールを追加したい その他 ・元のソースコード自体には、変更を加えない前提です ・任意のURLに対してこちらの任意のタイミングで、...
re9's user avatar
  • 6,784
0
1 回答
127 閲覧数

(this).scrollTop()の終了の仕方がわからない

普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。 どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。 やりたいこと ある高さまでスクロールしたら画像に追従用のclassを追加 上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す 画像が追従中、画像をクリックしたら追加したclassを外す(...
ththzuzu's user avatar
0
0 回答
121 閲覧数

twigで作成したテンプレートのタグがエスケープされない

お世話になります。 twigでメールのテンプレートを作成しているのですが、 実際に以下のソースを読み込んで送信したメールに<ul>や <li>などの タグも含まれた形(メールの文面にタグが表示されている)で送信されてしまいます。 タグをエスケープしたいのですが、どのように書けばいいのかがわかりません。 お手数をおかけしますが、ご教授だけないでしょうか。 よろしくお願いします。...
mas's user avatar
  • 1
0
0 回答
241 閲覧数

リンクのアドレスを取得したい

拡張機能を作成しようとしています。 リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。 現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。 現時点でのコードです↓...
yushi's user avatar
  • 3
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 ...
merce's user avatar
  • 1
0
1 回答
192 閲覧数

ローカルサーバにあるwebアプリをリモートサーバの転送先のURLで表示させることができない。

前提・実現したいこと コマンドプロンプトを使用してローカルにあるPythonのDjangoで作成したwebアプリファイルをリモートサーバに転送すると転送先のURLで下記のようなエラーがでてしまいます。 発生している問題・エラーメッセージ Template error: In template /URL/polls/index.html, error at line 1 argument 1 ...
aaa's user avatar
  • 19
0
0 回答
1,535 閲覧数

JSONのデータを取得してHTMLの要素に入れたい

data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。) ...
新人類's user avatar
0
1 回答
601 閲覧数

JavaScriptで作成したTableのボタンで、関数(function)を作動させたい。

JavaScriptで生成したTableにあるボタンに、関数(insertColumn)を実装したいです。 現在、プログラムでエラーが出ているので解決策を教えてください。 HTMLは<input type="button" class="AddCln" value="Add a Column" onclick="...
Hero8's user avatar
  • 1
0
1 回答
97 閲覧数

書類などを運営に送信して承認されたらシステムが使えるようになる仕組み

現在Laravel8で、fxサービスや株取引、Uber eatsの配達員用アプリなどで用いられてるような、身分証明書などの書類を運営に送り、承認された人のみサービスを利用できるアプリを作ろうと思っています。 大体の仕組みは想像できるのですが、この様な仕組みの物は具体的な固有名詞などはあるのでしょうか? 自分なりに色々調べてはいるのですがサンプルなどが全く見つかりません。どなたかご教示願います。
SEIM's user avatar
  • 1
0
2 回答
422 閲覧数

タブの中のボタンを横並びにしたい

タブの中にあるボタンを横並びにして見やすくしたいです flexとか、display: inline-blockとかやってみたのですができません ちなみに、余白はバラバラですが大丈夫です 具体的にどうしたらよいのかを教えていただきたいです html <!DOCTYPE html> <html> <head> <meta charset="...
Romi's user avatar
  • 1
0
1 回答
163 閲覧数

インデックス風のタブメニューを作りたい

小学生のタブのところに社会も入れたいのですが、入りません あと、中学生と高校生の所に理科が入ってしまっています これをどうにかしたいです <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" ...
Romi's user avatar
  • 1
0
1 回答
678 閲覧数

アコーディオンメニューが意図した通り動作しない

ボタンを押すとアコーディオンメニューが開くようにプログラムを組んだつもりなのですが、うまく動きません。 .menu { max-width: 600px; } .menu a { display: block; padding: 15px; text-decoration: none; color: #000; } label { ...
Romi's user avatar
  • 1
0
1 回答
440 閲覧数

ワードプレスで、2番目の投稿から一覧表示させる方法が上手くいきません。

ワードプレスでサイトを作成しています。 そして、アーカイブページの記事の一覧を作成するに当たり、 ページネーションを作成し、表示記事の1つ目の記事と2つ目の記事の画像の大きさを変えたいと考えています。 なんとか、上記の内容を行うことが出来たのですが、一行目と2行目の記事の内容が、 おなじになってしまいました。 マルチポスト(https://teratail.com/questions/...
kkk's user avatar
  • 93
0
1 回答
213 閲覧数

ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?

私のサイトはiPadの様々な機種で閲覧することを想定しています。 タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか? JavaScriptかJqueryどちらかで調べたいと考えています。 使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
sttns's user avatar
  • 1
0
0 回答
187 閲覧数

冗長なHTMLマークアップとは何か、セマンティクスの評価の基準について

HTMLでのマークアップについて、セマンティクス的な観点でのマークアップの「適切さ」を評価するにはどう考えれば良いのでしょうか。 code-1 直感的には、code-1 のマークアップは冗長であり不適切(不自然)に思います。p 要素タグで括る必要がないと思います。 // (code-1) <ul> <li><p>テキスト</p></li&...
quickstar's user avatar
0
1 回答
117 閲覧数

最初に開いた場合のみボタンが反応しない

GitHub Pagesで以下のサイトを制作しました。 https://imaimai17468.github.io/Products/CreditsCounterforKNCT/ リポジトリはこちらになります。 https://github.com/imaimai17468/imaimai17468.github.io/tree/...
imaimai17468's user avatar
0
1 回答
187 閲覧数

Twitter の「検索結果に対応するツイート一覧」を React に埋め込む方法

お世話になります。 Twitter の検索結果に対応するツイート一覧を、できるだけ快適に React に埋め込みたいと思っているのですが、良い方法をご存じの方はいらっしゃいますでしょうか? 動作のイメージとしては、Twitter で hoge と検索した場合に、 https://twitter.com/search?q=hoge に対応する検索結果が描画されることを期待しています。 ...
yashim's user avatar
  • 1
0
0 回答
510 閲覧数

親要素にTransformを指定した場合の画面固定について

ウェブサイトの制作初心者、初質問です。 ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、 サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、 zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。 @media ...
Azuver's user avatar
  • 1
0
1 回答
123 閲覧数

height: auto;で設定した範囲が、中途半端なところで途切れます。

画像のように height: auto; がすべての範囲に届きません。 今はタブレット用のデザインを作成しています。 下記コードになります。 <section class="section-article"> <div class="article"> <div class="article-...
kkk's user avatar
  • 93
0
0 回答
311 閲覧数

ピクセルパーフェクトの正しいやり方がわかりません。

ウェブデザイナー(コーディングもできる)を目指しています。 ピクセルパーフェクトが重要だと聞き、やり方を調べると、 XDやフォトショップの見本のデザインをスクショで撮り、拡張機能のパーフェクトピクセル、で当てはめて調節するやり方と、 XDやフォトショップの数値通りにデザインするだけでもピクセルパーフェクトというようだとわかりました。 どっちがほんとうのピクセルパーフェクトのやり方なのでしょうか? ...
kkk's user avatar
  • 93
0
1 回答
298 閲覧数

WordPressプラグインの「CustomFieldSuite」に挿入した値をパーマリンクに設定したい

WordPressプラグインの「CustomFieldSuite」を使用したサイトを構築しています。 カスタム投稿はCPTUIを使用し「merchandise」としていまして そこにCFSを適用して、「num」というフィールドを作成したのですが、そのnumフィールドに設定した値をスラッグにしたいのです。 例)https://xxx.com/merchandise/numの値 ...
aminasu's user avatar
0
1 回答
244 閲覧数

rubyの正規表現で/nを含まずhtmlタグを削除する方法

発生しているエラー rails c でスクリプトを流す場合、helpers.strip_tagsが使えない。 gsubと正規表現でhtmlタグを取り除こうとすると ”/n” の改行コードも含まれてしまう 期待する動作 以下の真ん中にある /n を含めずにhtmlタグを消したい <p>山田 /n 太郎</p> エラーの内容 こちらの正規表現を記述するとhtmlタグ(pタグ)...
zako_engineer's user avatar
0
1 回答
160 閲覧数

javascriptでフェードインさせたい

目標 htmlの74~87行の部分をスクロールして見えてきた時にフェードインさせることです。 ・Our Serviceが下に ・image/black.png が上に ・image/educure01.jp DXを推進するエンジニア育成  IT事業参入をご検討中の事業者様向けのサービスです。 が上に  faideinさせたいです。 問題点 一部設定してみました。...
駆け出し太郎's user avatar
0
0 回答
774 閲覧数

スクロールするとページが縦に揺れます

スクロールすると各要素が縦に揺れます。 各要素を一つずつ消してみても、揺れはなおりませんでした。 ページはこちらです。 https://unagi-ryousin.com/ 現象の確認方法としては、下にスクロールさせてから上にすぐ戻すと、ページが縦に揺れます。特に「量深の人気商品」より下の、商品が並んでいる辺りの画像の部分をスクロールしてみると分かりやすいです。TOPページのみ発生しています。 ...
Macc's user avatar
  • 1
0
1 回答
108 閲覧数

jqueryでサイドバーのリンククリックによるスムーススクロールをしたい

jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/ メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。 サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
sttns's user avatar
  • 1
0
1 回答
295 閲覧数

VBA 正規表現でHTMLのリンクタグ(aタグ)の属性を、別タグにして『rel=”noopener noreferrer”』を付加するように変換したい。

ExcelVBAで、HTMLを自動出力するソフトを作っています。 リンクタグを全て別タグ(別ウインドウ)で開かせるように 変換したいと思っています。また、セキュリティ対策に自動で rel=”noopener noreferrer”が追加されるようにしたいのですが、 正規表現が不慣れなものでどのようにパターンを書けばいいのかが 解りません。 HTML内のすべてのaタグでかまわないので、...
たたぱた's user avatar
  • 1,205
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=&...
kkk's user avatar
  • 93
0
1 回答
790 閲覧数

HTMLで画像が表示されないことに関して

こんにちは HTMLで同一フォルダ内に保存している画像•壁紙を貼る際に、エクスプローラーから開くと正常に画像が貼り付けられているのですが、Web上のOneDriveからだと画像が張り付いていない状態になり、相互リンクもこの場合作動しなくなります。同一フォルダ内なので相対パスで、と記載しています。 共有リンクのOneDriveから開くHTMLにだけ画像が表示されない原因はなんでしょうか
Asiga Nagaiyo's user avatar
0
0 回答
143 閲覧数

駅データ.jpのapiを用いた駅一覧表示プログラムをphp,codelgniterで実装したいです

駅データ.jpのapiを用いた駅一覧表示プログラムをphp,codelgniterで実装したいです 駅データ.jpの中の路線APIを用いて、駅一覧表示プログラムを作成しています。使用言語はphp,フレームワークはcodelgniterです。 路線API(http://www.ekidata.jp/api/api_line.php) まず、路線コードをブラウザのアドレス欄に指定したら、...
amazo's user avatar
  • 1
0
0 回答
391 閲覧数

ピクセルパーフェクトのやり方が分からず、文章が一文字ずつずれてしまう

ピクセルパーフェクトで、サイトの制作をしようとしていますが、 文章の文字一文字一文字の位置を一回一回調節しないと、出来ないのでしょうか? <div class="header-outer"> <p class="header-time"><span class="header-time-second">...
kkk's user avatar
  • 93
0
0 回答
1,365 閲覧数

Windows10端末でHTA(HTML Applications)で出現する「エラー8150002e」のダイアログを出現させないようにしたい。

端末ローカルに配置したHTA(HTML Applications)でWebシステムへ遷移するための画面を作成しています。 ただ、システムへの遷移ボタンで埋め込んだJavaScriptのsubmit処理が 実行されるタイミングで以下のようなエラーダイアログが発生します。 エラーダイアログの記載内容: スクリプトエラー ※このページのスクリプトでエラーが発生しました。 ライン: (発生した行数が表示) ...
taro's user avatar
  • 11
0
0 回答
2,204 閲覧数

position:absolute;の後のブロックが重なる

list16及びlist17のブロックが重なってしまい困っています。 list16の要素に指定したposition:absolute;をコメントアウトすると二つの要素が離れることからこれが原因だと思うのですがこれはどうして起こるのでしょうか。 list17にmarginを指定してもtopのmarginが効かず重なったままです。解決方法をが回答よろしくお願いします。 <!DOCTYPE ...
Suzu's user avatar
  • 35
0
1 回答
474 閲覧数

form内のdivのデータを送る方法はありますか?

form method = post 内のdivのデータを送る方法はありますか? 以下Laravelのコードです。 div id = "tetsuya" を送りたいのですが良い方法はありませんか? hidden使って入れ込むしかありませんか? <form method="post" action={{ route('output')}}> ...
flow Stack's user avatar
0
0 回答
8,015 閲覧数

google driveに置いたhtmlファイルを開く場合リンク

googel work spaceで契約しているdrive上にhtmlファイルを「リンクをクリップボードにコピー」のリンクからhtmlファイルをオープンすると、ただのテキストファイルとしてオープンしてしまいます。 こんな感じ↓ これをブラウザで開く以下のようなアドレスになってしまいます。 file:///G:/マイドライブ/xxx/xxx.... ...
次郎三郎's user avatar
0
0 回答
1,100 閲覧数

too many values to unpack (expected 2)のDjangoFormのデータ抽出について

Djangoのポートフォリオサイト作成として、 現在、サッカーゲームサイトの作成を目指して、プログラム作成を行っております。 同じ内容で既に teratail でも質問しています が、 回答が得られなかったこともあり、本サイトに質問させて頂きました。 views.pyの「skill_form」へのリスト化し、 格納までは、print(skill_form)にて確認が取ることが出来ましたが、 ...
hase m's user avatar
  • 3
0
0 回答
899 閲覧数

inputのvalueが取得できない

検索ボックスでエンターキーを押した時に入力された値を元に検索をかけるという処理があります。 下記htmlをヘッダー内に2つ 記載しているのですが、menu-search-wrap-hdクラスの検索ボックスで値が取得できないという状況に陥っています。 javascriptは通っています。 クラスぐらいしか2つの際はないように感じるのですが、何が原因で値が取れないのかが不明です。 ...
magu's user avatar
  • 27
0
1 回答
698 閲覧数

html ファイルから include で php ファイルの呼び出しが動作しません

htmlファイル上でphpを有効にしています。 しかし、includeでtxtファイルは呼び出せますがphpファイルが呼び出せません。 レンタルサーバに問合せたところ、.htaccess 上で設定可能、回答範囲外とのこと。 実行環境: php 7.4 .htaccessの記述(該当部分) AddType application/x-httpd-php .php .html htmlファイルの記述(...
eclwpc4's user avatar
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; ...
kisetu's user avatar
  • 185
0
0 回答
120 閲覧数

replitでのサイトにgoogle広告は掲載可能ですか?

replitを使ってサイトを作っておりgoogle広告で稼ぎたいなーと思い審査してもらっているのですが、サブドメインがダメらしく目的のサイトを登録できません。 replitのサイトでgoogle広告はできるのか、またできるのであれば方法を教えてください。
orangekun's user avatar
0
0 回答
807 閲覧数

選択された曜日によって表示する時間を変更したいです。

現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。 実現したいこと 選択された曜日によって表示する時間を変更したいです。 コードにも書いてありますが、 例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
tomoya takinami's user avatar
0
0 回答
941 閲覧数

GASにおけるformタグaction属性の自動指定

GoogleAppsScriptとhtmlでアンケートフォームを作成し、回答をスプレッドシートに記録しています。 index.htmlに記載するformタグaction属性👇ですが、 <form method="post" name="form1" action="$フォームURL$"> ...
初心者にゃんこ's user avatar
0
1 回答
123 閲覧数

wagtail (Django)でブロック化した画像が表示されない。(文字のみ表示)

質問内容 wagtailを用いてウェブアプリケーションを開発しています。コンテンツ表示のために名前やリンクなどをブロック化し、コンテンツモデルにインポート、HTML出力を考えています。名前などほかの情報は表示されるのですが、画像のみ表示されません。エラーもなく、画像の名前も文字として表示されているので特に問題はないと考えています。試行錯誤しているのですがわからないので、...
user47454's user avatar
0
0 回答
140 閲覧数

wagtailでhtmlで表示したい

質問内容 DjangoのInlinePanelを使ってwagtailで以下のモデルを実装してみました。 公式ドキュメントを参考に作成しました。管理者側はしっかりと反映されており、データを打ち込めるのですがユーザー画面に反映されません。(エラーは出ません。)そこでhtmlの書き方に問題があると考えます。具体的にはselfの部分が間違えているはずです。...
user47454's user avatar
0
0 回答
394 閲覧数

アップロードした SVG 画像が表示されない

コーディングの学習をしているものです。 自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。 ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。 原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。 ...
kuruma's user avatar
  • 1
0
0 回答
137 閲覧数

モバイルでアクセスしたときは、HTML階層構造を変更したい

パソコンとモバイルでWebレイアウトを分けたいです。 display:flex;のorderプロパティやメディアクエリを試してみたのですが、どうしてもうまくいきません。 HTML階層構造が異なるからだということに気が付きました。 モバイルでアクセスしたときだけ、HTML階層構造を変更することはできますか? PCからのアクセスを想定。前提となるhtml <div class="...
re9's user avatar
  • 6,784
0
1 回答
132 閲覧数

動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい

クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。 cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。 コードは以下 <!DOCTYPE html> <html lang="ja"> <head> <meta ...
wan's user avatar
  • 25