[html] タグが付いた質問
HTML(エイチティーエムエル)とは、ウェブ上の文書を記述するためのマークアップ言語である。文章の中に記述することでさまざまな機能を記述設定することができる。
1,165
件の質問
0
票
0
回答
70
閲覧数
直観的にカードをドラッグ&ドロップで移動できる処理
カードをドラッグ&ドロップして、直観的に移動できるようにするにはどのような処理を書けばいいでしょうか?以下のサイトのようにしたいです。また、この処理に適したおすすめのライブラリがあれば教えてください サイト
1
票
1
回答
133
閲覧数
画像をクリックしたら表示されるモーダルウィンドウを実装したい
写真掲載サイトを作っています。
元々はクラス名に連番がついていないコードだったのですが、載せた写真全てに対してそれぞれ異なるモーダルウィンドウを表示させたかった
(写真1にはモーダルウィンドウ1、2には2・・・)ので連番を付与しました。
その結果、写真が一枚しかない状態ならば下記コードでも問題なく動くのですが、
画像が複数枚ある場合、2枚目以降はクリックしても反応しなくなってしまいました。
(追記....
-4
票
0
回答
145
閲覧数
コードを作成できますか?
HTMLコードを読み込み画面上に追加でき、HTMLコード内の要素をすべてCtrl+右クリックで移動、Ctrl+Shift+右クリックで削除できそのインポートしたhtmlファイルは記憶されるというウェブアプリケーションを作成したいのですがいい情報にたどり着けませんでした。誰かコードを作成してほしいです。
これの目的は
例えばCLOCK.HTML BANK.HTMLがあった場合
...
0
票
0
回答
65
閲覧数
マルチスライドを自動でスライドさせたい
javascriptを使用して左右に配置した画像を上下対比するように自動スライドさせたいです。
また、より良い作成方法があれば教えていただきたいです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta ...
-4
票
1
回答
264
閲覧数
運営しているWebサイトに「/if(now()=sysdate(),sleep(15),0)」からアクセスがあったのですが、何らかの対策は必要ですか?
運営しているWebサイトに「/if(now()=sysdate(),sleep(15),0)」からのアクセスがあったのですが、対策は必要ですか?
「/if(now()=sysdate(),sleep(15),0)」からの攻撃? が成功している場合には、どうなるのですか?
アクセスがあったURL
https://example.com/if(now()=sysdate(),sleep(15),0)
※...
0
票
2
回答
245
閲覧数
配列内合計同士の計算を合算したい
A商品合計の計算結果の配列とB商品合計の計算結果の配列を合算したいのですが表示されません。
恐らく全くこのソースではダメだと思うので簡単でいいのでサンプルソースを頂ければ非常に感謝いたします。
親切な方々の投稿に期待いたします。
元のソースコード:
<!DOCTYPE html>
<html>
<head>
<title>数値計算</...
0
票
1
回答
69
閲覧数
Python + Selenium で h2 要素の位置を特定して、ある部分だけの h3 要素を取得したい
ソースコードが以下のようになっているサイトがあり、Python + Seleniumで
h2タグの id="bb" 配下にある h3タグの yy1,yy2 の要素だけを取得したいです。
親クラスやセクションで特定できないため、xpathなどで指定できません。
htmlのh2要素のidだけで位置を特定して、そのid=bbとid=...
0
票
1
回答
103
閲覧数
cssのdisplay:gridで文字がはみ出てしまう
「りんご」の文字がはみ出て変な位置に表示されてしまいます。
lineクラスのheight指定を消すと正しい位置に出力されるのですが、垂直線をboxの上から下まで引きたいので、height指定を消す事はできません。
垂直線を上から下まで表示し、りんごを正しい位置に表示するにはどうすれば良いでしょうか?
(grid layoutもそのまま使いたいです)
.container {
...
0
票
0
回答
189
閲覧数
webアプリケーション利用者が入力した英数字をURLパスにしたページを生成する方法
下記のようなものを実装したいので、コードと方法、仕組みを教えていただけますでしょうか。
できれば、JavaScriptを使用したいと思っていますが、無理なら違う言語でも構いません。
①利用者がURLで使用可能な10字以内の英数字を入力
②それをもとにhttps://example.com/mypages/利用者が入力した英数字
というページを自動生成
③利用者が今いるページから②...
2
票
2
回答
116
閲覧数
`q` 要素に個別に lang を設定したいが、親要素に設定する必要があるようにみえる
Linux 上の firefox, chromium で確認しています.
HTML で q タグを使うときに,これらのブラウザはうまく引用符をつけてくれ,css などで何も設定がないと, html の lang を見てくれるようです.(例えば <html lang="ja"> な文章の中で <q>引用</q> があると,「引用」...
0
票
0
回答
25
閲覧数
ONE BOOK 3Dで特定のボタンの削除
ONE BOOK 3Dで特定のボタンを削除することはできますか。
jQueryPluginをダウンロードして、Html、CSSでカスタマイズしています。
jsは触っていません。
jsの知識が疎いこともあり、ダウンロードボタンと拡大ボタンを非表示かつクリックもできないようにしたいのですが
どのファイルの修正が必要で、どこをどのように記述すれば実現できるか分かりません。
▼削除したい両端のボタン
1
票
1
回答
378
閲覧数
一部サイトがiframeで表示できない
以下のコードで左は表示されますが、右は「接続が拒否されました。」と表示されます。どうしたらよろしいでしょうか?
因みに、Chrome拡張機能でサイトをブラウザ内で左右に表示し、左を日本語、右を英語といったことをやろうと思っています。
body {
display: flex;
justify-content: center;
align-items: center;
...
-1
票
1
回答
156
閲覧数
背景画像の上に要素を並べたい
header部分の背景画像の上に<h1>の要素と<ul>の要素を配置したいのですが、position:relative;をbg-imgに適用し、position:absolute;を背景画像上に置きたい<h1>や<ul>要素に適用したのですが反映されません。どうしたら良いでしょうか?下記がheader部分のHTMLとCSSのコードです。...
0
票
1
回答
197
閲覧数
レスポンシブでposition:fixedをかけると横幅がはみ出す、更にスクロール時に要素全体が固定されず半分になる
レスポンシブでmax-widthは390pxです。
.header_innerにposition:fixedをかけると横幅が右にはみ出してしまいます。
(fixedをかける前は収まっていた)
更にスクロール時に要素全体が固定されず半分になってしまいます。
(上に少し移動してしまう)
レスポンシブの確認方法はGooglecharmの検証ツールを使っています。
下記レスポンシブのcssです。
...
0
票
0
回答
100
閲覧数
背景画像に文字を重ねたいです
上から2枚目の画像にMENUという文字を重ねたいのですがposition:absolute;やposition:relative;を使ってやってみたのですが反映されません。
又、本来上の背景画像と下の背景画像は違う写真なのですが、同じ画像が反映されてしまいます。こちらも解決方法わかりますでしょうか?よろしくお願いします。
HTMLソース
<!DOCTYPE html>
<html ...
0
票
1
回答
75
閲覧数
Masonryレイアウトを実現したい
コーディングについて質問です。
画像のようなレイアウトはどのようなHTML,cssで作れるのでしょうか。
box内はリストになっていて、アコーディオンの項目があったりなかったりで可変的です。
下記のcssだと2カラムにはなりますが、トップが2boxずつ揃ってしまいます。
ご教授いただけますと幸いです。
追記:
Masonryレイアウトということに辿り着いたのですが、...
0
票
1
回答
224
閲覧数
PHPで作成した問い合わせフォームをGメールに送るにはどうすればよろしいでしょうか?
PHPで作成した問い合わせフォームからメールが送信できない
上記にあるコードを利用させて頂いて、私のGメールのアドレスにメールを送ろうとしているのですが、
メールが送られません。
問い合わせ内容を送信すると「hello」とは出力されるのですが、肝心の問い合わせ内容がGメールに来ません。
どのようにすればよろしいでしょうか?
htmlのコード
<html lang="en"&...
-2
票
2
回答
130
閲覧数
dd部分のレイアウトずれの修正方法について教えてください
以下のHTMLにおいて、<h2 id="company" class="conpanylogo">内のdd部<dd>プロモーション企画・制作</dd><dd>ソーシャル企画・運営</dd>の部分だけが、他のdd部分のように行頭が揃いません。
行頭を揃えるにはCSSでどう編集したら良いでしょうか?...
-3
票
1
回答
133
閲覧数
<p>タグの中の各文字列の行頭を揃えたい
<p>タグの中の各文字列の行頭を揃えたいです。
以下、HTML および CSS の footertext p 部分が該当の個所です。
色々と調べてみたのですが、よくわからない為わかる方ご教授ください
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset=...
-1
票
1
回答
93
閲覧数
指定の要素を右端に寄せたい
以下の部分を右端に寄せたいです、わかる方いらっしゃいましたらご教授ください。
footertext部分の <p>Web Entertainment Design Inc. West Building 3F 9-99 Sakuragaokacho Shibuya-ku Tokyo, Japan 150-0031 T/99-9999-9999</p>
HTML
<!...
0
票
1
回答
150
閲覧数
OnChange + submit functionを使って、別フレームの情報をアップデートする方法
phpで簡単なWebsiteを作成したいです。
現在困っている点は、OnChange + submit functionを使って、別フレームの情報をアップデートする方法で、ここで質問させていただきます。
先にトイモデルを示して、その後に困っている箇所を示します。
トイモデルとして3つのphpを作成しました。
以下のように設定しております。
<framework_test.php>
&...
1
票
1
回答
120
閲覧数
HTML要素の内容を省略表示したい
HTMLで要素をまとめて(?)いる画像にある・・・のようなものはどうやったら実装できますか?
コードが長くなるのをまとめているのかなと思いますが、検索しても答えがヒットしないのでお力添えいただきたいです。
よろしくお願いいたします。
例:
1
票
2
回答
212
閲覧数
特定の画面サイズを下回った場合に特定のスタイルを適用したい
特定の画面サイズを下回った場合に、テキストの部分を画面幅いっぱいに広げたいのですがうまく広がりません。
以下のコードHTMLにおいて、<div class="info">の<p>の部分が該当箇所です。
見本サイト: https://code-jump.com/demo/html/ec/#
@charset "UTF-8";
.header {
...
1
票
1
回答
156
閲覧数
ulタグの中に入った子要素li要素を画面の両端に寄せたい
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>TOTALLY</title>
<meta name="description" content=...
0
票
0
回答
234
閲覧数
ポートフォリオ・過去作品は具体的のどういうものを作成すればいいのでしょうか?
クラウドワークスなどでWebページのデザイナーやコーディングの仕事案件の募集をみると、「ポートフォリオ」とか「過去作品」を募集者に見てもらい、採用/不採用を決めるようです。
しかし私はまだ未経験で、HTML/CSSやJavaScriptを勉強している段階です。
ポートフォリオがなんであるかは、下記の質問をみて大体はわかりました:
Web開発のポートフォリオ作成手順と学習内容について
...
0
票
1
回答
261
閲覧数
EdgeからIEを開く方法は?
新旧システム移行中のため、古いシステムはIE、新しいシステムはEdgeで起動する別々のアプリケーションがあります。
IEはEdgeのIEモードではなく、純粋なIEが要件です。
親画面Edgeから子画面をIEで開く要件があるのですが、EdgeではActiveXコントロールが許可されておらず、以下のようなJavaScriptはエラー(ActivXObject is not defined)...
1
票
1
回答
99
閲覧数
HTML5とCSS3を使って写真を互い違いに配置した後、横にチャット風メッセージを挿入し、レスポンシブ(スマホ)対応にしたい
PC用デザインでは、一番上に写真が左、メッセージと人物アイコンが右に配置、二番目に写真が右で左がメッセージと人物アイコンが右、三番目に写真が左、メッセージと人物アイコンが右に配置されるようなデザインにしました。そのあと本画像のような上が写真でメッセージと人物アイコンが下になるようにスマホ対応画面にしたいと思っています。どうしたら画像のような画面を再現できるでしょうか?
...
0
票
0
回答
50
閲覧数
flex-wrapで、下層の要素から優先して折り返されるようにしたい
レスポンシブデザインを作成している途中で嵌まってしまったので、質問させていただきます。
display:flex;を親要素とその子要素に設定した状態で、ウィンドウの幅を狭めた時、下層の要素から先に折り返されるようにするにはどうすればよいですか?
コード例を提示します。
まず親要素.rootおよびその子要素.column(複数)、さらに.columnの子要素(孫要素)に.item(複数)があります。
...
1
票
0
回答
80
閲覧数
HTMLに「OneTrust Cookie」を記述するとiframeが表示されなくなってしまう解決方法について
HTMLに「OneTrust Cookie」を記述するとiframeが表示されなくなってしまうため、解決方法を教えていただきたいです。
前提
・Youtubeの動画をiframeタグで埋め込んでおります。
・OneTrustのスクリプトをheadタグ直前に記述しております。
・OneTrustは私の方ではいじっておらず、共有されたものになります。(OneTrustの知見がございません。)
解決方法
...
0
票
0
回答
107
閲覧数
doxygenを使用してHTMLとCSSのドキュメントを作りたい
doxygenを使ってドキュメントを作成しています。
その中でHTMLと CSSのコード内にdoxygenの特殊コマンドを書いても認識してindex.htmlを作成してくれません。
JavaScriptは特殊コマンドを書いて実行するとドキュメントに反映されて関数や変数の説明がindex.htmlに反映されます。
...
0
票
0
回答
97
閲覧数
時系列ごとにメッセージを表示する方法を教えて欲しいです。
課題:時系列ごとにメッセージを表示する
1対1でメッセージをやり取りするメッセージアプリをRailsで作成中です。
やりたいことは、ユーザー一覧画面でユーザーを選択して、選択したユーザーの詳細画面でメッセージ投稿して、そのユーザー詳細画面でメッセージを表示したいです。
ユーザー詳細画面で送信ユーザーと受信ユーザーがどちらもメッセージを見れるようにしたいです。(...
0
票
0
回答
119
閲覧数
ウェブサイトのためのフィルター機能が豊富なデータテーブルライブラリ
ウェブサイトに検索が優れた表を載せようと思います。
希望条件
それぞれの行に対して検索できる
ソート可能
それぞれの行に対してスライドバーによる範囲指定ができる
全てを満たさなくても良いので、高機能な表ツールをお願いします。
0
票
0
回答
49
閲覧数
スパム対策でwebサイトのウィジェット内でメッセージ送信に制限を設ける方法
expressで作ったwebアプリにbotpressのAIチャットボットを埋め込む予定です。
botpressのメッセージ送信数に2000回という制限があるため、ユーザーが一定回数メッセージを送ると、他のページに遷移し、チャットのページに戻れなくする仕組みを作りました。
しかし、botpressのイベント検知はhtmlのscript内で行うので、...
0
票
0
回答
164
閲覧数
WEBスクレイピングのログイン処理
WEBスクレイピングでログインまで自動化したいのですが、ログインボタンの要素が見つからず困っています。
canvas要素上の処理であることは確認できましたが、どうログイン処理を記述するかで詰まりました。
座標を具体的に指定して組めはしましたが、異なる端末環境で使用する予定の為あまり意味がありません。
JSから数値取得して座標指定するといったことはできるのでしょうか?
VBA/...
1
票
0
回答
289
閲覧数
Reactのinputタグで一文字ずつ確定され「テスト」が「tえst」と入力される
Reactで下記のようなinputを作成し、入力値をオブジェクトの状態変数で管理しています。
ただ、inputタグに「テスト」と入力すると「tえst」と入力され、一文字入力するたびに確定されるためカタカナや漢字への変換ができません。
何か考えられる原因等ご存知の方がいらっしゃいましたら、ご教授いただけたら幸いです。
コード
const [userParams, setUserParams] =
...
0
票
1
回答
154
閲覧数
overflowとhoverの使い方
現在サイトを模写しています。(該当サイト→ https://demo.tcd-theme.com/tcd050/ )
その中で「絶景の湯宿。美味に舌鼓。全国おすすめ温泉地特集!」の部分の実装方法がイマイチ理解できていないので解説をして頂きたいです。
現在わかっていること
画像をhoverしたら横から文字が表示される。
文字と画像に対してposition: abusolute;が使用されていること。...
1
票
1
回答
257
閲覧数
Google Colab上で計算結果をhtmlに変換したい
Google Colab上で新規の計算結果をhtmlに変換する方法を知りたいです。
まず現在行っていることを記入します。
run.ipynbとtest1.ipynbの2つを持っています。
run.ipynb
%run test1.ipynb
!jupyter nbconvert --to html test1.ipynb
(test1.ipynbを一回計算させて、test1....
1
票
1
回答
102
閲覧数
スクロールできるときのhtml要素の高さがブラウザの画面の高さと同じにならないのでなぜですか?
html要素よりも大きなボディがあるとhtml要素にはスクロールバーが作られますが、なぜhtml要素の高さはスクロールバーがあるにもかかわらずbodyと同じ高さになるのでしょうか?
画面の高さをスマホ想定で586にしましたがhtmlはbodyと同じ1700になってしまいます。本物のスマホのブラウザーだと違う結果になりますか?
...
1
票
1
回答
107
閲覧数
フォームのラベルをinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません
フォームのラベルをフォーカスされたときにinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません
今のソースコードはこのようになってますが問題があります
1つはフォーカスしていないときでもラベルが非表示になっていないことです。どのようにすればうまく実装できるのかわかりませんでした
2つはラベルが2つありますが、2つとも同じ位置に行ってしまうことです。...
1
票
1
回答
296
閲覧数
Canvasに描かれたボタン要素をデベロッパーツールで取得したい
Google chrome のデベロッパーツールを使用しています。
サイトのログインボタンの位置情報を取得したいです。
ログインボタンがcanvasタグで描かれている場合、このcanvas上のログインボタン図位置にポインタがあることをどう判断させているのでしょうか?座標情報・要素情報が見つからずです。。
ご教示ください。
0
票
2
回答
146
閲覧数
opacityアニメーションが背景にかからない問題
LPを作っておりそこでopacityで透明度操作することが必要だったのですが、背景にopacity加工がかからず透明にならない状態です
他の加工もうまくかからないのですが、この件どなたか解決策をご存知でしょうか?もしCSSだけで解決不可の問題でしたらJavascriptを使っていただいてもかまいませんので、どうぞよろしくお願いいたします。
body {
animation: ...
2
票
2
回答
193
閲覧数
WebBluetooth APIにて21文字以上のデータをmicrobitへ送信できない
概要
WebBluetooth APIを用いたBLE通信を介して、ブラウザ上(HTML&javaScript)からmicro:bit(MakeCode)にデータを送る際に、何故か21文字(終端文字含む)以上のデータをmicro:bitに送ることができず、困っています。
検証
ブラウザ側のコードの全文はこちらです。
https://gist.github.com/henjin0/...
0
票
3
回答
1,212
閲覧数
サイトを丸ごとダウンロードしたい
全くの素人です
このサイトをそのままの形で保存したいのですが
https://goodsmileshop.com/ja/
HTTrackで行ったら、商品ページまで保存できずに終わり商品の画像も表示されません
そこでwgetで
wget -p -k --mirror --page-requisites --html-extension --convert-links --restrict-file-...
-1
票
1
回答
411
閲覧数
画像リンクを作り、リンク先に飛んだら、ドメインが2つに増えて404エラーが出てしまう
WindowsでVScodeでポートフォリオを作成している初心者エンジニアです。
画像リンクを作り、リンク先に飛んだら、URLのドメインが2つに増えて404エラーが出てしまいます。
例:
https://example.com/example.com/apple
aタグのhrefを改善したり、検索してみたりしたのですが、検索の仕方が悪いのか出てこず此方で力を借りようと思った所存です。
...
2
票
1
回答
150
閲覧数
兄弟要素がない場合、CSSかJavascriptで指定要素を非表示にできますか?
現在のhtml
<main>
<h2>あ</h2>
<section></section>
<section></section>
<section></section>
<h2>い</h2>
<section></...
1
票
0
回答
225
閲覧数
入力値の前後の空白を削除し、文字列の比較を行いたい
前提
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String param1 = request.getParameter("param1");
String ...
1
票
1
回答
355
閲覧数
chromeでモーダルを表示後、何も操作せずにescキーで閉じるとcancelイベントが発火しない
dialog要素ではESCキーを使ってダイアログを閉じた場合にはcancelイベントが発火すると思うのですが、
showModalメソッドで表示後、ダイアログをクリックしたりせずにそのままESCキーを押すと、
ダイアログは閉じられますが、cancelイベントが発火せずcloseイベントのみになります。
表示されたダイアログを一度クリックしてからESCキーを押すと、cancelイベントが発火し、
...
2
票
3
回答
482
閲覧数
HTMLのリンクを左クリックするとJavaScriptが実行されるのに、右クリックしてから新しいタブで開くとJavaScriptが実行されないのはなぜ?
下記コードで、HTMLのリンクを左クリックするとJavaScriptが実行されるのに、リンクを右クリックしてから新しいタブで開くとJavaScriptが実行されないのはなぜ?
function hoge(a,d){
var form = document.createElement('form');
document.body.appendChild(form);
var ...
0
票
0
回答
560
閲覧数
【ラジオボタンの選択保持】「送信」ボタンを押した後でも、選択保持をしているラジオボタンを制作したいです。
実現したいこと
ラジオボタンの選択保持
前提
この質問はマルチポストです。
下記URLでも質問しています。
https://teratail.com/questions/9pkuzcnadxkgq6
プラグイン「WCFM」商品編集画面の「金額」の項目をテキストボックスからラジオボタンに変更しています。
「送信」ボタンを押した後でも、選択保持をしているラジオボタンを制作したいです。
...
0
票
1
回答
588
閲覧数
ボタンのhoverが効かない
hoverが効きません。
デベロッパーツールで、要素の状態を強制にすると適応はされますが
実際にカーソル当てるだけでは効きません。
また、.cartの要素をクリックしてもトップページに移動しないので
.cart a:hoverやz-indexで手前にくるように指定なども試しましてみましたが、効きませんでした。
よろしくお願いいたします。
.cart {
display: block;
...