回答数
気になる
-
ホームページについて質問です。トキワ劇場https://www.tokiwa-movie.com/P
ホームページについて質問です。トキワ劇場https://www.tokiwa-movie.com/Preview.html のページで画像が枠いっぱいまで大きくなってしまうのですが、どうしたらいいでしょうか? 原因はスマホとかに対応しようと、cssを弄りまくってたのがことの発端だとなのですが cssのどこらへんをいじったほうがいいでしょうか?
質問日時: 2023/12/16 16:14 質問者: トキワ
解決済
3
0
-
reuterのScraypingで不思議な現象 hでは見出し出てこずaでは出てくる
Win11でpython3.11をIDLEで利用しています。 requestsとbs4でScraypingを使い、 https://jp.reuters.com/ をScrayping chromeのWebの検証では、下記のように記事のhがあるのに? html <h1 data-testid="Heading" ***>G7首脳、ガザ戦闘停止求める イランにも関与自制を要請</h1> soup.find_all("h1") では、「上記のhタグ見出し」が抽出されず、分野名やAdだけ。 soup.find_all("a") では、a-tagの記事見出しが抽出できる。 こんなことって、あるのでしょうか?
質問日時: 2023/12/07 23:35 質問者: momotarojapan
ベストアンサー
1
0
-
ベストアンサー
4
0
-
4
Windows環境下のHTML内部リンクでルートを指定してもindex.htmlを表示させたい
ごく簡単なHTMLだけのページを作り公開しているのですが SEOの観点で内部リンクを修正したいと思い、URLの正規化に合わせて <a href="index.html">home</a> というような記述を <a href="/">home</a> に変更してみました。 本番環境はこれで問題ないのですが、自分のテスト環境は普通のWindowsフォルダに置いているだけなので、当然ですがindex.htmlの代わりにフォルダ配下のファイルが一覧表示されてしまいます。 手間をかけず回避できるよい方法があればお教えいただけないでしょうか?
質問日時: 2023/11/09 08:35 質問者: chcloc
ベストアンサー
1
0
-
5
プログラミングの勉強が進みません
閲覧ありがとうございます。職業訓練で、プログラミングの勉強を始めました。先生の言う通りのことはできるのですが、「では、このような表示になるように一から作ってみて」と言われると全く、わかりません。HTMLとCSS、どちらに書くのか迷うことも少なくないです。予習復習を続けてもわからなくて、情けなくて泣きそうです。練習あるのみでしょうか。いい勉強方法があればぜひ、教えてください。
質問日時: 2023/11/08 22:33 質問者: lecider
解決済
3
0
-
6
執筆者の名前や関連文書へのリンク,Copyrightの表記などはfooterですか?
執筆者の名前や関連文書へのリンク,Copyrightの表記などはfooterですか?
質問日時: 2023/11/01 15:28 質問者: Wohinfahrensie
ベストアンサー
2
0
-
7
web制作をしているのですが、ページ内リンクを押すとidを指定しているブロックより上の方に飛んでしま
web制作をしているのですが、ページ内リンクを押すとidを指定しているブロックより上の方に飛んでしまいます。 原因がわからず困っています。考えられる理由を教えていただけると幸いです。よろしくお願いいたします。
質問日時: 2023/09/21 13:16 質問者: reo96319
ベストアンサー
1
0
-
8
ボックスを中央配置したいです。
青みどりの全体の背景の上に薄いグレー色のボックスがあり、さらにそのボックスの上に3つボックスを配置するコードを書いているのですが、3つのボックスが均等に中央配置されず困っています。 一見PCのデバイス幅では中央配置に見えますが、デバイス幅を縮小するにつれて中央配置にならず、それが目立ってしまいます。3つのボックスを中央配置するにはどうしたらよいでしょうか? ●HTMLのコード以下 <div class="zentai"> <div class="box"> <div class="box2"> <div class="title3">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ </div> </div> <div class="box1"><div class="title2">入力フォーム内に以下の項目を記載して下さい。</div></div> <div class="box2"> <div class="title5">テキストテキストテキストテキストテキストテキストテキストテキストテ</div> </div> <div class="box3"> </div> </div><!--div box--> </div> ●CSSのコード .zentai{ background-color:#299CA4; } .box{ position: relative; max-width: 1106px; width: 88%; height: auto; margin-right: auto; margin-left: auto; margin-top: 100px; margin-bottom: 80px; padding: 10px 30px 16px 30px; background-color: #f9f9f9; color: #006666; z-index: 1; } /*ボックス2*/ .box2{ position: relative; display: inline-block;/*テキストと背景を同じ長さに*/ width: 94%; height: auto; margin-right: auto; margin-left: auto; margin-bottom: 30px; padding-right: 20px; padding-left: 20px; padding-top: 5px; padding-bottom: 10px; background-color: #d4ebeb; border-radius: 0 12px 12px 12px; z-index: 9999; } /*3つ目のボックス*/ .box3{ position: relative; width: 94%; height: auto; margin-right: auto; margin-left: auto; margin-bottom: 16px; padding-right: 20px; padding-left: 20px; padding-top: 12px; padding-bottom: 10px; background-color: #FFFFFF; border-radius: 12px 12px 12px 12px; border: 1.5px solid #ddd; } /* ボックス3の中にフォーム */ .auto-style15{ letter-spacing: -0.04em; width: 90%; max-width: 600px; }
質問日時: 2023/09/19 17:09 質問者: hayosato
ベストアンサー
2
0
-
9
CSS初心者です。わかる方教えてください。
画像の左上の背景色(plum-親要素)に重なるように、同位置で子要素の画像(xxx.png)を同高さ左詰め中央で配置したいのですが、表示できません。原因と対処法がしりたいです。htmlに<img src=xxx は避けたいです。 よろしくお願いいたします。 html <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> 省略 <title>ホームページ</title> <link rel="stylesheet" href="cssA/styleA.css"> </head> <body> <div class="wrapper" > <header class="container"> <div class="header-left">h-left <div id="image1">image1</div> </div> <div class="header-center">h-center</div> <div class="header-right">h-right</div> </header> <div class="main">main</div> <footer class="footer">footer</footer> </div> </body> </html> CSS @charset "utf-8"; /*全体の設定 ---------------------------------------------------------------------------*/ .wrapper { max-width: 1200px; margin: 0 auto; } header { background: tomato; opacity: 0.7; max-width: 1200px; height: 150px; margin-left: auto; margin-right: auto; } .container { display:flex; flex-direction: row; align-items: center; flex-wrap: nowrap; } .header-left{ height: 150px; width: 40%; background:plum; position: relative; } .header-center{ margin-left: auto; margin-right: auto; height: 150px; width: 40%; background:gold; } .header-right{ margin-left: auto; margin-right: auto; display:flex; height: 150px; width: 20%; background:lime; } header-left #image1{ position:absolute; top:0; bottom:0; margin:auto; background-image:url("../images/xxx.png"); background-position:center; background-size: contain; background-repeat: no-repeat; } .main { margin: 0 auto; /* 外側の余白:上下 左右; auto で左右センタリング */ box-sizing: border-box; /* 幅を padding も含めた幅にする */ max-width:1200px; background: blue; } footer { background:olive; }
質問日時: 2023/09/08 22:04 質問者: denpataro
ベストアンサー
3
0
-
10
iPhoneで HTMLファイルを閲覧
こんにちは、iPhoneのファイルアプリに index.html と style.cssを保存しました どうやって見たら良いですか? index.html 見たけど、スタイルシートが反映されてないようです
質問日時: 2023/03/12 02:35 質問者: gekikaraou
ベストアンサー
3
0
-
11
【CSS】:hasで可能? imgを含むtr要素を選択したい
<tr><td><img src=""><td></tr> <tr><td><td></tr> <tr><td><td></tr> <tr><td><td></tr> <tr><td><img src=""><td></tr> <tr><td><td></tr> ざっくりとこのような感じで、tr、tdには同じclassやidが振られている状態で、1行目、4行目のようにimgを含むtr要素をCSSで指定したいと考えています。 <試したこと> td:has(> img)で、td要素は選択できました。 <聞きたい事> そのtdの上のtrまで含めて選択するにはどうすればいいでしょうか?よろしくお願い致します。
質問日時: 2022/11/17 14:36 質問者: nukokok
ベストアンサー
1
0
-
12
エクセルのファイルのダウンロード 前にアップしたファイルがダウンロードされる
私のホームページにエクセルのファイルをアップしてあって そのファイルを更新して再びアップロードしても エクセルのファイルのダウンロードを改めてしても 前にアップしたファイルがダウンロードされる のですがなぜでしょうか? ダウンロードしたときのファイルのURLは https://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Fcadconv.world.coocan.jp%2Fgfs%2Fcal2022.xlsx&wdOrigin=BROWSELINK となります。 これは見ればわかるかもしれませんがアップした先のURLではありません。 http://cadconv.world.coocan.jp/gfs/cal2022.xlsx をダウンロードしたいです。 OS:Windows11 ブラウザ:Microsoft Edge は最新です。 とのこと 別のところに保存されるのか? 何が起きているのかわかりませんが よろしくお願いします。
質問日時: 2022/11/13 13:02 質問者: LHS07
解決済
1
0
-
13
自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます
ご指導お願いしますぅ 昔に自分のHPにYouTube動画を貼ってました。 以前はちゃんと写ってたのに数年ぶりに見ると表示されなくなってました。 タグはYouTubeから共有→埋め込みタグで <body> <table border="1"> <tr> <td><iframe width="560" height="315" src="https://www.youtube.com/embed/JmcA9LIIXWw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td> </tr> </table> </body> </html> -------------------------------------------------------------------------------------- これで合ってるはずなのですが、動画が写りません・・ YouTubeの方で最近に規制か何かあったのでしょうか?
質問日時: 2022/11/11 10:44 質問者: kyoto-night
解決済
1
0
-
14
1つの「ホームページビルダー22」のソフトでホームページは何個作れますか?
妻の勤める会社(訪問介護)のウェブサイトの作成を依頼され「ホームページビルダー22-SP」で作ってみました。その後、別の会社からもウェブサイトの作成を依頼されています。そこで質問ですが、このソフトウェアで、何個までウェブサイトを立ち上げることができるのでしょうか? 自分でも丸1日かけて調べてみたのですが、どうしても回答が見つかりません。どなたかご存知でしたら教えてください。
質問日時: 2024/04/01 00:16 質問者: 日々勉強
ベストアンサー
4
0
-
15
静止画画像をクリックすると音楽が鳴るスクリプトってありますか?
<audio>タグを使わないで、リンクもつけないで、演奏動画にしないで、その場で音楽再生音のみが聴けるような表示をつくりたいのですが・・
質問日時: 2024/03/31 22:49 質問者: odasaga09
ベストアンサー
1
0
-
16
テーブルのセルデータを自動改行させずに、はみ出た部分は切り捨てたい
いつもお世話になっています。 テーブルで、スマホ等の横幅が狭い画面で見た場合には、自動改行するのでなく、1行で表示できるように後尾を非表示にするには、どうすれば良いですか。 一番簡単な方法をご教示ください。
質問日時: 2024/03/31 05:19 質問者: zyousuke
ベストアンサー
15
0
-
17
CSSデータの作成方法について(FTP内)
専門の方にショップページを作成していただき、その後ちょっとしたページのレイアウト編集は、自力でしております。 FTP内に、CSSデータが組み込まれていますが、一部デザインの色を変更したいと考えております。 FTPをのぞいてみると、CSSファイルがあったのですが、そちらはメモ帳で開くことができました。 メモ帳でCSSデータを作成することは可能でしょうか。 ファイル名は「カスケードスタイルシートドキュメント」と記載されています。 どうぞ、よろしくお願いいたします。
質問日時: 2024/03/26 15:55 質問者: mikaco333
ベストアンサー
5
0
-
18
ホームページのURLをコピーしてエクセルのシートに張り付けるとURLの文字が変わる場合があるのはナゼ
・ホームページのURLをコピーしてエクセルのシートに張り付けるとURLの文字が変わる場合があるのはナゼですか。 変わる場合は貼り付け後のURLの文字に「%」が多数付き文字数がとても長くなります。 ↓イメージ ’https://bkgr.sharepoint.com/%A767-F1%7D&file=%E2%98%85%E7%89%B9%E6%B3% ・また、変わる場合と変わらない場合は何が違うか教えて下さい。
質問日時: 2024/01/14 11:53 質問者: ニックネーム船長
ベストアンサー
1
0
-
19
HTMLです 画像のように表せますか?すいませんお願いします ・店主のこだわり ・メニューは、紫で、
HTMLです 画像のように表せますか?すいませんお願いします ・店主のこだわり ・メニューは、紫で、下線を入れてください T.U.Cafe こだわりの1杯を あなただけのために ・店主のこだわり ・メニュー
質問日時: 2023/12/27 00:23 質問者: Wohinfahrensie
ベストアンサー
1
0
-
20
すいません HTMLです この画像をHTML、(もしくはCSS)で表すにはどうすれば良いですか? 教
すいません HTMLです この画像をHTML、(もしくはCSS)で表すにはどうすれば良いですか? 教えてくださいお願いします!
質問日時: 2023/12/23 16:04 質問者: Wohinfahrensie
ベストアンサー
2
0
-
21
HTMLでstyleを指定するフォームの作り方
このコードで、<!-- 入力結果を出力 -->のところの style="font-size: 35px;"の35のところもフォームで入力して指定できるようにしたいです。どうしたらそうできるか、教えていただきたいです。よろしくお願いいたします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>入力文字表示</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body{ font-family:'メイリオ', 'Meiryo','MS ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; } </style> </head> <body> <main> <!-- 入力フォーム --> <form action="#" id="form"> <input type="text" name="content"> <input type="submit" value="表示"> </form> <!-- 入力結果を出力 --> <p id="output" style="font-size: 35px;"></p> </main> </body> <script> // submit時にイベント実行をする関数 document.getElementById('form').onsubmit = function (event) { // 再読み込み防止 event.preventDefault(); // 入力フォームの内容を取得 let inputForm = document.getElementById('form').content.value; // 入力内容を出力 document.getElementById('output').textContent = `${inputForm}`; } </script> </html>
質問日時: 2023/12/22 19:33 質問者: 優里さん
ベストアンサー
2
0
-
22
かっこいいウェブを作るテク
こんばんは hp自作しています。自営業者では結構頑張ってるほうです。元ウェブデザイナーですし。 昔はフラッシュだの、fireworksだの有料ソフト使っていましたが、今のpcでは使っておらず 無料のソフトだけ使って作ってる感じです^o^; ウェブはエクスプレションウェブ、画像はオープンオフィスドロー。 jabascript難しそうで使えません。それなしでかっこいいの作りたいです。 ネットで検索してみたけどジャバスクリプトを大体使っており、なんかの有料ソフトがないとできないようなデザインがたくさん出てきました。 無料ソフトでもカッコよくできるテクを紹介しているページか、テクを教えてほしいです。 cssテーブルの枠の太さとか設定して枠むき出しのページを作ってますが、枠無しにするにはどうするんでしたっけ?^o^; 内容の一部で枠も表示したいテーブルもたくさんあるため、全部枠無しにすると都合悪いので今のところ枠ありcss設定になってますが。大枠のテーブルは枠無し、テーブル表示したい時だけ枠ありにしたいんですが。 よろしくお願いします。
質問日時: 2023/12/14 19:19 質問者: takeyabeer
解決済
5
0
-
23
Chat GTPで、12月のカレンダーと調べて、12月のカレンダーのHTMLを作れたのですが
Chat GTPで、12月のカレンダーと調べて、12月のカレンダーのHTMLを作れたのですが、 そこに画像を背景として入れたいのですが、 うまくいきません 教えてください お願いしますすいません Sublime Textです
質問日時: 2023/12/02 14:10 質問者: Wohinfahrensie
解決済
1
0
-
24
HTMLです
次の意味を持つ要素または次の効果を設定するプロパティを選んでください。という問題で、 リストの行頭記号を画像にする のは、dtですか?
質問日時: 2023/11/29 15:05 質問者: Wohinfahrensie
解決済
2
0
-
25
css初心者 フレックスボックスの適用を一部適用除外したいですが方法が分かりません。
添付画像のように、フレックスボックスを使って、「小」かつ「大」部を横のセンター配置しようとしているのですが、フレックスボックスを使うと、「文字サイズ」部まで一緒に横並びしてしまいます。「文字サイズ」部だけを適用を外したいです。画像は私のコーディングの#fsize でフレックスボックスをコメントアウトしています。 html*********************** div class="out-wrapper" id="fsize"> <p>文字サイズ</p> <ul> <li id="small"><a href="#" onclick="setActiveStyleSheet('default'); return false;" title="文字サイズ「小」"></a></li> <li id="large"><a href="#" onclick="setActiveStyleSheet('change'); return false;" title="文字サイズ「大」"></a></li> </ul> /div> ****************************** css**************************** /*文字サイズ変更ボタン(※文字サイズを「大」にした時の設定はchange.cssで行う) ---------------------------------------------------------------------------*/ /*ボタンブロック全体*/ #fsize { position: absolute; right: 1%; /*ヘッダーブロックに対して右からの配置指定*/ top: 0vmin; /*ヘッダーブロックに対して上からの配置指定*/ width: 120px; /*ブロック幅*/ background: #fff; /*背景色*/ box-shadow: 0px 0px 8px rgba(0,0,0,0.2); /*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2は20%色がついた border-radius: 0px 0px 5px 5px; /*角丸のサイズ。左上、右上、右下、左下への順。*/ padding: 10px 0px; /*上下、左右へのボックス内の余白*/; /*display: flex; align-items: center; justify-content: center;*/ } /*「文字サイズ」のテキスト*/ #fsize p { font-size: 18px; /*文字サイズ*/ padding: 0 12px; /*上下、左右への余白*/ } /*文字サイズボタン1個あたり*/ #fsize ul { display:flex; background: #fff; align-items: center; } #fsize ul a { overflow: hidden; text-decoration: none; color: #fff; /*文字色*/ height:100%; } #fsize ul li#small a::before { display:inline-flex; align-items: center; justify-content: center; content: "小"; /*「小」の文字を出力*/ font-size: 16px; /*文字サイズ*/ height: 25px; width: 25px; background: #779eec; /*背景色*/ margin-right: 10px; } /*「大」ボタン設定*/ #fsize ul li#large a::before { display: inline-flex; align-items: center; justify-content: center; content: "大"; /*「大」の文字を出力*/ font-size: 20px; /*文字サイズ*/ background: #ccc; /*背景色*/ width: 30px; /*幅*/ height: 30px; /*高さ*/ } /*マウスオン時の「大」ボタン設定*/ #fsize ul li#large a:hover::before { background: #779eec; /*背景色*/ }
質問日時: 2023/11/27 00:13 質問者: denpataro
ベストアンサー
2
0
-
26
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでる
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでることがあり、イラレで作ったデータをDreamweaverでHTML化したいのですが、手順がわかりません。詳しい方教えていただけたら本当に幸いです。 もし、イラレで作ったシングルページでDreamweaverで作ることができないのでしたら、HTML化は最終的な必須条件なので、他の方法を教えていただけたら有り難いです。 要件としては、一つのwebのシングルページを作り、それをHTML化し、indexとcssの2つのファイルを作りたいということです。 よろしくお願い致します。
質問日時: 2023/11/21 23:42 質問者: tyuhgghhhg
解決済
2
0
-
27
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文
ボタンが押されたらWebページの文字コードを 変える、というプログラミングを書きたいです。 目的は文字コードを変えることによる 文字化け演出を作るためです(作ろうとしてるのはホラー系のウェブサイト) 下に現在のコードを書いておきます、 どうしたらいいですか? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <!-- other meta tags and stylesheets --> <title>​``【oaicite:0】``​実際に11人で肝試しに行った結果...</title> <link rel="stylesheet" type="text/css" href="kowai.css"> <body> <button onclick="startDisplay()">クリックして開始</button> <audio id="myAudio" src="fuon.mp3"></audio> <div id="text-container"></div> <script src="kowai.js"></script> <button onclick="scrollToTop()" id="buttonEndBGMStop">おわりとBGM停止</button> <p id="changingText"> <script src="kowai.js"></script> </p> <audio id="SandstormAudio" src="砂嵐の音.mp3"></audio> <script> function changeCharset(charset) { document.charset = charset; // Change the character set document.querySelector('meta[charset]').setAttribute('charset', charset); // Change meta element } document.getElementById('buttonEndBGMStop').addEventListener('click', function () { // When the button is clicked, change the character set and update the text content changeCharset('Shift_JIS'); // Change to Shift_JIS (you can modify this) document.getElementById('changingText').innerHTML = '新しいテキストコンテンツ。'; // Replace with your new text }); </script> </body> </html>
質問日時: 2023/11/21 00:33 質問者: とあるゲーマー
解決済
1
1
-
28
HTMLでwebサイトを作ってるのですが、 ボタンが押された時にjsに書いている文章の 文字コードを
HTMLでwebサイトを作ってるのですが、 ボタンが押された時にjsに書いている文章の 文字コードを変更するコードってどう書いたらいいんでしょうか? 文字コードを変更する目的は、 文字コードを変えることで書いた文章をわざと文字化けさせるためです。(ホラー用なので) 通ってるプログラミング教室の発表会で出す予定なので他にも怖い演出などが作れるものがあったりしたら教えて欲しいです。 よろしくお願いします。 今のコードはこちら ↓↓↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>【2ch怖いスレ】実際に11人で肝試しに行った結果...</title> <link rel="stylesheet" type="text/css" href="kowai.css"> </head> <body> <button onclick="startDisplay()">クリックして開始</button> <audio id="myAudio" src="fuon.mp3"></audio> <div id="text-container"></div> <script src="kowai.js"></script> <button onclick="scrollToTop()" id="buttonEndBGMStop">おわりとBGM停止</button> <audio id="SandstormAudio" src="砂嵐の音.mp3"></audio> <script> function changeCharset(charset) { document.charset = charset; // 文字コードを変更 document.querySelector('meta[charset]').setAttribute('charset', charset); // meta要素も変更 } document.getElementById('buttonEndBGMStop').addEventListener('click', function () { // 終了と停止ボタンが押されたら文字コードを変更 changeCharset('Shift_JIS'); // Shift_JISに変更する例 }); </script> </body> </html>
質問日時: 2023/11/16 23:21 質問者: とあるゲーマー
解決済
1
0
-
29
htmlの修正方法を教えていただきたいです。
下記のhtmlを入れると、添付ファイルのようにブラウザで表示され 「Copy」を押すとテキストをコピーできます。 この「Copy」を「サイト」に変えて、ボタンを押すとコピーでなくサイトへ新しいタブでページを開くようにしたいのですが、 どのように直せばよろしいでしょうか? <p>サイト名<br><input type="text" value="" style="width:70%" id="text1"><button class="btn" type="button" data-clipboard-demo data-clipboard-target="#text1">Copy</button></p>
質問日時: 2023/11/07 09:11 質問者: asdfxz
解決済
2
0
-
30
htmlの修正方法を教えていただきたいです。
下記のhtmlを入れると、添付ファイルのようにブラウザで表示され 「Copy」を押すとテキストをコピーできます。 この「Copy」を「サイト」に変えて、ボタンを押すとコピーでなくサイトへ新しいタブでページを開くようにしたいのですが、 どのように直せばよろしいでしょうか? <p>サイト名<br><input type="text" value="" style="width:70%" id="text1"><button class="btn" type="button" data-clipboard-demo data-clipboard-target="#text1">Copy</button></p>
質問日時: 2023/11/07 08:11 質問者: asdfxz
解決済
1
0
-
31
フロントエンジニアで一人前といわれるレベルの画面
フロントエンジニアで一人前の画面作成とはどの様な画面作成ができたら 一人前と呼べますか? できればサンプル画面のURLを教えてください。 また、その画面を何日ぐらいで作成できてほしいですか ちなみにCSSとかすごい苦手意識があるのですが、何か良い独学方法を教えてください。 ※模写して作ってみるというのはわかっておりますが、他にも良い方法ありましたらお願いします
質問日時: 2023/10/30 17:37 質問者: Tank-you
解決済
1
0
-
32
疑似クラスは,ある要素が特定の状態にあるときに限定して適用するセレクタである。a要素(リンク)で良く
疑似クラスは,ある要素が特定の状態にあるときに限定して適用するセレクタである。a要素(リンク)で良く使用される。例えば,リンク先をまだ見ていない状態のa要素は,a:( ) と,カーソルが上にある状態のa要素は,a:( ) と指定する。 ( )に入るのは何ですか?教えてくださいお願いしますすいません
質問日時: 2023/10/30 16:46 質問者: Wohinfahrensie
ベストアンサー
1
0
-
33
「IDセレクタ」は,HTMLで特定のタグに ( ) 属性をつけておき,その属性値を使って指定する ↑
「IDセレクタ」は,HTMLで特定のタグに ( ) 属性をつけておき,その属性値を使って指定する ↑( )に入るのは何ですか?教えてくださいお願いします
質問日時: 2023/10/30 16:45 質問者: Wohinfahrensie
ベストアンサー
2
0
-
34
特定の要素だけに適用させることができるセレクタもある。「クラスセレクタ」は,HTMLで特定のタグに
特定の要素だけに適用させることができるセレクタもある。「クラスセレクタ」は,HTMLで特定のタグに ( )属性をつけておき,その属性値を使って指定する ( )の中に入るのは何ですか? 教えてくださいお願いします
質問日時: 2023/10/30 16:41 質問者: Wohinfahrensie
ベストアンサー
2
0
-
35
ベストアンサー
2
0
-
36
ベストアンサー
1
0
-
37
text-indentは、要素全体の透明度ですか?
text-indentは、要素全体の透明度ですか? HTMLです
質問日時: 2023/10/25 14:45 質問者: Wohinfahrensie
ベストアンサー
1
0
-
38
スマホで、左右にスワイプしてウェブページを読み込ませる方法は?
スマホの画面を指で左右にスワイプして、ウェブぺ―ジ(HTML)を切り替えたいです。 HTML、CSS、JavaScripit を使用して、実装可能でしょうか。 教えてください。お願いします。
質問日時: 2023/10/16 17:39 質問者: Chown
解決済
1
0
-
39
URLにアクセスした際に指定した箇所に飛ぶようにしたいです。
URLにアクセスした際に指定した箇所に飛ぶようにしたいです。 HTMLのコード以下のURLにアクセスすると▼▼のHTML部分直接飛ぶようにしたいのですが、下記のコードでは上手く飛びません。なぜでしょうか? idもきちんと記載されています。#16 #17 飛ばしたい先のHTML id="16" id="17" <div class="category"> <ul> <li><a href="https://●●categorypage2.php#16">家庭用ゲーム機</a></li> <li><a href="https://●●categorypage2.php#17">家庭用ゲームソフト</a></li> </ul> <ul> </div> ▼▼飛ばしたい箇所のHTML以下。 <div class="title3" id="16"><i class="fa-solid fa-pen-to-square"></i>家庭用ゲーム機</div> <div class="title3" id="17"><i class="fa-solid fa-pen-to-square"></i>家庭用ゲームソフト</div>
質問日時: 2023/09/28 11:41 質問者: hayosato
ベストアンサー
1
0
-
40
どの印をつけた範囲の何をどう表示させるといった指定をするファイルは何ですか? CS
どの印をつけた範囲の何をどう表示させるといった指定をするファイルは何ですか? CSS(Cascading Style Sheet) .css HTML(HyperText Markup Language) .html 教えてくださいお願いします
質問日時: 2023/09/27 12:55 質問者: Wohinfahrensie
解決済
1
0
-
41
align-itemsの使い方。本が間違っている?
お世話になっております。 align-itemsの使い方について調べていたら、いくつかの本やサイトではflexアイテムの縦方向を決めるとあります。これが正解なように思えます。 しかし、HTML&CSS全辞典という本では、 「align-itemsプロパティは、配置されるすべてのボックスに対して既定となるalign-selfプロパティの値を定義します。」 と書いてあり、さらに「適用される要素」は「すべての要素」と書いてあります。 これって、本が間違いですよね? 詳しい方がいらっしゃいましたらよろしくお願いいたします。
質問日時: 2023/09/20 11:23 質問者: poqwpoq
ベストアンサー
3
0
-
42
CSSで謎の現象
お世話になっております。 ワードプレスのcocoonテーマでWEBサイトを作成しています。 テーマのデフォルトではヘッダーロゴが中央寄せになっています。 ヘッダーロゴを左寄せにしたかったので以下のコードを追加CSSに記述して左寄せにしていました。 /*ヘッダーロゴ左寄せ*/ .logo{ text-align:left; } しかし、1ヶ月くらい経過してからやはり中央寄せが良いと思い、上記を削除しました。 ところが、ヘッダーロゴは左寄せのまま戻らないんです。 四苦八苦していたところ、ある発見をしました。 削除する前の元々の記述があった位置に「.」を記述すると中央寄せになるんです。 この「.」はもともとあった場所に記述しないとダメなんです。 違う位置に記述しても左寄せのままです。 「.」を記述しなくても中央寄せに戻したいのです。 「.」だけというのは気持ち悪いので。 この現象がわかる方、解決できる方がいましたらお願いいたします。
質問日時: 2023/09/12 00:52 質問者: poqwpoq
ベストアンサー
1
0
-
43
アコーディオンメニューが思うように動作しません。
HPを作っています。メニューの大項目をクリックすると、フワッと小項目がフェードインしながら下へスライドして表示されるようにしました。ところが、この動作が一度クリックすると二度目以降は普通に小項目がドン!っと表示されるだけになってしまいます。画面を再読み込みすると一度目のクリックでは動作が復活するのですが、二度目以降はやはり動作しません。おおまかなコードは以下の通りです。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>MENU</title> <style type="text/css"> a { text-decoration: none; } <!-- body {letter-spacing: 3px;} --> /* Chrome、Safari以外 */ summary { display: block;} /* Chrome、Safari */ summary::-webkit-details-marker { display: none;} summary { cursor: pointer; transition: 0.5s; /* 変化を滑らかに */} /* ホバー時のスタイル */ summary:hover { background-color: #EFEFEF;} details[open] summary { color: #000000; background-color: #EFEFEF;} /* オープン時にアニメーションを設定 */ details[open] .details-content { animation: fadeIn 0.5s ease;} @keyframes fadeIn { 0% { opacity: 0; /* 透明 */ transform: translateY(-10px); /* 上から表示 */} 100% { opacity: 1; transform: none;} </style> </head> <body link="#000000" vlink="#ffffff" alink="#008b8b"> <body bgcolor="#ff8000"> <p align="center"> <br><br><details><summary><font size="1"><p align="center"><span title="〇〇">〇〇</span></summary> <ul style="list-style: none; padding-left: 0"> <font face="MS 明朝" size="4" color="#000000"> 123</font><p align="center"></li> <li><div class="details-content"><p align="center"><span style="border:1px solid;">〇〇</span></p> <font face="MS 明朝" size="4" color="#000000"> 〇〇</font></li> <li><div class="details-content"><font size="1"><p align="center"><span style="border:1px solid;">〇〇</span><br></p> <font face="MS 明朝" size="4" color="#000000"> 123</font><br></li> <font size="1"><p align="center">〇〇<br></p></font> <font face="MS 明朝" size="4" color="#000000"> 123</font><br></li> <p align="center">〇〇<br></p> <font face="MS 明朝" size="4" color="#000000"> 123</font><br></li> </a> </ul> </div> </details> <br> <font size="1"><details><summary><p align="center">〇〇</p></summary> <font face="MS 明朝" size="4" color="#000000"><ul style="list-style: none; padding-left: 0"> <li><div class="details-content">123 <li><div class="details-content"><p align="center"><font face="MS ゴシック" size="1"><span style="border:1px solid;">〇〇</span></font></p> 123 </font><br></li></ul> </details> <br> <font size="1"><details><summary><p align="center">〇〇</p></summary> <font face="MS 明朝" size="4" color="#000000"><ul style="list-style: none; padding-left: 0"> <li><div class="details-content"> 123</font><br><br></li></ul> </details> </body> </html> 改善策はありますか?どなたかお分かりになる方がいらっしゃいましたらご教授お願い致します。
質問日時: 2023/08/20 16:48 質問者: M-KINOKO
ベストアンサー
1
0
-
44
HTMLとCSS
プログラミングをするにあたってHTMLとCSSは別ファイルにするというのと織り交ぜるのとは どっちが多いのでしょうか
質問日時: 2023/08/11 07:30 質問者: norakurotodoroki
解決済
6
0
-
45
backgroundの上下1ピクセルを透明にする一番簡単な方法
いつもお世話になっています。 backgroundの上下1ピクセルを透明にする一番簡単な方法を教えてください。 例えば次のような、分量を表示するコードで各分量の上下1ピクセルは親要素と同じ背景色になるようにするにはどうすれば良いですか。 <div>砂糖:<span>30g</span> 醤油:<span>10cc</span></div> <style>div { background: #0ff } span { background: #ff0 }</style>
質問日時: 2023/08/02 10:57 質問者: zyousuke
ベストアンサー
3
0
-
46
メモ帳の段落の揃え方
Windowsのメモ帳で、全角スペースと半角スペースを使い分けて段落をキレイに揃えても、それを保存して再度開くと段落がガタガタになっていてガッカリします。 ガタガタにならないでキレイに保存できる方法はありますでしょうか?
質問日時: 2023/08/01 08:15 質問者: shimurakentaro
解決済
2
0
-
47
プログラムの関連性を教えて下さい。
<link rel="stylesheet" href="style.css" /> <style> body { color: #000; } a:link { color: #339933; } a:visited { color: #ff0000; } a:active { color: #999900; } </style> 以上ですが<link rel="stylesheet" href="style.css" />と <style> body { color: #000; } a:link { color: #339933; } a:visited { color: #ff0000; } a:active { color: #999900; } </style> の関連性を教えて下さい。 よろしくお願いいたします。
質問日時: 2023/07/19 03:50 質問者: Campus_1986
ベストアンサー
1
0
-
48
htmlについて質問です コードを打ったあと画像が表示されないので調べる svg ファイルが写真のよ
htmlについて質問です コードを打ったあと画像が表示されないので調べる svg ファイルが写真のようにリソースを読み込み中にエラーが発生しました。とでます。 macのアップデートをしていなかったのが原因だと思い、試してみたものの無理でした。 ほかにどんな原因があげられますか?
質問日時: 2023/07/11 10:53 質問者: amgdt
解決済
1
1
-
49
htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて
htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べてると思うのですが、何がおかしいですか? <body> <header class="page-header"> <h1><a href="index.html"><img class="logo" src="images/logo.svg" alt="WCBカフェホーム"></a></h1> <nav> <ul class="main-nav"> <li><a href="news.html">News</a></li> <li><a href="menu.html">Menu</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> </body>
質問日時: 2023/07/09 21:17 質問者: amgdt
解決済
1
0
-
50
画像横の余白をなくしたいんですけどどうすればいいですか?よろしくお願いします。 margin pad
画像横の余白をなくしたいんですけどどうすればいいですか?よろしくお願いします。 margin paddingのrightは、設定してないです。
質問日時: 2023/07/03 10:25 質問者: ごま太
ベストアンサー
2
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
フキノトウ、ワラビ、タラノメなどの「山菜」を若い人は知らない?食べたことない?
春の訪れと共に、八百屋やスーパーには様々な種類の野菜が並ぶ。春野菜といって思い浮かぶのは、「春キャベツ」や「春タマネギ」という人が多いだろう。一方で、「フキノトウ」「ワラビ」「タラノメ」など、かつて春...
-
摘発相次ぐ「モペット」法律的な問題点を弁護士に聞いてみた
電動モーターを搭載し、走行可能な二輪車である「モペット」に関する交通違反が増加しているため、警視庁は10日、東京の渋谷で取り締まりを行った。警視庁によると、昨年、東京都内で「モペット」と呼ばれる電動モー...
-
メダロット:第238話「Vol.238※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
寒暖差疲労の予防・改善には「入浴」がおすすめ?ポイントと効果を専門家にきいてみた
季節の変わり目になると、体調を崩す人が少なくない。その原因のひとつは「寒暖差疲労」だといわれている。一日の気温差が7℃以上になると、体温調節を担う自律神経が過剰に働くので、冷え症、肩こり、頭痛、全身倦怠...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
goo は、放置?
-
CSSについて教えてください。 こち...
-
HTMLですCSSです 画像のように作り...
-
HTMLです ブロック要素にするにはど...
-
12月のカレンダーを表すHTMLを教え...
-
WEBページを強制的に横画面で見るよ...
-
青い枠のみのHTML
-
HTMLです 店主のこだわりというのを...
-
HTMLです 四角みたいにして中には ...
-
HTML電卓で1文字消す方法
-
ウェブサイトにアップされているPDF...
-
CSS、Bootstrapについて container...
-
テーブルの行を折りたたみたいので...
-
すいませんHTMLです cssです教えて...
-
<input>のstep属性に違反する入力を...
-
リンクバナーのHTMLタグ。画像を変...
-
初心者html・CSS ウィンドウを縮小...
-
pythonに自分で作ったHTMLを、入れ...
-
HTMLです次の意味を持つ要素または...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
htmlで<form>~</form>を並べて記述...
-
WEBページを強制的に横画面で見るよ...
-
コードを書いて下さい( ; ; )写真...
-
css初心者 フレックスボックスの適...
-
テーブルのセルデータを自動改行さ...
-
CSSデータの作成方法について(FTP内)
-
HTMLで画像をポップアップで表示す...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネル、...
-
HTMLで特定の文字だけ色を変えたい...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いてリン...
-
テーブルタグのセルの幅の一部だけ...
-
CSSでつくったメニューのアニメーシ...
-
大至急。webのシングルページを作ろ...
-
角丸画像の背景色を透明にしたいです
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというのは、 ...
おすすめ情報