回答数
気になる
-
アコーディオンメニューが思うように動作しません。
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
-
HTMLとCSS
プログラミングをするにあたってHTMLとCSSは別ファイルにするというのと織り交ぜるのとは どっちが多いのでしょうか
質問日時: 2023/08/11 07:30 質問者: norakurotodoroki
解決済
6
0
-
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
-
メモ帳の段落の揃え方
Windowsのメモ帳で、全角スペースと半角スペースを使い分けて段落をキレイに揃えても、それを保存して再度開くと段落がガタガタになっていてガッカリします。 ガタガタにならないでキレイに保存できる方法はありますでしょうか?
質問日時: 2023/08/01 08:15 質問者: shimurakentaro
解決済
2
0
-
プログラムの関連性を教えて下さい。
<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
-
htmlについて質問です コードを打ったあと画像が表示されないので調べる svg ファイルが写真のよ
htmlについて質問です コードを打ったあと画像が表示されないので調べる svg ファイルが写真のようにリソースを読み込み中にエラーが発生しました。とでます。 macのアップデートをしていなかったのが原因だと思い、試してみたものの無理でした。 ほかにどんな原因があげられますか?
質問日時: 2023/07/11 10:53 質問者: amgdt
解決済
1
1
-
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
-
画像横の余白をなくしたいんですけどどうすればいいですか?よろしくお願いします。 margin pad
画像横の余白をなくしたいんですけどどうすればいいですか?よろしくお願いします。 margin paddingのrightは、設定してないです。
質問日時: 2023/07/03 10:25 質問者: ごま太
ベストアンサー
2
0
-
HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」
HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」という単語だけを赤色にしたいのになぜか全く違う色になってしまいます。 どうすればいいでしょうか? <div style="text-align: center," ›span style="font-size: 30pt,"> font color = "#GE6666" span style="background: linear- gradient(transparent 70%, #8ED7DA 0%);">利用開始<font color=" #F28585”>前く/font>についてく/span></font></span></div>
質問日時: 2023/06/27 12:08 質問者: ひなたまる
解決済
5
0
-
角丸画像の背景色を透明にしたいです
角丸画像の背景色を透明にしたいです。figureタグに角丸のjpg画像を入れて表示したところ角丸の四隅の余白部分が白くなり透明になりません。 img要素にbackgroun-color:transparentを書いたのですが反映されませんでした。pngではなくjpgを使いたく、 また mix-blend-mode: multiply;を書けば透明化されますが、なぜtransparetでは透明にならないのか教えて頂きたいです。img要素ではなく親要素に書いても反映されませんでした。検証ツールにはbackgroun-color:transparentが記載されています。キャッシュクリアも行いシークレットウィンドウでも反映されませんでした。よろしくお願いします。
質問日時: 2023/06/23 23:15 質問者: cafesweets
解決済
1
0
-
htmlのデータをwebページみたいに見る方法
確定申告の送信したデータをダウンロードして保存したら、html形式のデータでした。 このデータは、ソースコード?がずらーっと並んでいるページでしか開けないのでしょうか? 確定申告を送信した時のようなwebページで見れるのだと思っていました。できるのでしょうか? pcに疎く、調べてもソースコードを表示する方法しか探せませんでした。 どなたか詳しい方いましたら教えてください。よろしくお願いします。
質問日時: 2023/06/23 17:47 質問者: istimirant319
ベストアンサー
5
0
-
HTML のリストタグにイメージを入れていますが表示が...
リストタグにイメージを入れていますが、 なぜリストタグには長さが設定されてるのでしょう ? https://artsy-hub.github.io/ 私の想像では、リストタグは画像と同じ幅であってほしいのですが。 詳しい方、教えてください。 よろしくお願いします。
質問日時: 2023/06/19 19:30 質問者: i-d-a-i
ベストアンサー
3
0
-
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
-
HTMLを正しく表示させるには
HTMLファイル(JS, CSS含む)をアップロードしても、ツリー状のファイルリスト(HTMLファイル名)しか表示されません。 「Please enable JS」と 表示されたHTMLファイルのトップに記載されています。 JSファイルは、正常にUPされています。 実は、最初はひどい文字化けと、レイアウトのかなり乱れたページが表示されていました。 テスト用のディレクトリに移動させたら、上記のツリーファイル表示のみに なってしまいました。 解決方法がわかる方、どうぞよろしくお願いします。
質問日時: 2023/06/18 09:12 質問者: PlsHelpMe
解決済
2
0
-
別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Y
別サイトのHTML内にある情報を自動取得して、自分のサイトに組込む方法を教えてください。 例えば、Yahooの新着情報部分だけを自動的に収集・抽出して、自分のサイト内にYahooの新着情報を表示させるようなイメージです。 インラインフレーム以外の方法で、自動取得して表示したいです。 データーベース をHTML化したものが別サーバにあるので、一部分だけ抽出し、イントラサイト内に新着情報としてシンプルな表示に加工して埋め込みたいのです。 ネットで調べたけどいまいち分からず… 方法の名称や、具体的な方法を教えてください。
質問日時: 2023/06/15 08:09 質問者: 彩いろどり
解決済
1
0
-
Dreamweaver のテンプレートでの相対パスの設定について
Dreamweaver 8を使用してサイトを構築しています。 サーバーはSAKURAサーバを使用しています。 次のようなディレクトリでサイトを構成しており、テンプレートフォルダはもちろんルートにあります。 ------------------------------------------------------------ index.html about.html ~~~.html main.css Templates(フォルダ) L main.dwt img(フォルダ) L hoge.jpg item(フォルダ) L test.html ------------------------------------------------------------ item内の「test.html」には「main.dwt」のテンプレートが適用されています。 そこで、main.dwtの相対パスでmain.cssの読み込みを次のように記述しており「<link rel="stylesheet" type="text/css" href="../main.css">」今まで問題なかったのですが、先日、ある事に気づきました。 それは①であれば問題ないのですが、②であればcssが効かなくなり表示が崩れます。 ①https://www.hoge.co.jp/item/test.html ②https://www.hoge.co.jp/item//test.html ・・・スラッシュを二重にしている 通常はスラッシュを二重にすることなどなく、またそのようなURLで辿りつくひとも居ないでしょうが、googleのサーチコンソールを確認すると②と同じような体裁で二重スラッシュのあるURLが重複ページとして多数警告を受けており、今回の質問に至った次第です。 通常、スラッシュが二個以上ある場合は一つのものとサーバは認識するようですが、私のサイトでは二重スラッシュをつけると表示が崩れてしまいます。 それで、相対パスの設定が誤っているのかと色々ためしたところ、test.htmlのテンプレートを一旦解除し、CSSの読み込みを「href="/main.css"」にし、Upしたところ、ページは表示崩れをおこしていなく、また上記②のように二重スラッシュをつけても問題なくCSSが適用されている状態でページが表示されるようになりました。。。ちなみに「href="main.css"」では表示がくずれます。 しかしこれは本来のパスではなく、main.cssのある階層は「test.html」からみれば一つ上です。 また、/main.css にパス変更するとF12でのブラウザプレビューではCSSが適用されておらず、今度はこちらの表示が崩れてしまいます。 本来であれば、ひとつ階層が上のファイルを読みに行くので、../main.css にすべきなのは明確なのですが、webにアップすると「/main.css」でも正常に読み込まれ、また二重スラッシュを用いても一つのスラッシュとみなされて正常に表示されます。。。なぜに「/main.css」でもcssが正常に読み込まれているのか理解できていません。 上記につきまして、お気づきの点がございましたらご回答いただけましたら幸いです。 以上、何卒よろしくお願い申し上げます。
質問日時: 2023/06/13 17:28 質問者: maru11586
ベストアンサー
2
0
-
違法高出力無線? 光回線有線LAN接続のPCに突然、トラック無線やりとり?飛び込んできた
これは??!! と思って道路見て見たら、信号待ち大型運輸?トラック止まってたので、コイツか?と思ったけど・・ 昔FMチューナー聴いてた時は良くあったけど、光回線ルーターで、LAN接続のPCで音楽再生中に、全く回路的、無線電話関係ないハズなのに、どうして入って来るのか? 初めてでビックリ!で、どういう原理? なんでしょ?
質問日時: 2023/06/10 21:22 質問者: odasaga09
ベストアンサー
3
0
-
HTMLとcssでページを作っています。右図のような形にしたいのですが、margin topで指定す
HTMLとcssでページを作っています。右図のような形にしたいのですが、margin topで指定すると左の図のようになってしまい、「今なら」の文字が右側ではなくimgの下側にきてしまいます。これを解消するにはどうすればいいでしょうか?
質問日時: 2023/06/08 23:39 質問者: riribestwanko
解決済
3
0
-
AWSのhtml
AWSのHTMLについて、divタグの整理(行合わせ)はどうすればいいのでしたっけ?ショートカットキーなどはありますか?
質問日時: 2023/06/08 23:20 質問者: riribestwanko
解決済
1
0
-
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
-
Windowsのformでtextareaに入力すると改行が反映されません
HTMLでformを作成した中に、次のテキストエリアを挿入しました。 <textarea class="commenttextArea" name="bodycomment"></textarea> 入力した文字が入力できるのはよいのですが、 入力したときに改行をして入力したのに、結果は改行されず横並びに文字が並んでしまいます。 改行を反映させるにはどのようにコードを変更したら良いでしょうか?
質問日時: 2023/06/01 11:50 質問者: dice_zk1
ベストアンサー
2
0
-
画像が分割されて切り替わる、ループアニメーションが作りたい
https://libre-1.co.jp/catarel-project/ このサイトのヘッダーで使われてるスライドアニメーションに似たモノが作りたいのですが、作り方がイマイチ分からず困っています。 一枚の画像を4分割し、それぞれにアニメーションを設定してる事は分かるのですが、その先が分からないのです。 一枚の画像を全画面表示してそのままカットインするのではなく、4分割した画像を隙間なく等分配置し時間指定でスライドさせ、 Aの画像の下からBの画像が出てきて、Bの画像の下からCの画像が出てきて、Cの画像の下からAの画像が出てきてループする方法を知りたいのですが、 なにか参考になるサイト等を教えて頂けましたら幸いです。 知りたいのは画像切り替えアニメーションの方法なので、画像スライドに応じて切り替わるロゴや、(右下にある)画像切り替えまでのローディングなどはスルーで構いません。
質問日時: 2023/05/27 17:12 質問者: ebiebi56
ベストアンサー
7
0
-
英字と日本語が並んだhtmlの自体をcssで指定したい
htmlで「お茶碗ochawan(仮)」という文字をcssで日本語と英字それぞれをNotosansとPhilosopherの字体にしたいのですが、「font-family: "Notosans""Philosopher":で書くと無効になってしまいます。プログラミングの期間限定の教室で習った時はこんな感じで書けばいいと言われた気がしますが、どう書くのが正解ですか?
質問日時: 2023/05/22 23:58 質問者: riribestwanko
解決済
2
0
-
Affinger6でトップページに記事をタイル状に並べたい
WordPressでAffinger6を使用しています。 最近よくみかける、トップページで記事がタイル状に並んだレイアウトにしたいのですが、 Affingerの中の設定ではできず、html,css,phpなど新規で作る必要があるようです。 こちらのサイトのようにしたいのですが、 ガジェマガ https://2week.net/ やり方の説明をしているサイトなどありませんでしょうか? よろしくお願いします。
質問日時: 2023/05/20 14:55 質問者: titleket
ベストアンサー
1
0
-
ホームページのHTMLサイトマップを自動作成する方法を探しています。
掲題の通りですが、 ・オンライン上でURL指定で自動作成してくれる ・日本語に対応 でHTMLサイトマップを作成する方法ご教示いただけないでしょうか。 検索すると、XMLサイトマップとの違い、そしてWPプラグインのみしかヒットせず困っています。
質問日時: 2023/05/17 21:36 質問者: hideji12345
解決済
1
0
-
詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したと
詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したところ、Safariでは画像が表示されますが、windowsで画像が表示されない状況で困っています。 ちなみに、PCではGoogle Chromeでも画像の表示はされず、(保護はされている状態)スマホでは表示されています。 キャッシュの削除やプライバシーの設定は行ってみましたが、何も変化はありません。 画像も最近作成したため、古くはないです。 使用しているサーバーはロリポップです。 FTPの設定でなにか問題があるのでしょうか? 何か原因がわかる方は教えていただきたいです。 よろしくお願いいたします。
質問日時: 2023/05/12 17:40 質問者: yuuu-oct
解決済
2
0
-
詐欺メールがまた来ました。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
-
cssで指定したフォント名が反映されないのですが、一般ファミリ名の優先順位付きリストを指定するために
cssで指定したフォント名が反映されないのですが、一般ファミリ名の優先順位付きリストを指定するために反映されないという風に注意が出ます。どういう意味でしょうか?
質問日時: 2023/05/01 00:24 質問者: riribestwanko
解決済
1
0
-
ベストアンサー
3
0
-
Google検索も終わりですか? グーグル、検索エンジンに対話型AI搭載へ
グーグル、検索エンジンに対話型AI搭載へ とニュースが流れてましたが グーグル、対話型AIに検索エンジンを搭載へ が正しいですよね? 実際、先行で対話型AIを搭載したBingを使ってみて思うんですけど 検索にAIを搭載したら 検索というよりチャットのやりとりでかなりの部分済んじゃうので 検索結果なんてほとんど見なくなりました。 つまり、 検索エンジンに対話型AI搭載したら、 ユーザーが主に使うインターフェースとしては 対話型AIがメイン機能で、 これまでの検索エンジン結果は暇があったら見てね程度のおまけみたいな位置付けになりますよね?
質問日時: 2023/04/08 11:50 質問者: chamu099
解決済
2
0
-
HTMLで、文字を上から一重の線で消すにはCSSにどんな記載をすればいいですか?
HTMLで、文字を上から一重の線で消すにはCSSにどんな記載をすればいいですか?
質問日時: 2023/03/30 22:06 質問者: riribestwanko
解決済
3
0
-
スマホ表示用の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
-
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
-
webデザイン、HTML、CSSに詳しい方、これのHTML、CSSのコードを詳しく教えてほしいですm
webデザイン、HTML、CSSに詳しい方、これのHTML、CSSのコードを詳しく教えてほしいですm(*_ _)m ざーっとコード書いていただけると助かります!
質問日時: 2023/03/22 14:52 質問者: ようぺ
解決済
1
1
-
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
-
HTML CSS 優秀なノーコードツールありますか ?
まだまだ、手動で書くのが HTML CSS だと思いますが、 優秀なノーコードツールを数種知りたいと思っています。 教えてください。 宜しくお願い致します。
質問日時: 2023/03/19 12:50 質問者: i-d-a-i
解決済
1
0
-
サーバーに動画を設置して、特定の端末でのみしか閲覧できないようにする方法
こんばんわ、ちょっと教えて下さい 動画を自サイトに設置して、自サイトへログインしてもらい、動画を見てもらう環境を作りたいと思っています その端末からだけ、その地域からだけ、しか見れないようにパスワードなどでのログイン規制をしたいのですが、どれぐらいまで可能でしょうか? また、動画のURLも取得出来ないようにしたいです。 要はこちらが許可した人へしか見せない仕組みと言う感じです。 例えば、よくある2段階認証のように、電話番号を取得してワンタイムのようなSMSを送り、その後〇〇分しか動画を再生させない、とか色々ありそうですが、詳しい内情を知らないので、よろしくお願いします。
質問日時: 2023/03/16 00:44 質問者: gekikaraou
ベストアンサー
2
0
-
WEBページを強制的に横画面で見るように回転させる HTML CSSコード
こんにちは、PCサイトをスマホでも見れるように調整して作成しました。 ですが、横画面限定で見てもらわないと、見た瞬間離脱されそうです なので、アクセスした瞬間からスマホを回転させないと見れない仕様にしたいと思います。 こういった場合、どういうコードを書けばよいのでしょうか? 詳しい方、よろしくお願いします。
質問日時: 2023/03/13 09:56 質問者: gekikaraou
ベストアンサー
7
0
-
テーブルタグのセルの幅の一部だけを指定
こんにちは、画像のようなテーブルを親要素の98%で表示させています。 表示自体は問題なくできているのですがB~Iの各セルの横幅を小さくしたくて <td width="2px">B2</td> もしくは <td width="3%">B2</td> などとやってみたのですが、何も変わらないようです。 やって居る事は適切でしょうか? もしくは、こういう場合どこに何を与えれば良いでしょうか? 詳しいかた、よろしくお願いいたします。 ■HTML <table align="center"> <tr> <td class="bg_black">A1</td> <td colspan="8">B1</td> <td colspan="7">J1</td> </tr> <tr> <td>A2</td> <td>B2</td> <td>C2</td> <td>D2</td> <td>E2</td> <td>F2</td> <td>G2</td> <td>H2</td> <td>I2</td> <td>J2</td> <td>K2</td> <td>L2</td> <td>M2</td> <td>N2</td> <td>O2</td> <td>P2</td> </tr> ■CSS table tr td { font-size : 1em ; color : #ffffff ; text-align : center ; background : #444444 ; } table { margin-top : 10px ; margin-bottom : 10px ; width: 98%; table-layout: fixed; word-break: break-all; word-wrap: break-all; }
質問日時: 2023/03/12 12:02 質問者: gekikaraou
ベストアンサー
1
0
-
iPhoneで HTMLファイルを閲覧
こんにちは、iPhoneのファイルアプリに index.html と style.cssを保存しました どうやって見たら良いですか? index.html 見たけど、スタイルシートが反映されてないようです
質問日時: 2023/03/12 02:35 質問者: gekikaraou
ベストアンサー
3
0
-
HTML に © は、© を使わず、そのままの字体で貼り付けても良いか ?
HTML に © などは、© を使わず、そのままの字体で貼り付けても良いか ? 上記の例は、探せば他にも多数あると思いますが、 文字参照等ではなく、最近は、そのままの字体を貼り付けても良いのでしょうか ? 宜しくお願い致します。
質問日時: 2023/03/10 12:20 質問者: i-d-a-i
ベストアンサー
2
0
-
CSSでの文字位置の上下センタリング
こんにちは、画像のようなナビゲーションメニューを作ったのですが、メニュー内の文字が上に寄ってしまいます。 リンクのホバーなどはそのままで、文字だけを上下のセンターに表示させたいのですが、詳しい方よろしくお願いします
質問日時: 2023/03/08 18:42 質問者: gekikaraou
ベストアンサー
3
0
-
HTMLとCSS(ブラウザ関連)について質問です。
現在HTMLとCSSについて学習中です。 HTMLとCSSを教範通りに入力してブラウザで出力するのですがレイアウトが崩れます。 最初は自分の入力に原因があるのかと何度も確認しました。 しかし、教範のソースをコピペしてそのまま出力してもレイアウトは同様に崩れたままです。 (教材であるDLした教範のソースを直接出力しても同様です。) これは私が使用しているパソコンやブラウザ(またはブラウザの設定)に原因があるのでしょうか。 ブラウザはChromeとFirefoxで確認しました。 パソコンはノートで画面はやや小さいと思います。 レイアウトが崩れる原因は何にあるのでしょうか。 詳しい方、教えてくださると助かります。 よろしくお願いします。
質問日時: 2023/03/07 08:07 質問者: 右利き猫さん
ベストアンサー
1
1
-
HTML と CSS
プログラミングを習おうと思っている 初心者ですが、学習サイト progate では HTML と CSSのファイルが別々になって 打ち込んでゆくようになっておりますが 実際 yahoo の画面で 「ページのソース」をみてみると 画面が切り替わるようになっていないんですが これって その中に 組み込まれているんでしょうか。
質問日時: 2023/03/07 06:50 質問者: norakurotodoroki
ベストアンサー
1
0
-
スマホでHTMLファイルを開いてリンク先へ移動させたいです
ファルダ内にHTMLファイルがあり、ページ内のリンクをクリックすると 同フォルダ内のリンク先ファイルが開くようにしています。 PCでは、上手くいくのですが iphoneなどのスマホでは クリックしても 何もなりません、 PC同様に上手くいく方法を教えてもらえないでしょうか よろしくお願いいたします。
質問日時: 2023/03/04 18:06 質問者: motoentaro
解決済
2
1
-
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
-
htmlの文字が縦書きになる
htmlは <div class="ochawanpage"> <h1 class="ochawan-subtitle"> お茶碗 </h1> </div> <img src="./images/ochawan" alt> </div> cssは .ochawanpage { font-size: 50px; font-family: "HannariMincho"; color: #212529; margin-top: calc(5/1366 * 100vw); margin-left: calc(233/1366 * 100vw); } というものを書いたのですが、「お茶碗」という言葉がなぜか縦書きになってしまいます。ある程度margin-leftの値が小さければ横向きなのですが、ある程度大きくなると勝手に縦書きになってしまいます。なぜでしょうか?
質問日時: 2023/03/01 21:31 質問者: riribestwanko
ベストアンサー
2
0
-
HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10
HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10px下の所に置きたいのですが、その上に設置した画像よりも10px下の所に来てしまい、どうしても画像より上に上がりません。どうすれば画像より上に文字が来てくれますか?ちなみに「ochawan」はmargin-topで位置指定しています。
質問日時: 2023/02/28 23:17 質問者: riribestwanko
解決済
4
0
-
HTMLのdlとul どちらが正しいと思いますか
あるスクールのホームページを作成するとします。 各クラスの詳細説明のリストに使うのはどちらの書き方が正しいですか? ① <dl> <dt>〇〇クラス</dt> <dd> 料金ややることの説明(長めの文章) </dd> <dt>〇〇クラス</dt> <dd> 料金ややることの説明(長めの文章) (必要があればpなどのタグ) </dd> ・ ・ ・ </dl> ② <ul> <li> <h3>〇〇クラス</h3> <div> <pなどのタグ>料金ややることの説明(長めの文章))</p> </div> </li> <li> <h3>〇〇クラス</h3> <div> <pなどのタグ>料金ややることの説明(長めの文章))</p> </div> </li> ・ ・ ・ </ul> よろしくお願いします。
質問日時: 2023/02/23 11:20 質問者: sanaeeeee
解決済
3
0
-
HTML 訪問カウンターを自作したい
興味があって、HTMLの勉強を始めました。 簡単なページを作成できるようになった段階のレベルです。 サーバーはGMOプロバイダーが提供のホームページスペースです。 ここに、訪問者カウンターを設置したいなと思っています。 調べたところ、本格的なSEO用だったㇼ、 無料で使えるカウンターを提供しているサイトだったㇼが在るみたいですが、 簡単に出来るものであれば自作したいと思っています。 こんなレベルでも、分かるようなサイトがあれば教えてください。 どのようなスキルが必要なのでしょうか。 宜しくお願いします。
質問日時: 2023/02/20 08:37 質問者: nagahaha
ベストアンサー
4
1
お探しの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で特定の文字だけ色を変えたい...
おすすめ情報