回答数
気になる
-
ホームページでよく見かけるメニュー
添付画像はホームページ左上などによくある設定へのリンクやアカウントへのリンクだと思ってください。 この画像のように組みたいのですが、私には難しいです。 3 番目の人型アイコンと名前を中間あわせにしたいです。 わかる方おりましたら、教えてください (HTML) <nav> <ul> <li><a href=""><img src="sample01"></a><li> <li><a href=""><img src="sample02"></a><li> <li><a href=""><img src="sample03"></a>山田 太郎<li> </ul> <nav> (style) ul li { display: inline-block; } ul li a { display: block; color: #ffffff; }
質問日時: 2022/02/15 19:22 質問者: i-d-a-i
ベストアンサー
2
0
-
header と nav の隙間を埋めたい。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> h1 { font-size: 1rem; font-weight: normal; margin-top: 0; margin-bottom: 0; } ul { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; } header { background-color: rgba(100, 100, 100, 1.0); } .global-nav { background-color: rgba(52, 177, 174, 1.0); } </style> </head> <body> <header> <h1>ロゴ</h1> </header> <nav class="global-nav"> <ul> <li><a href="">トップ</a></li> </ul> </nav> </body> </html> <header> と <nav> に隙間ができるのですが、 原因はわかりません。 隙間を埋めたいのですが、 わかる方おりましたら、教えてください。
質問日時: 2022/02/15 16:52 質問者: i-d-a-i
ベストアンサー
4
0
-
P タグについての質問です
<!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="content-language" content="ja"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./layouts/statics/styles/style.css"> </head> <style> p { margin-top: 0; margin-bottom: 0; } /* Footer */ footer { padding: 15px 0; background-color: rgba(255, 255, 255, 1); } footer p { font-size: 11px; text-align: center; } </style> <body> <footer> <p>Copyright © 2022 Sample</p> </footer> </body> </html> 上記 footer p 内の文字サイズ 11px にしてるのですが、 Chrome で見ると footer p が 16px になってます。 footer p も 11px になって欲しいのですが。 わかる方、教えてください。
質問日時: 2022/02/14 16:07 質問者: i-d-a-i
ベストアンサー
4
0
-
HP作成 作成した画像を動画の上に配置したです。付属画像のような感じにしたいのですが、スマホのフチの
HP作成 作成した画像を動画の上に配置したです。付属画像のような感じにしたいのですが、スマホのフチの画像を動画の上に乗せて、 スマホの画面が動いているデザインを作りたいです。 どうしたらよいでしょうか? 今のままでは、何故か、スマホのフチの画像さえも表示されないです。元の動画の大きさは736×414です。アスペクト比はOK. 画像の元サイズは687×363pxです。 以下を提示しています。 ・動画単体のURL、 ・HPのURL ・画像のURL ・ソースコード をそれぞれ提示しています。 ●●ソースコードです。 <!DOCTYPE html> <html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="reset.css"> <title>ビデオ調節</title> <style> /* ビデオの配置 */ .test{ text-align: center; margin-top: 100px; margin-bottom: 250px; } /* ビデオの大きさを指定(絶対値のみしかできない) #videosize{}でもOK.絶対値のみ対応 */ .test video{ width: 700px; } /* 画像の大きさ調節 */ img.example1 { width: 100%; height: 400px; text-align: center; } /* 画像中央配置 */ .center{ text-align: center; } </style> </head> <body> <div class="test"> <video autoplay="" loop="" muted="" playsinline="" id="videosize"> <source src="https://rensyuu12.tokyo/PHPMailer/kk.mp4" type="video/mp4"> <img src="https://rensyuu12.tokyo/PHPMailer/sumaho.png" alt="[写真]" class="example1"> </video> </div> </body> </html> 動画自体のURL https://rensyuu12.tokyo/PHPMailer/kk.mp4 以下がHPのURLです https://rensyuu12.tokyo/PHPMailer/201.html 画像のURL https://rensyuu12.tokyo/PHPMailer/sumaho.png
質問日時: 2022/02/02 12:22 質問者: hayosato
ベストアンサー
2
0
-
HPの動画の横幅を小さくしたいです。 mp4の動画をHPに埋め込んだのですが、動画の幅を調節したくて
HPの動画の横幅を小さくしたいです。 mp4の動画をHPに埋め込んだのですが、動画の幅を調節したくて、.test{の中にwidth:30px;を追加したのですが、幅の大きさが変化しません。 なぜでしょうか? 作成してアップロードした動画の元のサイズは736×414です。アスペクト比もちゃんと計算して黒帯も出ていません。 html html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ビデオ調節</title> <style> .test{ text-align: center; object-fit: fill; } </style> </head> <body> <div class="test"> <video autoplay="" loop="" muted="" playsinline="" id="videosize"> <source src="kk.mp4" type="video/mp4"> </video> </div> </body> </html>
質問日時: 2022/01/31 11:28 質問者: hayosato
ベストアンサー
2
0
-
css ,videotタグ。ホームページに動画を埋め込んだのですが、左右に黒帯ができてしまいます。こ
css ,videotタグ。ホームページに動画を埋め込んだのですが、左右に黒帯ができてしまいます。この黒帯を無くしたいです。 ソースコードは下にあります。object-fit: fill;でも治りません。 動画は元は1280×720サイズで作成し、ホームページ用にサイズを小さくしてmp4に書き出しました。1280×720から896×414に変更、アスペクト比16:9でOK。 1280×720の時は黒帯はでませんが、サイズを896×414に変更してアップロードすると黒帯が出てしまいます。 動画編集ソフトで書き出しする時アスペクト比は自動で16:9になるので間違ってないと思います。付属画像参考 ●実際のホームページのURLは以下です (何故かアクセス制限が出て見れなかもしれませんので、ソースコードと付属画像も下に提示してます。) https://rensyuu.s205.xrea.com/rensyuu12.tokyo/PHPMailer/201.html ★参考にしたサイト動画の大きさ(デバイス別とアスペクト比)の参考サイト https://www.somethingfun.co.jp/video_tips/movie_resolution#:~:text=%E7%94%BB%E9%9D%A2%E3%81%AE%E8%A7%A3%E5%83%8F%E5%BA%A6%E4%BB%A5%E4%B8%8A%E3%81%AE,%E8%80%83%E3%81%88%E3%82%8B%E3%81%A8%E3%82%88%E3%81%84%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%E3%80%82 ★ソースコードは以下です。 <!DOCTYPE html> <html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ビデオ調節</title> <style> .test{ text-align: center; object-fit: fill; } </style> </head> <body> <div class="test"> <video autoplay="" loop="" muted="" playsinline="" id="videosize"> <source src="hgh.mp4" type="video/mp4"> </video> </div> </body> </html>
質問日時: 2022/01/25 11:11 質問者: hayosato
ベストアンサー
4
0
-
HTMLにて、ロード画面を作ったのですが、ロードが終わっても消えません。
ロード画面を作ったのですが、ずっとロード画面のままです。ロードが終わったら、ロード画面を解除するhtmlのコードを教えてください。
質問日時: 2022/01/24 18:39 質問者: zoe-yang
ベストアンサー
2
0
-
DreamweaverのCSSで、フォントサイズの「rem」を使う時と「px」を使う時がありますが、
DreamweaverのCSSで、フォントサイズの「rem」を使う時と「px」を使う時がありますが、remはどんな時に使いますか?
質問日時: 2022/01/23 18:59 質問者: きょもきょも
解決済
2
0
-
MP4ファイルが、HMTLにて、勝手に再生されます。
MP4ファイルを、HTMLにて、自動再生をできなくするタグを教えてください。
質問日時: 2022/01/23 15:44 質問者: zoe-yang
ベストアンサー
1
0
-
【HTML /CSS】ヘッダー右上のずれについて
ヘッダー左端にアイコン、右端にログインボタンを作成したいのですが、右上のログインボタンだけ20pxほど下にずれてできてしまいます。何度もコードを確認しましたが、見つからず…知見のある方助けていただけませんでしょうか。(Progate中級編の課題です。)
質問日時: 2022/01/17 23:06 質問者: xhino
ベストアンサー
1
0
-
webもしくはhtml
自分のサイトにアクセスした人のIPアドレスを自分に送るように出来ますか? もし出来るのならやり方を教えて下さい。
質問日時: 2022/01/04 21:04 質問者: rarararararararara
ベストアンサー
1
0
-
HTML初心者ですm(_ _)m ワードプレスにツイートのタイムラインを埋め込んだのですが表示件数を
HTML初心者ですm(_ _)m ワードプレスにツイートのタイムラインを埋め込んだのですが表示件数を5件にしたく ネットで調べたdata-tweet-limit="5"のタグを入れると エラーが出てしまいます。 ワードプレスではない他のエディターツールでは問題なく5件表示されるのですが、、、
質問日時: 2022/01/03 12:35 質問者: サンアイ
ベストアンサー
1
0
-
レンタルサーバーについて
レンタルサーバーについて質問です。 Conhawingでワールドプレスブログを開設して間もなく1年が経ちます。 更新日が近づき、Conhawingからメールで 【上記ドメインについては自動更新の設定が行われております。 このままお待ちいただければドメインは自動的に更新されます。】 と言う案内がありました。 その数日後にadmin@onamae.comというアドレスから ↓ 本メールは、ICANNのポリシーに基づき、レジストラよりWhois情報の ドメイン登録者(Registrant)情報にご登録のメールアドレス宛に送信させて いただいております。 ─────────────────────────────────── ドメイン名..................:●●●●●●.com 登録期限日..................:2022年01月31日 ─────────────────────────────────── 上記ドメインの有効期限が近づいております。 ドメイン更新をご希望の場合は、ドメイン管理者である会員様より更新手続き をお願いいたします。 ※ドメインを失効すると、当該ドメインのホームページやメールがご利用で きなくなります。 という連絡がきたのですが中を確認すると、お名前.Comからでした。 しかし登録した覚えがありません。 ただ、お名前.Comが案内しているドメインはConhawingと同じで、開くと自分のサイトに飛びます。 この二つのサーバーは関連性があるのでしょうか? お名前.Comに登録した覚えがないのでこのまま無視していいものでしょうか? よく理解できなくでこちらに質問させて頂きました。 詳しい方、どうぞ宜しくお願い致します。
質問日時: 2022/01/03 09:23 質問者: roms22
ベストアンサー
2
0
-
横並びのCSS
以下のdivタグ内のimgタグを横並びに表示するCSSは .container{ display:flex; } で合っていますか? <body> <section class="container cf"> <div class="hoge"><img src="img1.jpg" alt=""></div> <div class="hoge"><img src="img2.jpg" alt=""></div> <div class="hoge"><img src="img3.jpg" alt=""></div> <div class="hoge"><img src="img4.jpg" alt=""></div> </section> </body>
質問日時: 2021/12/27 17:13 質問者: オバケイ
解決済
1
0
-
HTMLのバリデーション処理
HTML5の入力値バリデーションを使用して、各入力項目のinputタグを記述する場合、 以下のような感じで合っていますか? 各項目のチェック条件 ・氏名:必須チェック ・郵便番号:必須チェック、半角数字3桁、半角ハイフン、半角数字4桁の形式(例:123-4567) ・年齢:必須チェック、半角数字のみ入力、0~120までの入力のみ可能 ・URL:url形式 <body> <main id="content"> <form method="post"> <div> <label for="name">氏名</name> <input id="name" required /> </div> <div> <label for="zipcode">郵便番号</name> <input id="zipcode" pattern="\d{3}-?\d{4}" required /> </div> <div> <label for="age">年齢</name> <input id="age" min="0" max="120" required /> </div> <div> <label for="url">URL</name> <input id="url" type="url" /> </div> <div> <input type="submit" value="送信" /> </div> </form> </main> </body>
質問日時: 2021/12/27 16:52 質問者: オバケイ
解決済
2
0
-
web制作にプログラミングなど本当に必要なのですか?
wordpressやノーコード開発、webオーサリングソフトで十二分に作れてしまう気がしてなりません。 もうweb制作程度ならHTMLやPHPなど必須ではないのではないでしょうか? なぜ必修科目のように言われているのでしょう?
質問日時: 2021/12/26 19:21 質問者: らーーー
ベストアンサー
4
0
-
HTMLでサイトの模写をしています。 画像を表示させたいのですが、こんな感じのマーク?が表示されるだ
HTMLでサイトの模写をしています。 画像を表示させたいのですが、こんな感じのマーク?が表示されるだけで画像が表示されません。 どうしたら画像を表示できるのでしょうか? (初心者なのでわかりやすくお願いします)
質問日時: 2021/12/26 11:58 質問者: 12aoao21
解決済
4
1
-
模写コーディング PC画面幅に画像を合わせられない。
プログラミングの勉強を始めたばかりの初心者です。 HTML・CSSが一通り終了し模写コーディングに取り掛かりました。 そこで行き詰っています。 ネット上にある初心者用の模写コーディングなのですが、 ダウンロードした画像(1920×420)を取り込むとPC幅に収まりきらずに大きくはみ出ます。 検証でみて勿論そうなのですが、印刷プレビューだと収まっています。 そこも疑問なのですが、やはり実際収まり切れないのは事実でどうしたらよいのか ネットなど調べますがやはりうまくいきません。 私のPCは15.6型のものです。画面内に画像を収めるためにはどうしたらよいのでしょうか。 まだよく理解できていないことが多い状況です。 よろしくお願いします。
質問日時: 2021/12/23 08:53 質問者: width
解決済
2
0
-
datepickerを使ってカレンダーを表示出来たのですが、そのカレンダーを付属画像の右側にある カ
datepickerを使ってカレンダーを表示出来たのですが、そのカレンダーを付属画像の右側にある カレンダーのようにしたいです。大まかで構いません。 コードは共有サイトwandleboxで下のURLにあります。 styleタグ内のcssにて 「/* カレンダーの装飾設定 */」にて曜日の日付などは赤や青で表示されるようにコード書いています。 付属画像のように普通の日にちの数字を四角くして、背景に色を付けたいです。また、<前次>という 文字を消去して、その下にある2021年と12月のセレクトボックスに色を付けたいです。 大まかで構いません。どうコードを書いたらよいでしょうか? 回答よろしくお願いいたします。 scriptタグ内で「// カレンダーを日本語化します。以下。」でカレンダーを日本語化しています。 ソースコード共有サイト https://wandbox.org/permlink/QhIxDZ8RwQ3smiOb
質問日時: 2021/12/23 08:43 質問者: hayosato
ベストアンサー
1
0
-
【至急】cssのコーディングについて。 tr要素の中にtd要素が二つあります。 その二つのtd要素に
【至急】cssのコーディングについて。 tr要素の中にtd要素が二つあります。 その二つのtd要素にそれぞれa要素が設定されてます。 このa要素にはマウスでホバーした際にテキストの色がそれぞれ違う色に変わるように設定したいのですが、二つのa要素のうち一方にホバーするともう一方のa要素のテキスト色も同時に変わるという動きにしたいです。 これって可能ですか? +や~を用いたりしてみたのですが、一向に変化がありません。しかも、idやclass名をつけすぎたせいでごちゃごちゃになってしまいました。とりあえず出来るかどうか知りたいです。よろしくお願いいたします。
質問日時: 2021/12/22 19:25 質問者: aira10
解決済
4
0
-
HTMLの画像表示時のキャッシュについて
HTMLの画像表示時のキャッシュについて質問します。 HTMLのページにアクセスした際、ブラウザはページを表示する前に、ページ内の画像データを一度全部キャッシュに保存して、それからページが表示されると思います。 では、下記のようなif文のソースで画像の表示・非表示を切り替えていて、画像表示しない条件が達成されてた場合、画像データは保存されるのでしょうか? 教えてください。よろしくお願いいたします。 <html> <head> <title>画像表示</title> </head> <body> <?php if($abc=0){ echo '画像表示しない'; }else{ echo '<img src="images.jpg" alt="画像表示" width="200">'; } ?> </body> </html>
質問日時: 2021/12/21 16:09 質問者: bandouTV
ベストアンサー
2
0
-
HTMLのexampleについて
<p>内容</p> <p class="example">クラス</p> <span>内容</span> <span class="example">クラス内容</span> 内容を部分変更してお借りしていますが、勝手に使っていいのかもわかりませんが、、 自分はまだHTMLを勉強しはじめて間もなくわけがわからないものでexampleとはどういうものなのかなと疑問に思い質問しました。 おおざっぱな質問の仕方ですみません。 でも何をどう質問したらいいのかもわからずでこういう形になってしまいました。。
質問日時: 2021/12/19 12:11 質問者: clayn
ベストアンサー
4
0
-
border-collapseを設定するとbackground:linear-gradientが乱れ
border-collapse: collapseを設定すると、background: linear-gradientの描画が少し汚くなります。 調査のため、次のように最小のHTMLで実験しました。 <style>td { border: solid 1px; background: linear-gradient(90deg, red 50%, lime 50%) }</style> <table><tr><td>0</td><td>1</td></tr></table> <table style="border-collapse: collapse"><tr><td>0</td><td>1</td></tr></table> 1つ目のテーブルは意図したとおり赤と緑の半々の背景になります。 2つ目のテーブルはborder-collapse: collapseを設定しています。 border-collapse: collapseを設定するとセルの端や中央に、意図しない極細の黄土色(恐らく赤と緑の中間色)の縦線が表示されてしまいます。 border-collapse: collapseで枠線を無理やり重ねることの副反応として背景色の端と端までも重なってしまうということでしょうか(IEで試したらこのような現象は発生せず綺麗に表示されました)。 これを回避する方法はいくつもあると思いますが、あなたが思うに最もスマートな回避法を教えてください。
質問日時: 2021/12/17 20:44 質問者: zyousuke
ベストアンサー
4
0
-
HTMLとpython を使って猫との会話プログラムしたいです。 プログラムが完成したですが会話がた
HTMLとpython を使って猫との会話プログラムしたいです。 プログラムが完成したですが会話がたくさん作りたいため テキストのファイルとして会話を作ってpythonの中に入れたいどうしたらいいですか? **下みたいにvalueを使って作ってもいいけどプログラムが長くなりたくないからです。 (sample.py) import json from flask import Flask, request app = Flask(__name__) @app.route('/') def get_request(): value = request.args.get('text', '') callback = request.args.get('callback', '') if (value.find('おはよう') != -1): value = 'おはようございます。<br>ごきげんはいかがですか?' if (value.find('元気') != -1): value = '元気でよかったですね' if (value.find('天気') != -1): value = '今日の天気は晴れです。' dic = {'output' : [{'type' : 'text', 'value' : value }] } contents = callback + '(' + json.dumps(dic) + ')' return contents if __name__ == "__main__": app.run(debug=True) (HTML) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>チャットボット</title> </head> <body> <script src="https://riversun.github.io/chatux/chatux.min.js"></script> <script> const chatux = new ChatUx(); const initParam = { renderMode: 'auto', api: { endpoint: 'http://localhost:5000/', method: 'GET', dataType: 'jsonp' }, bot: { botPhoto: 'neko.jpg', humanPhoto: null, widget: { sendLabel: '送信', placeHolder: '質問事項を入力してください。' } }, window: { title: 'お問い合わせ', infoUrl: 'http://www.erestage.com/' } }; chatux.init(initParam); chatux.start(true); </script> </body> </html> テキストファイル (こんにちは: こんにちはにゃ おはようございます: おはようございますにゃ こんばんは: こんばんはにゃ さよなら: さよならにゃ バイバイ : バイバイにゃ お久しぶリ: お久しぶりにゃ よろしく: どうぞよろしくにゃ)
質問日時: 2021/12/17 10:25 質問者: minmin.12345
解決済
2
0
-
【Webサイト】画像が小さく表示されてしまう理由はなぜでしょうか
850px四方の画像AとBがあります。それぞれ別のページに設定しています。 Aの画像は、上下にある文章(<p>~</p>のことです…語彙力なくてすみません)の幅とぴったりです。 しかしBの画像は、文章の幅の半分くらいの幅しかなく、見た感じは400px四方ではないかという具合です。 こちら考えられる原因としては、コーディングの問題でしょうか? 例えば、widthを100%に設定しているか、何pxで設定しているか、max-widthは設定されているか…などでしょうか。 今日仕事で、サイト担当部署の方から、Bの画像が小さく表示されるから画像をもう一度見直すようにと言われました。 が、サイズは間違いなくAと同じです。 ページの構成は一緒で、それぞれのページで使う商品画像と説明文が違うくらいです。 そのため、画像に原因があるとは思えないんです。 私よりもずっとサイト制作に詳しい部署の方のコーディングを疑うわけではないのですが、新商品のため新たにページを作ってもらう中で、うっかりコードをいじってしまった…ということも、もしかしたらあるかもなと思いました。 明日、開発者画面などで調べるつもりですが、どう思いますか?
質問日時: 2021/12/16 23:22 質問者: jamfruits
解決済
1
0
-
ホームページのテキストを折り返したい
文字情報しかないホームページなのですが、ブラウザの幅に合わせてテキストを折り返してくれず、とんでもなく横に長い状態でしか閲覧ができません。 ブラウザの幅に合わせて文字列を折り返して表示したいのですが、どうすればいいでしょうか。 諸事情から「テキスト情報をWordなどにコピー」は最終手段にしたいです。 なおURLは同じく諸事情により出せません。ごめんなさい。 どうぞよろしくお願い致します。
質問日時: 2021/12/15 16:55 質問者: bari_saku
解決済
5
1
-
IEからEdgeへの移行に伴うIMEの状態(ime-mode)
質問させていただきます。 会社にもうすでに10年以上あるJavaのシステムがあり IEで使い続けてきたのですが、 Edgeの移行が必要になるため、色々と動作の確認をしています。 そこで、IMEの設定に躓きました。 現在は「ime-mode:active/disabled」で カーソルが当たった瞬間に全角/半角が切り替わるのですが Edgeでは機能しません。 軽く調べてみたのですが、制御は出来ないとまとめられているように思えます。 昔からのシステムは特に、前と同じように動かしてほしいという要望が 有りそうな気がするのですが、皆様はどのように対応しているのでしょうか。 対応策などお伺いできれば幸いです。 宜しくお願い致します。
質問日時: 2021/12/14 20:33 質問者: nanigashi7
ベストアンサー
1
0
-
ご質問させて頂きます。 今、現在、GASを使いwebアプリを作っています。 webページを作っている
ご質問させて頂きます。 今、現在、GASを使いwebアプリを作っています。 webページを作っているのですが、 webページ→ボタンを押す→google spreadsheetに DBとして保存する 上記の工程をするには どのような変数を使い表示させますか? エンジニアの方とか、分かる方おりませんか?
質問日時: 2021/12/12 13:40 質問者: 補完者
解決済
1
0
-
セレクトボックスで年月日を指定するコードを書いているのですが、 付属画像の上の方に何も選択していない
セレクトボックスで年月日を指定するコードを書いているのですが、 付属画像の上の方に何も選択していない場合は、/ /スラッシュしか 表示されないのですが、付属画像の下のように、何もまだ選択していない時 でも、 年 /月 /日 と表示されるようにしたいです。 どうコードを書いたらよいでしょうか? 回答よろしくお願いいたします。 wandboxというサイトの共有コード コードは以下のURLの白いシートの部分です。 https://wandbox.org/permlink/KwDZjqkEGdM827dR
質問日時: 2021/12/12 09:03 質問者: hayosato
ベストアンサー
2
0
-
HTMLからテキスト形式に変更の仕方
ブログを書いていて今まではテキスト形式で書いていたのに突然HTML形式になってしまいました。テキスト形式に戻したいのですが戻し方が解らない。教えてください
質問日時: 2021/12/06 14:07 質問者: mikoちゃん
解決済
3
0
-
質問ですhtmlで矢印の所を変えるプログラミングはなんですか?
質問ですhtmlで矢印の所を変えるプログラミングはなんですか?
質問日時: 2021/12/04 18:03 質問者: アマテラスのび太
解決済
3
0
-
HTML5では先頭に「文字型宣言」<!DOCTYPE html>を記述する。
HTML5では先頭に「文字型宣言」<!DOCTYPE html>を記述する。 と参考書にあります。 <!DOCTYPE html>で質問があります。 ❶これって命令文ですか? ❷宣言しないと なにか支障がありますか? たとえばどんな場合 など です。 よろしくお願いいたします。
質問日時: 2021/12/04 02:52 質問者: Campus2
ベストアンサー
3
1
-
ヘッダー固定のスクロールが可能なテーブルの作成
お世話になっております。 現在、勉強でbootstrap5を使用したWeb画面を作成しておりますが、 そこで首記の通りのテーブルを作成したいと思います。 みなさんは、ヘッダー固定のスクロールが可能なテーブルを作成する際、 参考にされたサイトやプラグインなどございますでしょうか。
質問日時: 2021/12/03 17:14 質問者: りょうsan
解決済
3
0
-
SCSS スタイルをつけたい。
css /test.htm /style.scss |-css /style.min.css /style.min.css.map (test.htm) <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <div>01</div> </body> </html> (style.scss) * { border: solid 1px #333; } どうすればスタイルが付きますか ?
質問日時: 2021/11/28 14:00 質問者: i-d-a-i
ベストアンサー
2
0
-
正規表現 教えてください
<span>あいう:&nbsp; 【TAB 10個】<a href="//hogehoge.ne.jp/~~~">わおん 最後の「わおん」は変化する文字列で、 それより前の部分を正規表現でどう書き表せば良いか教えて下さい。 ※質問投稿でそのまま表現できないので、下記の点編集しています。 &nbsp;の「&」は実際は半角です。 <a href… の前にはTABが10コあります。
質問日時: 2021/11/23 18:20 質問者: zongai
解決済
3
0
-
2要素ずつcssを適用する疑似クラスの書き方はありますか?
<ul> <li>あああ</li> <li>いいい</li> <li>ううう</li> <li>えええ</li> <li>おおお</li> <li>かかか</li> <li>ききき</li> <li>くくく</li> </ul> 「あああ」と「いいい」の文字色を「赤」に 「ううう」と「えええ」の文字色を「青」に 「おおお」と「かかか」の文字色を「赤」に 「ききき」と「くくく」の文字色を「青」に 上記のように2要素毎にスタイルを当てたいときの疑似クラスの書き方ってあるんでしょうか…(´;ω;`)ウゥゥ ググりまくったのですが、そんな書き方が出てこないので無理なんですかね…( ノД`)
質問日時: 2021/11/12 16:45 質問者: zopeboyo
ベストアンサー
2
0
-
レスポンシブ対応のHTML・CSS(画像の横に文章を表示させたい)について質問です。 ※プログラミン
レスポンシブ対応のHTML・CSS(画像の横に文章を表示させたい)について質問です。 ※プログラミング初心者です。 【実施したいこと】 画像の横に文章を表示させ、レスポンシブ対応にしたいが、スマホになると下記画像の右側のように、画像の下に文字が表示されてしまう。 左の画像の様に、スマホ対応になっても画像の横に文字がくるようにしたいです。 下記のURL、HTML・CSSになります。 間違っている箇所を教えて下さい。 宜しくお願い致します。 https://docs.google.com/document/d/e/2PACX-1vSge2jIAMxd_iaBHG_qfk_Lgtp2ELaMQ5BvbCHbs86t_MeDzLLKON5gdGkdZCiLUTlSHsa-S20rwDWt/pub
質問日時: 2021/11/07 02:00 質問者: erina_812
ベストアンサー
2
0
-
ホームページ
既存のホームページをChromeで中央に表示させたい。html編集がどうしても上手くいきません。 どなたか簡単な方法を教えてください、お願いします。
質問日時: 2021/11/06 09:03 質問者: h009
解決済
2
0
-
プログラミングのわからないところがあるので教えてください。
こんばんは。 最近プログラミングを始めた初心者です。 私はMacBookを使っていて、sketchbookというアプリで作成したイラスト画像を、ホームページの背景にするという作業の際に、コードは合っているのですが、そのイラスト自体が反映されず真っ白のままです。そのpngはicloud上にアップロードされ、かつ同じファイル内に入っているので<style>body{background-image:url(○○○.png)}</style>コードだけでいけると思ったのですが、全くダメでした。何か解決策を知っている方がいらっしゃいましたら教えていただきたいです、よろしくお願いします。
質問日時: 2021/11/04 23:30 質問者: yuuu____0112
ベストアンサー
1
0
-
header部分とnaviの位置の調整がうまくいきません。
下記のようにHTMLコードがあって、header部分の下にnaviを配置するのですが、ブラウザを最大化するとheader部分の底辺とnaviの底辺がそろってしまいます。 また、ブラウザのサイズの変更に合わせてheader部分のサイズも変更するのですが、naviがついていきません。 やりたいことは、まずブラウザを最大化したときにheader部分の底辺の下にnaviがつくようにしたい。 次に、ブラウザのサイズ変更に合わせてサイズ変更するheader部分の底辺に合わせて、naviの位置が変わるようにしたい。 以上を、cssで記述する場合、どのようなコードを追加したらよいでしょうか。 いろいろ試してみましたがうまくいきません。 どなたか、ご教授ください。 【HTML】 <!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>**************</title> <link rel = "stylesheet" href = 'shared/css/index.css'/> <link rel = "stylesheet" href = 'shared/css/setting.css'/> </head> <body> <div id = "container"> <header id = "header"> <img class = "top-logo" src = 'shared/images/logo.png' width="201" height="71"> <div class = "catchcopy">Innovation in new distribution architectures</div> <video src='shared/images/top.mp4' autoplay playsinline muted loop></video> </header> <nav id = "menubar"> <ul class = "inner"> <li> <a class = "name">**********</a> </li> <li class="list-border"></li> <li> <a class = "nav-link"></a> </li> <li class="list-border"></li> <li> <a class = "nav-link"></a> </li> <li class="list-border"></li> <li> <a class = "nav-link"></a> </li> <li class="list-border"></li> <li> <a href = "app/login_form.php" class = "nav-link active">ログイン</a> </li> <div class = "clear"></div> </ul> </nav> ーーーーー<続く>
質問日時: 2021/11/04 11:28 質問者: SC.ハーロック
解決済
2
0
-
レスポンシブのサイトの根本的な概念についてアドバイス願います。
とても根本的な部分になるのだと思いますが、理解ができないのでアドバイスをお願いいたします。 色々と調べたのですが、小手先の技術的なノウハウは色々と情報があるのですが、恐らく基本的な根本的な部分が理解できていないので、いつもつまづいてしまい時間と精神的にすり減ってしまいます…。 レスポンシブのWEBページの作成ですが、ページのサイズの可変によってデザインを変更していくという部分は理解していますが、これらは何を基準にするのでしょうか? といいますか、何らかの基準を設けてでなければ無理ですよね? 例えば、画面幅0px から最大は無限大とかって無理ですよね? そうなると、やはりある程度の部分で最小値と最大値の設定は必要になりますか? ※でも、360pxくらいから1980pxくらいまで拡大縮小しても、一切のデザインが崩れないようなデザイン方法があればとても理想です、それぞレスポンシブといった感が私には御座います。 特に最大値については、無限大は無理だと思うので設定するのは基本でしょうか? つまり、MAX1400pxとかを設定したとしたら、そこから上は、無視する。つまりそれ以上はレスポンシブへの対応は行わないといった認識でよいのでしょうか? 最小値も同じように、指定した最小値より下は無視、つまり最低に設定した幅でデザインが確保できていればOKという感じなのでしょうか? この辺りの理解が乏しく、いまいち決定的レスポンシブというものが何なのか把握できておりません。 レスポンシブの基本的な概念が理解できるアドバイス、またそのようなサイトなどご存知のかいらっしゃいましたら、意味が分かりにくい質問で恐縮ではありますがご教授いただけますと幸いです。
質問日時: 2021/10/29 22:47 質問者: oneday77
解決済
3
0
-
プログラミング初心者です。 width100%とmax-width100%の違いが全くわかりません。
プログラミング初心者です。 width100%とmax-width100%の違いが全くわかりません。 どなたかご教示いただけますでしょうか。
質問日時: 2021/10/29 19:22 質問者: だーつだ
ベストアンサー
2
0
-
ホームページビルダーの画像サイズ設定について
ホームページ作成素人です。 ホームページビルダー22クラシックを使用しています。 100×50サイズの画像を横幅50%で設定する際に、 <img src="○○○.ping" border="0" style="width : 50%;">と入力し上書き保存すると、 <img src="○○○.ping" border="0" style="width : 50%;" width="100" hight="50">と元の画像サイズも付け加えられ、画像が伸びてしまいます。 これは直すことはできないのでしょうか…?
質問日時: 2021/10/29 14:31 質問者: 伊豆子
解決済
1
1
-
CSSについて。 初心者です。 練習用のHTML.CSSの仕様書に、単位がありません。 文字にはpt
CSSについて。 初心者です。 練習用のHTML.CSSの仕様書に、単位がありません。 文字にはptの単位があるのですが、ナビの幅画像の大きさには単位がなく数字のみです。 この場合、仕様書通り単位無しでCSS入力するのでしょうか? それとも、文字の単位と同じくptで入力するのでしょうか?
質問日時: 2021/10/26 12:39 質問者: pon1073
解決済
6
0
-
URLをたくさん無造作に斜めだったり色んな角度で重ねるサイト?ブログ?を作りたいのですが未経験の素人
URLをたくさん無造作に斜めだったり色んな角度で重ねるサイト?ブログ?を作りたいのですが未経験の素人でも取り組みやすくできるだけhtmlだったりのプログラミング作業を伴わない方法を教えてください。回答お願い します。
質問日時: 2021/10/25 01:30 質問者: りんごりらっぱんつっ
解決済
2
0
-
アコーディオンメニューの二階層について質問です。 【起きている問題】 添付の右の写真のアコーディオン
アコーディオンメニューの二階層について質問です。 【起きている問題】 添付の右の写真のアコーディオンメニューの全ての(▼)をクリックできません。 ①ブラ&ショーツセット▼ ②レッグウェア▼ のみ、クリックしても開きません。 また、左の画像は全ての▼が開きますが、上記の①、②の項目まで、バックカラーが黒になってしまいます。 CSSは、 ・カテゴリから探す ・カラーから探す ・サイズから探す のみ、バックカラーを黒にし、他の部分のバックカラーはグレーにしたいです。 【実行したいこと】 ・全てのアコーディオンメニュー(▼)が開く様にしたい ・(カテゴリから探す▼)(カラーから探す▼)(サイズから探す▼)の項目のみ、バックカラーを黒にしたい。 上記を実現するにはどうしたらいいでしょうか? 助言お願い致します。 コード詳細は、下記リンクに記載してあります↓ https://docs.google.com/document/d/e/2PACX-1vQvq5Nzo3-I3Opr7JlLk1tBjyXf_mNUGU6eS-5GlKXSbqADP0EgMVgCPZWgnuEvGA87AwpzvBtQIdcl/pub
質問日時: 2021/10/24 17:23 質問者: erina_812
ベストアンサー
1
1
-
マウスオーバーで画像に効果を入れるCSSの改良
以下でサンプル1のようにすると、文字に影がかかってしまうので、 サンプル2のように配置したらとてもいい感じなのですが、画像下辺の影が隠れてしまいます (1.pngに実際に何かの画像を当てていただければ申し上げている現象をご理解いただけると思いますが) サンプル2の配置でも、影がプイっと上に動いた画像にきれいに(右辺、下辺に)ドロップシャドウ されるようにできませんか。 <html> <head> <style type="text/css"> /* https://cotodama.co/css_mouseover_img/から借用 */ .img_wrap{ border: 0px solid #fff; width: 100px; height: 100px; margin: 20px auto 0; transition-duration: 0.5s; } .img_wrap:hover{ box-shadow: 10px 10px 10px rgba(0,0,0,0.5); transform: translateY(-10px); transition-duration: 0.1s; } </style> </head> <body> <div class="img_wrap"><label><img src="./1.png" width="100" height="100"><br><input type="checkbox" value="1" name="a">サンプル1</label></div> <br><br><br><br> <div class="img_wrap"><label><input type="checkbox" value="1" name="a">サンプル2<br><img src="./1.png" width="100" height="100"></label></div> </body> </html>
質問日時: 2021/10/19 18:43 質問者: litton101
ベストアンサー
1
0
-
FC2のホームページに関する質問です。
ホームページのURLで最後に『index.html』を付ける場合と、そうでない場合に ホームページの内容が違ってきます。 つまり、Aのindex.htmlを付けない場合が正解で、Bの場合は間違いです。 Q2)この不具合について、お教え頂けますと有難いです。 https://nqf27650xx.web.fc2.com/ <ーーA https://nqf27650xx.web.fc2.com/index.html <ーーB Aの場合:(ホームページの中の6行目だけ) ホームページtrsxのURL: https://nqf27650xx.web.fc2.com/index.html Bの場合:(ホームページの中の6行目だけ) ホームページBのURL: nqf27650xx.html.xdomain.jp/index.html 以上、宜しくお願いします。
質問日時: 2021/10/19 11:40 質問者: shiggy
ベストアンサー
2
0
-
【ECサイトの全ての商品ページに、アコーディオンメニューを表示させたい】 ※プログラミング超初心者で
【ECサイトの全ての商品ページに、アコーディオンメニューを表示させたい】 ※プログラミング超初心者です※ おちゃのこネットというカートシステムを使い、ECサイトの作成をしています。 全ての商品ページに、アコーディオンメニューを表示させたいのですが、一つの商品ページだけにしか元のCSSデザインが正しく表示されていません。 ●具体的に何が起きているか? 添付の画像の1番上の形式が正しいデザインだが、他のページにアコーディオンメニューのコードを入力すると、下の画像の様に表示されてしまう。 アコーディオンメニューの右側(+)が表示されなく、文字のアンダーラインの幅同士が広くなってしまう。 【コード情報(HTML・JavaScript・CSS)】 https://docs.google.com/document/d/e/2PACX-1vQ2Hg3DKH-JUyQPguyZ22IM7gmnD230SVtRmcGRJZCuxM-IBjxpmrjI65HCqtWQcFpxHv6HrWFtehoK/pub 因みに、各商品ページごとに、同じコードを入力しています。 恐らく、CSSの表記が全ページに対応になっていないのかも?です。 ※プログラミングの初心者のため、コードはネットからコピーしてきたものを編集して利用しました。
質問日時: 2021/10/17 23:31 質問者: erina_812
ベストアンサー
1
0
-
ホームページの作成について
htmlに詳しい方、教えてください。 プルダウンで項目を選択すると リンクを表示するようなページを作りたいです。 リンクは画面遷移するものではなく、 プルダウンの下に一覧のような形で出したいです。 (月を選択させて、カレンダーみたいな感じに日を並べたいです) 画面遷移するのは作成できたのですが…… なかなか思うようなものができません。 なんて検索したらいいかも分からずで、質問させていただきました。 よろしくお願いします。
質問日時: 2021/10/17 18:19 質問者: faef2020
解決済
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
最新のコラム/記事
-
マッチングアプリで出会ったカップルは成婚率が高い!?結婚カウンセラーに聞いてみた
パートナーとの出会いの場として、もはや主流となったネット婚活やマッチングアプリ。中でも手軽に登録できるマッチングアプリは、10代から50代と幅広い年代が利用している。一方で、“相手の目的が投資関係の詐欺や...
-
メダロット:第250話「Vol.250※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
メダロット:第249話「Vol.249※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
日本古来の伝統工芸「金継ぎ」で修復した食器は前と同じように使えるの?
大切にしている食器が割れてしまったら、きっと誰もが「元に戻したい」と願うだろう。「教えて!goo」にも「割ってしまったお気に入りの食器を復活できる?」という質問があり、最適な方法について様々な意見が寄せら...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HTMLです。画像をHTMLで表したいで...
-
HTML ul li で横並びにナビゲーショ...
-
テーブルの行を折りたたみたいので...
-
テーブルのセルデータを自動改行さ...
-
css初心者 フレックスボックスの適...
-
角丸画像の背景色を透明にしたいです
-
HTMLでこの画像を表示したいです 教...
-
静止画画像をクリックすると音楽が...
-
疑似要素で背景画像に指定したSVG画...
-
メモ帳の段落の揃え方
-
WEBページを強制的に横画面で見るよ...
-
HTMLのdlとul どちらが正しいと思い...
-
HPに文章で改行はすべてBRタグとか...
-
列のどこをクリックしてもソートで...
-
スマホ(android)のタッチパネル、...
-
コードを書いて下さい( ; ; )写真...
-
CSSで謎の現象
-
テーブルタグのセルの幅の一部だけ...
-
ウェブサイトにアップされているPDF...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
WEBサイトの作成で、imgタグには現...
-
webデザインの勉強で、HTML/CSSから...
-
私、Paiza Cloudやっているのだけど...
-
静止画画像をクリックすると音楽が...
-
css初心者 フレックスボックスの適...
-
角丸画像の背景色を透明にしたいです
-
WEBページを強制的に横画面で見るよ...
-
メモ帳の段落の揃え方
-
テーブルタグのセルの幅の一部だけ...
-
iPhoneで HTMLファイルを閲覧
-
先日ウェブデザイン技能検定三級を...
-
指定した演算を実施の結果を表示さ...
-
テーブルのセルデータを自動改行さ...
-
HTMLタグのあるCSVファイルを利用す...
-
スマホで、左右にスワイプしてウェ...
-
指定した演算を実施の結果を表示さ...
-
CSSファイルの日本語コメントが文字...
-
HTMLで特定の文字だけ色を変えたい...
おすすめ情報