HTML5に関連する質問一覧

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

0
video、imgタグを含めたスライドショーで、動画のみ最後まで再生させたい

bxSliderを使ったスライドショーを作成しています。スライドのひとつに動画を含めたもので、動画は最後まで再生させ、画像は3秒で切り替えたいです。恥ずかしながらjavascript初心者でして、どのような記述が必要か、ご教示いただけませんでしょうか。 <div id="slider"> <div class="photo"><img src="images/hero-
- JavaScript
- jQuery
- HTML5
- 0評価
- 0クリップ
- 49PV
teratailが 10時間前にアップデート
解決済

回答

2
HTMLテーブルを1px線で描き、外枠の色だけを変えたい

発生している問題 HTMLテーブルで、線の太さを1pxに統一して外枠線の色だけを変えたレイアウトを作成したいと思っています。それを意図したhtmlを記述しましたが、結果は以下の画像のような表示になってしいます。 <!DOCTYPE html> <html> <head> <style> table { border: solid 1px red; border-collapse :
- HTML
- CSS
- CSS3
- HTML5
- 0評価
- 0クリップ
- 80PV
ku__ra__ge 11時間前にコメント
解決済

回答

1
CSSでヘッダーをposition:fixedで上部に固定するとレイアウトが崩れる

前提・実現したいこと CSSでヘッダーをposition.fixedを使って固定したいです。またその際に記述するCSSコードを理解しどういった事象においても、柔軟に対応できるようになりたい。なお、当対応においては、相対的な単位を用いてどんなデバイスでも同じルールに基づいて表示できるようにしたいと考えています。よろしくお願いします。発生している問題・エラーメッセージエラーメッセージ
- CSS3
- HTML5
- 0評価
- 0クリップ
- 42PV
Lhankor_Mhy 12時間前にコメント
受付中

回答

1
while文で複数表示したボタンについて。最初にクリックしたものは一回で反応するが、違うボタンを押した時は２回押さないと反応しない

掲示板ポートフォリオをつくっているものです。like機能を実装したくSQLから取得した投稿とユーザをwhile文でその分取得して同時にLikeボタンも表示させてクリックしたらボタンの色の切り替えと、Likeの情報を非同期でPOSTしてます。うまくいかない動作として、タイトルの通り1回目ボタンをクリックした時は問題なく色が変わりPOSTさせることができますが、while文で複数作った他のボタンをク
- PHP
- JavaScript
- CSS
- HTML5
- 0評価
- 0クリップ
- 66PV
fuyukixxx 13時間前にコメント
解決済

回答

1
slickでビューポート幅に合わせて画像を切り替えたいです。

前提・実現したいこと dream weaverを使用し、レスポンシブ対応のウェブサイトを作成しています。 slickを使い、100vw,100vhで画面いっぱいのスライドショーを作成しようと思っています。その際にスマホ版の時とpc版の時で画像が荒くなるのを避けるため画像を切り替えたいです。発生している問題・エラーメッセージ srcsetを使用し、ビューポート幅に合わせて画像切り替えで
- HTML
- CSS
- HTML5
- 0評価
- 0クリップ
- 43PV
kinako2 17時間前に回答
受付中

回答

1
PHPで最新記事をリストで表示させたい

前提・実現したいことＰＨＰで新着記事を表示し、日時と文章を表示させたい発生している問題・エラーメッセージエラーメッセージ該当のソースコードファイル名：admin.php ＰＨＰ <?php $db=new PDO("mysql:host=localhost;dbname=aisya","aisya","yuta"); if(!empty($_POST["flag"])){ $bo
- PHP
- CSS
- HTML5
- 0評価
- 0クリップ
- 54PV
m.ts10806 19時間前に回答
解決済

回答

3
セッションスコープの取得とは。Java Servlet JSP

Sessionスコープに登録ユーザーを保存する時の話なのですが、ある参考書での話で、その時の構文に違和感を感じております。実際のコードは後述しておりますのでそちらを参照ください。・セッションスコープの取得・セッションスコープに保存という言葉があり、後述しているコードはこの順で記載しております。私はどうもこれが逆なのではないかと思っています。保存したところから取得するのでは
- Java
- Eclipse
- HTML5
- JSP
- servlet
- -1評価
- 0クリップ
- 247PV
K_3578 20時間前にコメント
受付中

回答

0
navの文字位置を固定したい

navをクリックすると背後にふわふわ動く画像が出るようにして、クリックしたところだけにその画像が出るようになったのですが、クリックすると画像が出ると同時にnavの文字が横に移動してしまって不自然になってしまいます。 divに画像を入れているのでdivが出現するたびに文字が動いているような気もするのですがmarginをいじってもあまり意味がなくて困っています。ご教示くださいますと幸いです。
- jQuery
- CSS3
- HTML5
- 0評価
- 0クリップ
- 43PV
teratailが 1日前にアップデート
解決済

回答

1
monacaの最小限のテンプレートでjQueryが読み込めない

発生している問題・エラーメッセージ monacaでcanvasを使用したツールを作りたいと思い、操作を楽にするためにjQueryを導入しようとしています。しかし、JS/CSSのコンポーネントにjQueryを追加しても、jQueryの公式サイトからjqueryの最新バージョンのjsファイルを直接ダウンロードしても、読み込めていないのか動作せず困っています。エラーメッセージ↓ Uncaug
- JavaScript
- jQuery
- HTML5
- Monaca
- 0評価
- 0クリップ
- 61PV
DIST_ 1日前にコメント
受付中

回答

0
VScodeの拡張機能でクラス名を補完する際、余計なステップを省きたい

前提・実現したいこと VScodeの拡張機能、IntelliSense for CSS class names in HTMLを利用し、予め用意されているクラス名の一部を入力して一覧を表示し、希望するクラス名を選択したい。発生している問題各要素をHTMLタグで閉じ、VScodeの入力補助でclass=""まで入力し、カーソルは自動的にダブルクォートの間に置かれます。この状態からクラス名を
- CSS3
- HTML5
- 0評価
- 0クリップ
- 90PV
arifumi 1日前に質問を編集
解決済

回答

1
クリックすると動く画像がリンクの背後に出てくるナビを作りたい

activeのような、クリックすると背後に揺れる画像が出るナビを作るのに苦労しています。揺れる画像を単に背後に出すだけはできたのですが、クリックする前は非表示、クリックしたリンクにだけ現れるようにするのがよくわかりません。今のコードはこんな感じです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8">
- CSS
- HTML5
- -1評価
- 0クリップ
- 69PV
Lhankor_Mhy 1日前にベストアンサー
解決済

回答

4
Chromeで<input type="date">にIMEを通して入力しようとすると、フォーカスが外れる問題

困っていること Chromeで、<input type="date">にIMEを通して入力しようとすると、入力できない上、フォーカスが外れてしまい困っています。ポイントとしては、以下の通りです。 <input type="date">にIMEがoffの状態で進入すると、「半角／全角」キーを押してもIMEはonにならない（←別に問題はない）。言語バーからIMEをonにすることはできる（←別に問
- Chrome
- HTML5
- 1評価
- 0クリップ
- 2978PV
int32_t 1日前に回答
解決済

回答

1
background-imageで画像が思うように表示されない

下記画像のように、薄いピンクとグレーがかったピンクの背景を表示したいのですが、表示できないです。検索で出てきた解決法はやりましたが、画面の一部にのみ表示されたり、小さいなど添付した画像のような仕上がりにならないです。是非、ご教示頂けますでしょうか。よろしくお願い致します。 <div class="banner"> <div class="banner
- HTML
- CSS
- CSS3
- HTML5
- 0評価
- 0クリップ
- 82PV
hiro212 1日前にベストアンサー
解決済

回答

1
HTMLのabsoluteが理解できない

下の画像がめいいっぱい！？ cssでpositonをrelativeからabsoluteに変更してみたところ、HTMLで記述した下のセクションタグの画像が画面いっぱいに表示されました。ググったりしましたが、ちょっとよく分かりません。。ちなみに該当の場所はcssの.content {}のpositionです。該当のソースコード <!DOCTYPE html> <html> <head>
- CSS3
- HTML5
- 0評価
- 0クリップ
- 109PV
saka_ 1日前にコメント
解決済

回答

1
HTMLのフレームの名称はどこで定義されているのか

画像は、Yahoo知恵袋（https://chiebukuro.yahoo.co.jp/）をIEで表示し、F12開発者ツールのコンソールタブを開いたものです。（Yahoo知恵袋を例に挙げていることには特に理由はありません。ご回答の際も任意のページを例にしていただいて構いません。）右上にターゲットフレームと呼ばれるプルダウンがあり、ここでコンソールのターゲットとなるフレームを選択できるようです
- HTML
- HTML5
- iframe
- Internet Explorer
- 0評価
- 0クリップ
- 415PV
NaK310 1日前にコメント
解決済

回答

1
wordPress header.phpに貼る固定ページへのリンク記載方法

お世話になっております。制作中のwordPressサイト「 https://lovebuzz.tokyo/aoba/ 」の制作で行き詰まっております。表題の通りですが、現在は「当院で働きたい方」のli aの="#" その直下のul li a="#" ＊2にも同じリンクを貼りたいと思っています。 :::貼りたい側::: IDは12で固定ページのファイル名は「page-recruit.p
- PHP
- CSS3
- HTML5
- WordPress
- 0評価
- 0クリップ
- 78PV
ema-material 1日前にコメント
受付中

回答

1
HTML5、videoタグでsrcが中途半端に読み込まれるのを検知するには？

Gatsby.jsでサイトを作成中。 <video type="video/mp4" preload="metadata" controls src='http://example.com/xxx.mp4' /> 上記のようなvideoタグでサイトの中に動画を表示しています。ときどきですが、動画が正常に再生されないことがあります。 30秒の動画なのに、0～1秒程度だけ再生
- JavaScript
- HTML
- HTML5
- HTTP
- HTTPヘッダー
- 0評価
- 1クリップ
- 150PV
runnynose 2日前にコメント
解決済

回答

1
wordPressの投稿ページ（新着ニュース）の一覧の表示urlについて

お世話になっております。表題の通りなのですが、伝わりづらいかと思いますので、きちんと説明いたします。 WordPressにてサイトを実装中です。トップページ・固定ページ・投稿ページなど問題なく動作しております。参考にしたWeb記事 https://webst8.com/blog/wordpress-theme-howto-make/ https://kaminarimagazin
- PHP
- CSS3
- HTML5
- WordPress
- 0評価
- 0クリップ
- 85PV
ema-material 2日前にベストアンサー
受付中

回答

1
【HTML・CSS 】HTML各要素のプロパティの解釈について

HTML各要素は全てのプロパティにおいて何らかの値がセットされており、ブラウザのデフォルトCSSが適用され、更にリセットCSSが適用される…という認識は合っていますでしょうか？＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝例）bタグ（ブラウザはChromeで一般的なリセットCSSが適用されている想定）ルート要素のhtml要素にfont
- HTML
- CSS
- CSS3
- HTML5
- 0評価
- 0クリップ
- 162PV
Lhankor_Mhy 2日前にコメント
解決済

回答

2
【HTML/CSS】aタグのwidthおよびheightについて

下記のコードについて質問です。以下は、①aタグ内にdivタグを配置した場合、②aタグ内にimgタグを配置した場合、です。 aタグはdisplay:inlineの要素であり、widthの初期値はautoでheightの初期値もautoであり、内容物によってwidthとheightが定義されると思っていたのですが、検証ツールで調べたところ、想定と異なっておりました。参考サイト： https:/
- HTML
- CSS
- CSS3
- HTML5
- 0評価
- 0クリップ
- 268PV
teratail20 3日前にコメント