回答数
気になる
-
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
-
どの印をつけた範囲の何をどう表示させるといった指定をするファイルは何ですか? CS
どの印をつけた範囲の何をどう表示させるといった指定をするファイルは何ですか? CSS(Cascading Style Sheet) .css HTML(HyperText Markup Language) .html 教えてくださいお願いします
質問日時: 2023/09/27 12:55 質問者: Wohinfahrensie
解決済
1
0
-
HTML電卓で1文字消す方法
https://jp-seemore.com/web/3142/ このページの最初のコードで、1文字消す(末尾)方法を教えてほしいです。よろしくお願いします。
質問日時: 2023/09/23 09:51 質問者: 優里さん
解決済
1
0
-
4
web制作をしているのですが、ページ内リンクを押すとidを指定しているブロックより上の方に飛んでしま
web制作をしているのですが、ページ内リンクを押すとidを指定しているブロックより上の方に飛んでしまいます。 原因がわからず困っています。考えられる理由を教えていただけると幸いです。よろしくお願いいたします。
質問日時: 2023/09/21 13:16 質問者: reo96319
ベストアンサー
1
0
-
5
align-itemsの使い方。本が間違っている?
お世話になっております。 align-itemsの使い方について調べていたら、いくつかの本やサイトではflexアイテムの縦方向を決めるとあります。これが正解なように思えます。 しかし、HTML&CSS全辞典という本では、 「align-itemsプロパティは、配置されるすべてのボックスに対して既定となるalign-selfプロパティの値を定義します。」 と書いてあり、さらに「適用される要素」は「すべての要素」と書いてあります。 これって、本が間違いですよね? 詳しい方がいらっしゃいましたらよろしくお願いいたします。
質問日時: 2023/09/20 11:23 質問者: poqwpoq
ベストアンサー
3
0
-
6
ボックスを中央配置したいです。
青みどりの全体の背景の上に薄いグレー色のボックスがあり、さらにそのボックスの上に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
-
7
アコーディオンメニューが思うように動作しません。
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
-
8
HTMLとCSS
プログラミングをするにあたってHTMLとCSSは別ファイルにするというのと織り交ぜるのとは どっちが多いのでしょうか
質問日時: 2023/08/11 07:30 質問者: norakurotodoroki
解決済
6
0
-
9
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
-
10
プログラムの関連性を教えて下さい。
<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
-
11
htmlについて質問です コードを打ったあと画像が表示されないので調べる svg ファイルが写真のよ
htmlについて質問です コードを打ったあと画像が表示されないので調べる svg ファイルが写真のようにリソースを読み込み中にエラーが発生しました。とでます。 macのアップデートをしていなかったのが原因だと思い、試してみたものの無理でした。 ほかにどんな原因があげられますか?
質問日時: 2023/07/11 10:53 質問者: amgdt
解決済
1
1
-
12
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
-
13
画像横の余白をなくしたいんですけどどうすればいいですか?よろしくお願いします。 margin pad
画像横の余白をなくしたいんですけどどうすればいいですか?よろしくお願いします。 margin paddingのrightは、設定してないです。
質問日時: 2023/07/03 10:25 質問者: ごま太
ベストアンサー
2
0
-
14
htmlのデータをwebページみたいに見る方法
確定申告の送信したデータをダウンロードして保存したら、html形式のデータでした。 このデータは、ソースコード?がずらーっと並んでいるページでしか開けないのでしょうか? 確定申告を送信した時のようなwebページで見れるのだと思っていました。できるのでしょうか? pcに疎く、調べてもソースコードを表示する方法しか探せませんでした。 どなたか詳しい方いましたら教えてください。よろしくお願いします。
質問日時: 2023/06/23 17:47 質問者: istimirant319
ベストアンサー
5
0
-
15
HTML のリストタグにイメージを入れていますが表示が...
リストタグにイメージを入れていますが、 なぜリストタグには長さが設定されてるのでしょう ? https://artsy-hub.github.io/ 私の想像では、リストタグは画像と同じ幅であってほしいのですが。 詳しい方、教えてください。 よろしくお願いします。
質問日時: 2023/06/19 19:30 質問者: i-d-a-i
ベストアンサー
3
0
-
16
CSSのホバーエフェクト
webデザインの初心者です。 以下のようなサイトのホバーエフェクトがうまくできなくて困っています。 https://www.tourtravelworld.com/ スクロールするとBrowse Top Travel Attractions by Categoryというところに 画像がが並んでいるのですが、グリッドで並べても上手く揃わなくて、cssではこのように記述して揃えました。 HTML <div class="container"> <div class="div1"><a class="block-anker" href="https://www.tourtravelworld.com/wildlife-tours/"><img src="images/ttabc-img1.jpg" alt="wildlife"> <div class="mask"><p>wildlife-tours</p><br><span>view more</span></div></a> </div> <div class="div2"><a class="block-anker" href="https://www.tourtravelworld.com/adventure-tours/"><img src="images/ttabc-img2.jpg" alt="climbing"> <div class="mask"><p>adventure-tours</p><br><span class="btn">view more</span></div> </a> </div> <div class="div3"><a class="block-anker" href="https://www.tourtravelworld.com/heritage-tours/"><img src="images/ttabc-img3.jpg" alt="heritage"> <div class="mask"><p>heritage-tours</p><br><span class="btn">view more</span></div></a> </div> <div class="div4"><a class="block-anker" href="https://www.tourtravelworld.com/beach-tours/"><img src="images/ttabc-img4.jpg" alt="beach"> <div class="mask"><p>beach-tours</p><br><span class="btn">view more</span></div></a> </div> div5 div6も同様です。 </div> CSS .container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 5px 5px; margin: 30px 0 60px; grid-auto-flow: row; grid-template-areas: "div1 div3 div3 div4 div6" "div2 div3 div3 div5 div6"; } .div1 { grid-area: div1; } .div2 { grid-area: div2; } .div3 { grid-area: div3; } .div4 { grid-area: div4; } .div5 { grid-area: div5; } .div6 { grid-area: div6; } .container ::before{ content: ""; top: 0; bottom: 0; left: 0; right: 0; padding-top: 100%; } .container img{ width: 100%; height: 100%; object-fit: cover; } お見苦しくて申し訳ありません。 pの配置やホバーした時の挙動が上手くできません。 分かる方いらっしゃいましたらご教授お願い致します。 簡単な説明もいだたければ幸いです。
質問日時: 2023/06/19 06:53 質問者: unimo
解決済
1
0
-
17
別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Y
別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Yahooの新着情報部分だけを自動的に収集・抽出して、自分のサイト内にYahooの新着情報を表示させるようなイメージです。 インラインフレーム以外の方法で、自動取得して表示したいです。 データーベース をHTML化したものが別サーバにあるので、一部分だけ抽出し、イントラサイト内に新着情報としてシンプルな表示に加工して埋め込みたいのです。 ネットで調べたけどいまいち分からず… 方法の名称や、具体的な方法を教えてください。
質問日時: 2023/06/15 08:09 質問者: 彩いろどり
解決済
1
0
-
18
違法高出力無線? 光回線有線LAN接続のPCに突然、トラック無線やりとり?飛び込んできた
これは??!! と思って道路見て見たら、信号待ち大型運輸?トラック止まってたので、コイツか?と思ったけど・・ 昔FMチューナー聴いてた時は良くあったけど、光回線ルーターで、LAN接続のPCで音楽再生中に、全く回路的、無線電話関係ないハズなのに、どうして入って来るのか? 初めてでビックリ!で、どういう原理? なんでしょ?
質問日時: 2023/06/10 21:22 質問者: odasaga09
ベストアンサー
3
0
-
19
HTMLとcssでページを作っています。右図のような形にしたいのですが、margin topで指定す
HTMLとcssでページを作っています。右図のような形にしたいのですが、margin topで指定すると左の図のようになってしまい、「今なら」の文字が右側ではなくimgの下側にきてしまいます。これを解消するにはどうすればいいでしょうか?
質問日時: 2023/06/08 23:39 質問者: riribestwanko
解決済
3
0
-
20
AWSのhtml
AWSのHTMLについて、divタグの整理(行合わせ)はどうすればいいのでしたっけ?ショートカットキーなどはありますか?
質問日時: 2023/06/08 23:20 質問者: riribestwanko
解決済
1
0
-
21
CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します
掲示板を作成していてファイルをアップロードする箇所に画像を設置しており、その画像にcssを書きたいのですが上手くいきません。 ※css /* 雑談掲示板ファイルアップロードアイコン */ .board_form_partial .image-partial .image-selector-button lavel img { text-align: center; margin-right: 24px; margin-bottom: 16px; display: inline-block; width: 125px; height: 125px; line-height: 150px; background-color: #f5f5f5; border-radius: 3px; } ※掲示板コード <div class="board_form_partial"id="js_board_form_partial"><form method="post"enctype="multipart/form-data"><input type="hidden"name="token"value="<?php echo $_SESSION['token']; ?>"><div class="image-partial"><h2>動画・画像をアップロード(Upload video・image)<span class="required">※ファイルサイズ15MB以内、JPG/GIF/PNG/MP4</span></h2><div class="image-selector-button"><label><img src="<?php echo $camera_url; ?>"style="height: 100px;"><input type="file"class="attach"name="attach[]"accept=".png, .jpg, .jpeg, .pdf, .mp4"style="display: none;"></label><input type="hidden"class="attachdel"name="attachdel[]"><button type="button"class="attachclear">clear</button><div class="viewer"><?php echo $attach[0]; ?></div></div><div class="image-selector-button"><label><img src="<?php echo $camera_url; ?>"style="height: 100px;"><input type="file"class="attach"name="attach[]"accept=".png, .jpg, .jpeg, .pdf, .mp4"style="display: none;"></label><input type="hidden"class="attachdel"name="attachdel[]"><button type="button"class="attachclear">clear</button><div class="viewer"><?php echo $attach[1]; ?></div></div></div></form></div>
質問日時: 2023/06/07 12:25 質問者: 初心者サイト作成
ベストアンサー
2
0
-
22
画像が分割されて切り替わる、ループアニメーションが作りたい
https://libre-1.co.jp/catarel-project/ このサイトのヘッダーで使われてるスライドアニメーションに似たモノが作りたいのですが、作り方がイマイチ分からず困っています。 一枚の画像を4分割し、それぞれにアニメーションを設定してる事は分かるのですが、その先が分からないのです。 一枚の画像を全画面表示してそのままカットインするのではなく、4分割した画像を隙間なく等分配置し時間指定でスライドさせ、 Aの画像の下からBの画像が出てきて、Bの画像の下からCの画像が出てきて、Cの画像の下からAの画像が出てきてループする方法を知りたいのですが、 なにか参考になるサイト等を教えて頂けましたら幸いです。 知りたいのは画像切り替えアニメーションの方法なので、画像スライドに応じて切り替わるロゴや、(右下にある)画像切り替えまでのローディングなどはスルーで構いません。
質問日時: 2023/05/27 17:12 質問者: ebiebi56
ベストアンサー
7
0
-
23
英字と日本語が並んだhtmlの自体をcssで指定したい
htmlで「お茶碗ochawan(仮)」という文字をcssで日本語と英字それぞれをNotosansとPhilosopherの字体にしたいのですが、「font-family: "Notosans""Philosopher":で書くと無効になってしまいます。プログラミングの期間限定の教室で習った時はこんな感じで書けばいいと言われた気がしますが、どう書くのが正解ですか?
質問日時: 2023/05/22 23:58 質問者: riribestwanko
解決済
2
0
-
24
Affinger6でトップページに記事をタイル状に並べたい
WordPressでAffinger6を使用しています。 最近よくみかける、トップページで記事がタイル状に並んだレイアウトにしたいのですが、 Affingerの中の設定ではできず、html,css,phpなど新規で作る必要があるようです。 こちらのサイトのようにしたいのですが、 ガジェマガ https://2week.net/ やり方の説明をしているサイトなどありませんでしょうか? よろしくお願いします。
質問日時: 2023/05/20 14:55 質問者: titleket
ベストアンサー
1
0
-
25
ホームページのHTMLサイトマップを自動作成する方法を探しています。
掲題の通りですが、 ・オンライン上でURL指定で自動作成してくれる ・日本語に対応 でHTMLサイトマップを作成する方法ご教示いただけないでしょうか。 検索すると、XMLサイトマップとの違い、そしてWPプラグインのみしかヒットせず困っています。
質問日時: 2023/05/17 21:36 質問者: hideji12345
解決済
1
0
-
26
詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したと
詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したところ、Safariでは画像が表示されますが、windowsで画像が表示されない状況で困っています。 ちなみに、PCではGoogle Chromeでも画像の表示はされず、(保護はされている状態)スマホでは表示されています。 キャッシュの削除やプライバシーの設定は行ってみましたが、何も変化はありません。 画像も最近作成したため、古くはないです。 使用しているサーバーはロリポップです。 FTPの設定でなにか問題があるのでしょうか? 何か原因がわかる方は教えていただきたいです。 よろしくお願いいたします。
質問日時: 2023/05/12 17:40 質問者: yuuu-oct
解決済
2
0
-
27
詐欺メールがまた来ました。5月に入ってから頻度が上がってます。なぜでしょうか?
昨年までは月に1回も来ませんでした。 不正アクセスを検知したため、アカウントのご使用は制限されています。ログインしてからご確認ください。 ・ログイン日時: 2023-05-08 7:26:01 AM ・IPアドレス:184.236.54.211 / Microsoft Edge Windows 10 ログインしてご確認ください、お客さまがこのアカウントの正当な保有者であることをお知らせください。 つきましては、以下へアクセスの上、カードのご利用確認にご協力をお願い致します。 お客様にはご迷惑、ご心配をお掛けし、誠に申し訳ござい ません。 何卒ご理解いただきたくお願い申しあげます。 ご回答をいただけない場合、カードのご利用制限が継続されることもございますので、予めご了 承下さい。 ご本人確認 ご不便とご心配をおかけしまして誠に申し訳ございませんが、 何とぞご理解賜りたくお願い申しあげます。 ────────────────────────────────── ■発行者■ 株式会社クレディセゾン 〒170-6703 東京都豊島区東池袋3-1-1 サンシャイン60・52F メールコード CA3458906 ────────────────────────────────── Copyright © CREDIT SAISON CO., LTD. All Rights Reserved. 無断転載および再配布を禁じます。 ⇒企業の電話番号の記載が無いし、私の名前ではなく「(メールアドレス)様」と書いてありました(笑)相手のメールアドレスを調べたら「no-reply3@flak012poiw.cn」でしたわ。 今回は難易度が低かったです^^ 皆様は月に何通ぐらい着ますか?>詐欺メール
質問日時: 2023/05/08 17:04 質問者: hgfy76
ベストアンサー
7
0
-
28
cssで指定したフォント名が反映されないのですが、一般ファミリ名の優先順位付きリストを指定するために
cssで指定したフォント名が反映されないのですが、一般ファミリ名の優先順位付きリストを指定するために反映されないという風に注意が出ます。どういう意味でしょうか?
質問日時: 2023/05/01 00:24 質問者: riribestwanko
解決済
1
0
-
29
ベストアンサー
3
0
-
30
Google検索も終わりですか? グーグル、検索エンジンに対話型AI搭載へ
グーグル、検索エンジンに対話型AI搭載へ とニュースが流れてましたが グーグル、対話型AIに検索エンジンを搭載へ が正しいですよね? 実際、先行で対話型AIを搭載したBingを使ってみて思うんですけど 検索にAIを搭載したら 検索というよりチャットのやりとりでかなりの部分済んじゃうので 検索結果なんてほとんど見なくなりました。 つまり、 検索エンジンに対話型AI搭載したら、 ユーザーが主に使うインターフェースとしては 対話型AIがメイン機能で、 これまでの検索エンジン結果は暇があったら見てね程度のおまけみたいな位置付けになりますよね?
質問日時: 2023/04/08 11:50 質問者: chamu099
解決済
2
0
-
31
HTMLで、文字を上から一重の線で消すにはCSSにどんな記載をすればいいですか?
HTMLで、文字を上から一重の線で消すにはCSSにどんな記載をすればいいですか?
質問日時: 2023/03/30 22:06 質問者: riribestwanko
解決済
3
0
-
32
スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない?
アマチュアホームページ作成者です。 以下記述してますが、PC表示でも表の中の文字サイズに反映できませんが・・ body{ font-size: 24px; -webkit-text-size-adjust:100%; overflow-x: hidden; color: #000000; background: #fff; } どのように一括して表示指定すればいいのでしょうか?
質問日時: 2023/03/27 18:57 質問者: odasaga09
ベストアンサー
1
0
-
33
HTML & CSS 縦ボックス内の文字の左右センタリング
こんにちは、リンク付きの縦のホバーメニューを作っていますが、左右のセンタリングだけがうまく行きません 画像の通り、pagemenu a と pagemenu a:hover の部分を 赤枠内 .pagemenu の左右の中央にセンタリングしようと色々やってみたのですが、知識が足りず出来ません ちなみにCSSを見ると解りますが、pagemenu は可変6%となっていますので、それに合わせて常にセンターに表示されることが必要です。 詳しい方、よろしくお願いいたします。 ■ HTML <div class="wrapper"> <div class="pagemenu"> <ul> <li><p>車種メニュー</p></li> <li><a href="#">★ ★ ★</a></li> <li><a href="#">★ ★ ★</a></li> <li><a href="#">★ ★ ★</a></li> <li><a href="#">★ ★ ★</a></li> <li><a href="#">★ ★ ★</a></li> </ul> </div> </div> ■ CSS .pagemenu { display: block; background:#222222; height: 100% ; width : 6% ; border : 1px solid #ff0000 ; } .pagemenu p { writing-mode: vertical-rl; text-orientation: upright; border-bottom: 1px solid #ccc; border : 1px solid #ffffff ; } .pagemenu ul { list-style-type: none; margin: 0 auto ; padding: 0; } .pagemenu li { margin: 0; padding: 0; } .pagemenu a { color: #fff; text-decoration: none; border: 1px solid #ccc; writing-mode: vertical-rl; text-orientation: upright; } .pagemenu a:hover { background-color: #ddd; color: #222222; }
質問日時: 2023/03/25 04:23 質問者: gekikaraou
ベストアンサー
3
0
-
34
webデザイン、HTML、CSSに詳しい方、これのHTML、CSSのコードを詳しく教えてほしいですm
webデザイン、HTML、CSSに詳しい方、これのHTML、CSSのコードを詳しく教えてほしいですm(*_ _)m ざーっとコード書いていただけると助かります!
質問日時: 2023/03/22 14:52 質問者: ようぺ
解決済
1
1
-
35
HTMLタグのあるCSVファイルを利用する方法
こんにちは。 宜しくお願いいたします。 仕事で使うファイルを社内システムからダウンロードすると、CSVファイルになります。 そのCSVファイルをエクセルで開くと、 ひとつのセルの中にHTMLタグが入った状態になります。 例: <head> aaaaaa</head><body> bbbbbb</body><link>cccccc </link> 入力されているHTMLタグは、すべて共通ではなくて、ものによって変わります。 (上記の例だと、<body>がないものもあります) それから、同じタグがいくつも含まれているものもあります。 (上記の例だと、<body>がいくつもあるというようなケースです) エクセルの分割機能や関数で抜き出せないかと思ったのですが、 私の知識では上手くいきませんでした。 いまは件数が少ないので目視で必要情報を手作業でコピペしたり、確認したりしていますが、 今後、件数が増える見込みなので、とてもそれでは作業が追い付きません。 これを下記のいずれかにすることはできないでしょうか? 1.たとえばA1には「head」の情報を、B1には「body」の情報を……という状態のエクセルにする。 2.1が難しい場合はせめて「body」の情報だけひとつのセルに抜き出す。(「body」がない場合は空欄かna、「body」が複数ある場合はひとつのセルに複数入れるか、最初のひとつだけが入れる) 3.HTMLタグがない状態で見られるようにする。(CSVファイルの情報をコピペすると、変換されるようなイメージです) 詳しい方宜しくお願いいたします。
質問日時: 2023/03/19 14:41 質問者: shimashimashima1
解決済
4
1
-
36
HTML CSS 優秀なノーコードツールありますか ?
まだまだ、手動で書くのが HTML CSS だと思いますが、 優秀なノーコードツールを数種知りたいと思っています。 教えてください。 宜しくお願い致します。
質問日時: 2023/03/19 12:50 質問者: i-d-a-i
解決済
1
0
-
37
サーバーに動画を設置して、特定の端末でのみしか閲覧できないようにする方法
こんばんわ、ちょっと教えて下さい 動画を自サイトに設置して、自サイトへログインしてもらい、動画を見てもらう環境を作りたいと思っています その端末からだけ、その地域からだけ、しか見れないようにパスワードなどでのログイン規制をしたいのですが、どれぐらいまで可能でしょうか? また、動画のURLも取得出来ないようにしたいです。 要はこちらが許可した人へしか見せない仕組みと言う感じです。 例えば、よくある2段階認証のように、電話番号を取得してワンタイムのようなSMSを送り、その後〇〇分しか動画を再生させない、とか色々ありそうですが、詳しい内情を知らないので、よろしくお願いします。
質問日時: 2023/03/16 00:44 質問者: gekikaraou
ベストアンサー
2
0
-
38
HTML に © は、© を使わず、そのままの字体で貼り付けても良いか ?
HTML に © などは、© を使わず、そのままの字体で貼り付けても良いか ? 上記の例は、探せば他にも多数あると思いますが、 文字参照等ではなく、最近は、そのままの字体を貼り付けても良いのでしょうか ? 宜しくお願い致します。
質問日時: 2023/03/10 12:20 質問者: i-d-a-i
ベストアンサー
2
0
-
39
CSSでの文字位置の上下センタリング
こんにちは、画像のようなナビゲーションメニューを作ったのですが、メニュー内の文字が上に寄ってしまいます。 リンクのホバーなどはそのままで、文字だけを上下のセンターに表示させたいのですが、詳しい方よろしくお願いします
質問日時: 2023/03/08 18:42 質問者: gekikaraou
ベストアンサー
3
0
-
40
HTMLとCSS(ブラウザ関連)について質問です。
現在HTMLとCSSについて学習中です。 HTMLとCSSを教範通りに入力してブラウザで出力するのですがレイアウトが崩れます。 最初は自分の入力に原因があるのかと何度も確認しました。 しかし、教範のソースをコピペしてそのまま出力してもレイアウトは同様に崩れたままです。 (教材であるDLした教範のソースを直接出力しても同様です。) これは私が使用しているパソコンやブラウザ(またはブラウザの設定)に原因があるのでしょうか。 ブラウザはChromeとFirefoxで確認しました。 パソコンはノートで画面はやや小さいと思います。 レイアウトが崩れる原因は何にあるのでしょうか。 詳しい方、教えてくださると助かります。 よろしくお願いします。
質問日時: 2023/03/07 08:07 質問者: 右利き猫さん
ベストアンサー
1
1
-
41
HTML と CSS
プログラミングを習おうと思っている 初心者ですが、学習サイト progate では HTML と CSSのファイルが別々になって 打ち込んでゆくようになっておりますが 実際 yahoo の画面で 「ページのソース」をみてみると 画面が切り替わるようになっていないんですが これって その中に 組み込まれているんでしょうか。
質問日時: 2023/03/07 06:50 質問者: norakurotodoroki
ベストアンサー
1
0
-
42
スマホでHTMLファイルを開いてリンク先へ移動させたいです
ファルダ内にHTMLファイルがあり、ページ内のリンクをクリックすると 同フォルダ内のリンク先ファイルが開くようにしています。 PCでは、上手くいくのですが iphoneなどのスマホでは クリックしても 何もなりません、 PC同様に上手くいく方法を教えてもらえないでしょうか よろしくお願いいたします。
質問日時: 2023/03/04 18:06 質問者: motoentaro
解決済
2
1
-
43
FC2カートのテンプレートでの商品表示について
FC2の、3カラムのテンプレート使用中です。 HTMLで、中央に、新着商品という新規表示がしたく、 元々あった、おすすめ商品をコピーし、変数より、 変更していき、なんとか新着商品を表示できるようになりましたが、 他のおすすめ商品などのように、横並び(3列)になりません・・・ どこを変更していいかわからず、詳しい方がいましたらアドバイスいただければ幸いです。 よろしくお願いします。 新規で、新着商品を表示タグ {if DSP_OSUSUME} <!--################## 新着商品 ####################--> {if osusume} <!--おすすめ商品の表示--> <div class="contents" id="recommend_page"> <h3>おすすめ商品</h3> <div class="item_list"> <ul> {foreach newitem} <li class="item"> <dl> <dt class="name"><a href="{newitem.url}">{newitem.name}</a></dt> <dd class="item_image"> <a href="{newitem.url}"> {if newitem.img}<img src="{newitem.img}" alt="{newitem.name}" border="0" />{/if} {!if newitem.img}<img src="{img.no_photo}" alt="{newitem.name}" border="0" />{/!if} </a> </dd> <dd class="price">価格:<span class="importantmessage">{newitem.price}{currency}</span></dd> </dl> </li> {if osusume.cnt%3} </ul> <ul> {/if} {/foreach newitem} </ul> </div> </div> <!--/おすすめ商品の表示--> {/if} {/if}
質問日時: 2023/03/02 18:05 質問者: ankorogd
ベストアンサー
1
0
-
44
HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10
HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10px下の所に置きたいのですが、その上に設置した画像よりも10px下の所に来てしまい、どうしても画像より上に上がりません。どうすれば画像より上に文字が来てくれますか?ちなみに「ochawan」はmargin-topで位置指定しています。
質問日時: 2023/02/28 23:17 質問者: riribestwanko
解決済
4
0
-
45
HTML 訪問カウンターを自作したい
興味があって、HTMLの勉強を始めました。 簡単なページを作成できるようになった段階のレベルです。 サーバーはGMOプロバイダーが提供のホームページスペースです。 ここに、訪問者カウンターを設置したいなと思っています。 調べたところ、本格的なSEO用だったㇼ、 無料で使えるカウンターを提供しているサイトだったㇼが在るみたいですが、 簡単に出来るものであれば自作したいと思っています。 こんなレベルでも、分かるようなサイトがあれば教えてください。 どのようなスキルが必要なのでしょうか。 宜しくお願いします。
質問日時: 2023/02/20 08:37 質問者: nagahaha
ベストアンサー
4
1
-
46
<input>のstep属性に違反する入力をした時にエラーメッセージを表示させない事は可能か
お世話になります。 アクセシビリティ対策の一環として<input type="number">のstep属性を多用していたのですが、これに違反した入力をするとエラーが出る事を知りました。 例えば<input type="number" step="500" value="3000">円 とすると、500円刻みの値段を素早く入力できて便利なのですが、例えば3200などと入力した場合には、有効な値を入力してくださいとエラーが出てしまいます。 stepの仕様上、当然の挙動とは思いますが、このエラーを表示させない方法はありますか。 それともstepは入力値を制限するための属性なので、上記の3200などを許容したい場合にはstepは使うべきではないのですか。 しかしstepを使わないと3500を入力する手間が一気に増えて使いづらくなるので、どうすべきか考えている所です。 このような場合の先生方の方針を教えてください。
質問日時: 2023/02/16 04:11 質問者: zyousuke
ベストアンサー
2
0
-
47
CSS の疑問です
padding-top: calc(10 / 1000 * 100%); 上記を div タグに付けたとすると、 1000px の画面幅時 top に 10px パディングが付きます。 500px の画面幅時 top に 5px パディングが付きます。 どういう理屈なのでしょうか ? わかる方、教えてください。 よろしくお願いします。
質問日時: 2023/02/15 18:13 質問者: i-d-a-i
ベストアンサー
1
1
-
48
topやleftなど位置指定が無効になってしまう
このように、文字の位置指定をしても無効になってしまう原因は何が考えられますか?
質問日時: 2023/02/12 18:12 質問者: riribestwanko
ベストアンサー
1
0
-
49
VSコードでHTMLに(リンク)ファイル名をクリックしてもファイルが開かれない
VSコードを使用してWeb制作の勉強をしています。 以前は、HTMLコード内にリンク先ファイル名(やURL)を記載して それ(添付画像の青く囲った所)をクリックすると そのファイル(やサイト)が開かれたのですが、 今は、開かないです。 以前の様にクリックしたら開くようにしたいです。 改善方法を教えてください。
質問日時: 2023/02/12 07:52 質問者: yellow877
ベストアンサー
1
0
-
50
VS.NETのコードを色合いも含めてHtmlに貼り付けたい。
質問タイトルの表現が違うかもしれません。意図をくみ取ってください。 VS.NETのコードは例えば、 For Each b As Button In Controls AddHandler b.Click, AddressOf Btn_Click Next 上述、For、Each、In,Nextは赤、AddHandler,AddressOfは青など コードは何行にもなるため、一字一句<p>等のタグで作成するのは大変です。コピペできれば最高です。よろしくお願いいたします。 HtmlはVSCodeで作成しています。
質問日時: 2023/02/02 14:15 質問者: nebokken
ベストアンサー
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で特定の文字だけ色を変えたい...
おすすめ情報