回答数
気になる
-
CSSデータの作成方法について(FTP内)
専門の方にショップページを作成していただき、その後ちょっとしたページのレイアウト編集は、自力でしております。 FTP内に、CSSデータが組み込まれていますが、一部デザインの色を変更したいと考えております。 FTPをのぞいてみると、CSSファイルがあったのですが、そちらはメモ帳で開くことができました。 メモ帳でCSSデータを作成することは可能でしょうか。 ファイル名は「カスケードスタイルシートドキュメント」と記載されています。 どうぞ、よろしくお願いいたします。
質問日時: 2024/03/26 15:55 質問者: mikaco333
ベストアンサー
5
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です この画像のように 文字を打ち込みたいのですが、 下の3この四角にを画像のよ
HTMLですCSSです この画像のように 文字を打ち込みたいのですが、 下の3この四角にを画像のように入れたいのですが どうすればいいですか?教えてくださいお願いしますすいませんおしえてください! ホットコーヒー \5,000- 当店自慢のホットコーヒーです。「あなただけの1杯」をぜひお試しください。 もっと見る アイスコーヒー \8,000- 暑い夏にぴったりのアイスコーヒーです。ご注文を頂いてから氷出しで1滴1滴抽出します。 もっと見る アイスカフェオレ \8,000- ご注文を頂いてから氷で抽出するアイスコーヒーと,搾りたての牛乳を絶妙なバランスで。 もっと見る を画像のように入れたいのですが どうすればいいですか?教えてくださいお願いしますすいませんおしえてください! hot_coffee.png ice_caffee_au_lait.png ice_coffee.png 使う画像です↑ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>T.U.Cafe</title> <style> body { background-color: #A52A2A; /* 背景色を茶色に設定 */ color: white; font-family: 'Your Font', sans-serif; } .title { background: rgba(255, 255, 255, 0.5); /* 透明背景 */ color: white; font-size: 2em; text-align: center; padding: 10px; /* 追加:タイトルの余白 */ } .subtitle { color: white; /* 追加:サブタイトルの文字色 */ text-align: center; padding: 10px; /* 追加:サブタイトルの余白 */ } #div1 { border-left: solid 8px white; color: white; border-bottom: dotted 4px white; padding: 10px; /* 追加:店主のこだわりの余白 */ } .menu-item { background-color: white; color: #8B4513; padding: 10px; margin: 10px; } .menu-name { font-weight: bold; } .menu-price { font-weight: bold; } .menu-description { font-size: 0.8em; } .footer { color: #8B4513; font-size: smaller; text-align: center; padding: 10px; /* 追加:フッターの余白 */ } #wrap { width: 80vw; margin: 0 auto; display: flex; flex-wrap: wrap; } #wrap > div { width: 35vw; height: 35vw; margin: 2vw; border: 1px solid gray; text-align: center; font-size: 4vw; background-color: white; /* 追加:ボックスの背景色 */ } </style> </head> <body> <div class="title">T.U.Cafe</div> <div class="subtitle">こだわりの1杯を あなただけのために</div> <div id="div1">店主のこだわり </div> <div style="background-color: white; padding: 10px;"> ご来店ありがとうございます。<br> <span style="color: white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; font-size: larger; font-weight: bolder;">T.U.Cafe</span> はご注文を頂いてからコーヒーの実の収穫,果肉などの取り除き,豆の選別,焙煎,グラインドをして提供しています。 ご提供まで少々お時間を頂きますが,「あなただけの1杯」を淹れることにこだわりを持っています。<br> 楽しんでください。<br> </div> <div class="menu-item"> <div class="menu-name"></div> <img src="hot_coffee.png" alt="hot_coffee.png" /> <div class="menu-price">/5,000-</div> <p style="border-bottom: 1px dotted white;">下線ボーダー、ドット</p> <div class="menu-description">当店自慢のホットコーヒーです。「あなただけの1杯」をぜひお試しください。</div> <span style="text-decoration: underline; color: red;">もっと見る</span> </div> <div id="wrap"> <div>ホ</div> <div>ア</div> <div>レ</div> </div> <div class="menu-item"> <div class="menu-name"></div> <img src="path_to_shaved_ice_image.jpg" alt="かき氷" /> <div class="menu-price">/8,000-</div> <div class="menu-description">暑い夏にぴったりのアイスコーヒーです。ご注文を頂いてから氷出しで1滴1滴抽出します。</div> <span style="text-decoration: underline; color: red;">もっと見る</span> </div> <div class="menu-item"> <div class="menu-name">アイスカフェオレ</div> <img src="path_to_daikon_image.jpg" alt="大根" /> <div class="menu-price">/8,000-</div> <div class="menu-description">ご注文を頂いてから氷で抽出するアイスコーヒーと,搾りたての牛乳を絶妙なバランスで。</div> <span style="text-decoration: underline; color: red;">もっと見る</span> </div> <div class="menu-item"> <div class="menu-name">Copyright c T.U.Cafe. All Rights Reserved.</div> <div class="menu-price"></div> <div class="menu-description"></div> <span style="text-decoration: underline; color: red;"></span> </div> <div class="footer">Copyright c T.U.Cafe. All Rights Reserved. </div> </body> </html>
質問日時: 2023/12/25 16:07 質問者: Wohinfahrensie
ベストアンサー
3
0
-
4
テーブルの行を折りたたみたいのですが、detailsタグとsummaryタグを使ってもうまくいきませ
テーブルの行を折りたたみたいのですが、detailsタグとsummaryタグを使ってもうまくいきませんでした。 テーブル全てならうまくいきました。 例えば情報4〜6のtrタグだけを折りたたむことは出来ないのでしょうか。 どうかご教示ください <table> <tr> <td>情報1</td> <td>情報2</td> <td>情報3</td> </tr> <tr> <td>情報4</td> <td>情報5</td> <td>情報6</td> </tr>
質問日時: 2024/03/18 14:47 質問者: piraniaman
ベストアンサー
3
1
-
5
初心者html・CSS ウィンドウを縮小するとタグの一部が隠れてしまう。
まずは、添付画像を見ながら質問を見てほしいのですが、画像のような状況からwebブラウザのウィンドウ右端を掴み、幅を縮小していくと、緑部左端がメニューバーに当たると、青部領域が縮んで行き、メニューバーの左端がウィンドウの左端に当たるあたりから、緑領域および文字サイズブロックが隠れていき、ウィンドウの右端がメニューバーの右端を過ぎたあたりからコンテンツが縮小していく動きになるのですが、これをウィンドウ右端から縮小していったときに青部は隠れていってもよく、緑部及び文字サイズブロックは隠れずに縮小して行き、同じくメニューバーおよび会社ロゴ、所在地ブロックも隠れずに縮小させるには、どのようにすればよいのでしょうか? コーディングは全部は載せられないので、だいたいこんな感じで作っているというぐらいを記載します。テキストエディタ等で見てほしいです。 html <body> <div class="out-wrapper-container"> <div class="out-wrapper-left"></div> <div class="wrapper" > <header class="header-container"> <div class="h-left"> <div id="image1"></div> </div> <div class="h-center"> <div id="image2"></div> <div id="image3"></div> </div> <div class="h-right"> <address class="char-no-wrap"> <div><span class="font-adapt1">所在地 : </span><span class="post font-adapt2">***-****</span></div> <div><span class="font-adapt2">*******</span></div> <div> <span class="font-adapt1">受付時間 : </span><span class="colored">AM9:00〜PM5:00</span> <span class="tel colored right">***-***-****</span> </div> <div id="sns"> <ul> 省略 </ul> </div> </address> </div> </header> <div class="main"> <div class="nav-fix-pos"> <nav id="menubar"> <ul> 省略 </ul> </nav> </div> </div> </div> <div class="out-wrapper-right"> <!--文字サイズ変更ボタン--> <div id="fsize"> <p>文字サイズ</p> <ul> 省略 </ul> </div> </div> </div> </body> </html> css ******ここから********* /*サイトの設定*/ ul {list-style-type: none;} /* out-wrapperコンテナ */ .out-wrapper-container { display:flex; justify-content: center; } .out-wrapper-left{ width:11vmin; background-color: blue; } .out-wrapper-right{ width:11vmin; background-color: green; } /*文字サイズ変更ボタン*/ /*out-wrapper-rightボタンブロック*/ #fsize { /*out-wrapper-right中央配置*/ margin-right: auto; margin-left: auto; width: 11vmin; /*ブロック幅*/ height:5vmin; background: #fff; /*背景色*/ box-shadow: 0 0 0.8vmin rgba(0,0,0,0.2); padding: 1vmin 0; /*上下、左右へのボックス内の余白*/; } /*wrapperとout-wrapperがある)*/ /* そのうちのwrapperヘッダー部 */ header { opacity: 0.7; height: 15vmin; width:115vmin; margin-left: auto; margin-right: auto; z-index:10; } /*wrapperヘッダー部のcontainer*/ header.header-container { display:flex; align-items: center; flex-wrap: nowrap; } /*ヘッダー部位置*/ header .h-left{ display:flex; align-items: center; height: 15vmin; width: 20%; background:orange; flex-wrap: nowrap; } header .h-center{ display:flex; align-items:center; height: 15vmin; width: 50%; background:yellow; flex-wrap: nowrap; } header .h-right{ height: 15vmin; margin-left: auto; margin-right: auto; width: 30%; z-index: 20; position: relative; } /*ヘッダー部の中身left*/ .h-left #image1{ height: 100%; width: 100%; background-size: contain; background-position:center; background-image:url("../images/会社ロゴ字.png"); background-repeat: no-repeat; } /*ヘッダー部の中身center*/ .h-center #image2{ 省略 } .h-center #image3{ 省略 /*ヘッダー部の中身right*/ /*address部*/ .h-right address { display:flex; flex-wrap:nowrap; flex-direction: column; box-sizing: border-box; height: 15vmin; width: 100%; font-style: normal; line-height: 1.5; /*行間を少し狭く*/ } /*SNSのリンクボタン集*/ #sns{ margin-top: auto; } .h-right #sns{ 省略 } #sns ul { 省略 } li#Instagram a{ 省略 } li#Line a{ 省略 } li#Facebook a{ 省略 } /*メインメニュー*/ /*メニューブロックの設定*/ #menubar { margin: 20px auto 20px; height: 45px; } ul{ display:flex; padding:40px; } /*メニュー1個あたりの設定*/ #menubar li { width: 16.66%; line-height: 1; /*行間を少しだけ狭く*/ } #menubar li a { text-decoration: none;display: block; text-align: center; height: 30px; /*高さ*/ padding-top: 15px; /*上に追加する余白*/ color: #fff; /*文字色*/ background: #779eec; /*背景色*/ }
質問日時: 2023/12/18 19:52 質問者: denpataro
ベストアンサー
1
0
-
6
WEBページを強制的に横画面で見るように回転させる HTML CSSコード
こんにちは、PCサイトをスマホでも見れるように調整して作成しました。 ですが、横画面限定で見てもらわないと、見た瞬間離脱されそうです なので、アクセスした瞬間からスマホを回転させないと見れない仕様にしたいと思います。 こういった場合、どういうコードを書けばよいのでしょうか? 詳しい方、よろしくお願いします。
質問日時: 2023/03/13 09:56 質問者: gekikaraou
ベストアンサー
7
0
-
7
HTMLで画像をポップアップで表示するようにする方法
HTMLで、この画像のように画像をポップアップでタイトル付きで表示するようにする方法をおしえてほしいです。 https://toretama.jp/click-big-image-floaty.html これにタイトルをつける方法です。画像は http://www.lifecorp.jp/ の2024/01/08 17:00時点のものです。
質問日時: 2024/01/08 18:52 質問者: 優里さん
解決済
4
0
-
8
Affinger6でトップページに記事をタイル状に並べたい
WordPressでAffinger6を使用しています。 最近よくみかける、トップページで記事がタイル状に並んだレイアウトにしたいのですが、 Affingerの中の設定ではできず、html,css,phpなど新規で作る必要があるようです。 こちらのサイトのようにしたいのですが、 ガジェマガ https://2week.net/ やり方の説明をしているサイトなどありませんでしょうか? よろしくお願いします。
質問日時: 2023/05/20 14:55 質問者: titleket
ベストアンサー
1
0
-
9
htmlで<form>~</form>を並べて記述すると一行置きに記述されてしまうのですがこれを回避
する方法はあるでしょうか? <html><head></head><body> <form><button>ok</button></form> <form><button>ng</button></form> <form><button>xy</button></form> </body></html>
質問日時: 2024/03/18 06:24 質問者: reiman
ベストアンサー
3
0
-
10
ホームページの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
-
11
HTMLの CSSのファイルというのは、 .cssにするとメモ帳が出てくるのですが 大丈夫でしょうか
HTMLの CSSのファイルというのは、 .cssにするとメモ帳が出てくるのですが 大丈夫でしょうか?
質問日時: 2023/12/27 15:14 質問者: Wohinfahrensie
ベストアンサー
3
0
-
12
HTMLですCSSです 画像のように作りたいのですが 以下のようにあってますか?間違ってる感じがしま
↓すいませんおしえてください!以下はHTMLかな?CSSとかも教えていただきたいです お直しできると助かります!! header.png hot_coffee.png ice_caffee_au_lait.png ice_coffee.png 使う画像のやつ↑ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>T.U.Cafe</title> <style> header.png body { background-color: #A52A2A; /* 背景色を茶色に設定 */ color: white; font-family: 'Your Font', sans-serif; } .title { background: rgba(255, 255, 255, 0.5); /*header.png 透明背景 */ color: white; font-size: 2em; text-align: center; } .menu-item { background-color: white; color: #8B4513; /* 茶色の文字 */ padding: 10px; margin: 10px; } .menu-name { font-weight: bold; } .menu-price { font-weight: bold; } .menu-description { font-size: 0.8em; } .footer { color: #8B4513; /* 茶色の文字 */ font-size: smaller; text-align: center; } /* その他必要なスタイルを追加 */ </style> </head> <body> <div class="title">T.U.Cafe</div> <div class="subtitle">こだわりの1杯を あなただけのために</div> </html> <html> <title>Online HTML Editor</title> <head> <style> body { /* 周りは茶色で */ background-color : brown; } #div1 { border-left : solid 8px white; /* 白い四角に */ color : white; /* 白い文字の店主のこだわり */ /* そして下は白点線をたくさん */ border-bottom : dotted 4px white; } </style> </head> <body> <div id="div1">店主のこだわり </div> <div style="background-color : white;"> ご来店ありがとうございます。<br> <span style=" /* T.U.Cafeの文字は */ /* 白い文字で */ color:white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; /* 大きめに */ font-size:larger; font-weight:bolder; ">T.U.Cafe</span> ご注文を頂いてからコーヒーの実の収穫,果肉などの取り除き,豆の選別,焙煎,グラインドをして提供しています。 ご提供まで少々お時間を頂きますが,「あなただけの1杯」を淹れることにこだわりを持っています。 <br> 楽しんてください。<br> </div> </body> </html> <html> <title>Online HTML Editor</title> <head> <style> body { /* 周りは茶色で */ background-color : brown; } #div1 { border-left : solid 8px white; /* 白い四角に */color : white; /* 白い文字のトケイ */ /* そして下は白点線をたくさん */ border-bottom : dotted 4px white; } </style> </head> <body> <div id="div1">店主のこだわり</div> <div style="background-color : white;"> ご来店ありがとうございます。<br> <span style=" /* T.U.Cafeの文字は */ /* 白い文字で */ color:white; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; /* 大きめに */ font-size:larger; font-weight:bolder; ">T.U.Cafe</span>はご注文を頂いてからコーヒーの実の収穫,果肉などの取り除き,豆の選別,焙煎,グラインドをして提供しています。 ご提供まで少々お時間を頂きますが,「あなただけの1杯」を淹れることにこだわりを持っています。<br> <br> </div> </body </html <div class="menu-item"> <div class="menu-name"></div> <img src="hot_coffee.png" alt="hot_coffee.png" /> <div class="menu-price">/5,000-</div> <p style="border-bottom: 1px dotted white;">下線ボーダー、ドット</p> <div class="menu-description">当店自慢のホットコーヒーです。「あなただけの1杯」をぜひお試しください。</div> <span style="text-decoration: underline; color: red;">もっと見る</span> </div> <style> #wrap { width: 80vw; margin: 0 auto; display: flex; flex-wrap: wrap; } #wrap > div { width: 35vw; height: 35vw; margin: 2vw; border: 1px solid gray; text-align: center; font-size: 4vw; }<p style="color: white;">・白背景</p> <p style="border-bottom: 1px dotted black;">下線ボーダー、ドット</p> </style> </head> <body> <div id="wrap"> <div>ホ</div <div>ア</div> <div>レ</div </div> </body> </html> <div class="menu-item"> <div class="menu-name"></div> <img src="path_to_shaved_ice_image.jpg" alt="かき氷" /> <div class="menu-price">/8,000-</div> <div class="menu-description">暑い夏にぴったりのアイスコーヒーです。ご注文を頂いてから氷出しで1滴1滴抽出します。</div> <span style="text-decoration: underline; color: red;">もっと見る</span> </div> <div class="menu-item"> <div class="menu-name">アイスカフェオレ</div> <img src="path_to_daikon_image.jpg" alt="大根" /> <div class="menu-price">/8,000-</div> <div class="menu-description">ご注文を頂いてから氷で抽出するアイスコーヒーと,搾りたての牛乳を絶妙なバランスで。</div> <span style="text-decoration: underline; color: red;">もっと見る</span> </div> <div class="menu-item"> <div class="menu-name">Copyright © T.U.Cafe. All Rights Reserved.</div> <div class="menu-price"></div> <div class="menu-description"></div> <span style="text-decoration: underline; color: red;"></span> </div> <div class="footer">Copyright © T.U.Cafe. All Rights Reserved. </div> </body> </html>
質問日時: 2023/12/24 16:15 質問者: Wohinfahrensie
ベストアンサー
3
0
-
13
テーブルを中央に配置
ウェブをつくっており、ページないはテーブルの中に収めています。 スマホで見るとテーブル外は見れませんが、pcの ウェブで確認するとテーブルが左側によっており、バランスが悪いです。 css調べたらテキストを中央配置する方法はあったのですが、テーブルはなかったです。 テーブルを画面の水平方向中央に配置するにはどうしたらいいでしょうか? cssいじるとしたらどの項目をどうすればいいですか?
質問日時: 2023/12/21 09:21 質問者: takeyabeer
解決済
3
0
-
14
ベストアンサー
4
0
-
15
12月のカレンダーを表すHTMLを教えてください。 すいません お願いします
12月のカレンダーを表すHTMLを教えてください。 すいません お願いします
質問日時: 2023/12/02 13:30 質問者: Wohinfahrensie
解決済
4
0
-
16
HTMLです
次の意味を持つ要素または次の効果を設定するプロパティを選んでください。という問題で、 リストの行頭記号を画像にする のは、dtですか?
質問日時: 2023/11/29 15:05 質問者: Wohinfahrensie
解決済
2
0
-
17
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
-
18
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでる
大至急。webのシングルページを作ろうと考え、イラレでデザインをしました。 それからの手順で悩んでることがあり、イラレで作ったデータをDreamweaverでHTML化したいのですが、手順がわかりません。詳しい方教えていただけたら本当に幸いです。 もし、イラレで作ったシングルページでDreamweaverで作ることができないのでしたら、HTML化は最終的な必須条件なので、他の方法を教えていただけたら有り難いです。 要件としては、一つのwebのシングルページを作り、それをHTML化し、indexとcssの2つのファイルを作りたいということです。 よろしくお願い致します。
質問日時: 2023/11/21 23:42 質問者: tyuhgghhhg
解決済
2
0
-
19
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
-
20
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
-
21
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
-
22
HTML 訪問カウンターを自作したい
興味があって、HTMLの勉強を始めました。 簡単なページを作成できるようになった段階のレベルです。 サーバーはGMOプロバイダーが提供のホームページスペースです。 ここに、訪問者カウンターを設置したいなと思っています。 調べたところ、本格的なSEO用だったㇼ、 無料で使えるカウンターを提供しているサイトだったㇼが在るみたいですが、 簡単に出来るものであれば自作したいと思っています。 こんなレベルでも、分かるようなサイトがあれば教えてください。 どのようなスキルが必要なのでしょうか。 宜しくお願いします。
質問日時: 2023/02/20 08:37 質問者: nagahaha
ベストアンサー
4
1
-
23
トリミングで表示した画像をクリックで元どおりにしたい
webページに画像を二つ、横並びで表示し、その二つを合わせて全画面(100%)になるように設定しています。 ただし左右の画像はトリミングされ、画面上に見えているのはそれぞれの画像の横半分のみです。 左の画像をクリックしたら、トリミングされた部分も含めて画像がスライドし、左画像だけで画面が埋まり、同じように、右の画像をクリックしたら、トリミングされた部分も含めて画像がスライドし、右画像だけで画面が埋まる仕組みを作りたいのですが、 どこかに参考になりそうなサイト、または詳しい方は居ないでしょうか? クリックしてから画像を動かしたい(スクロールやページ読み込みでの自動切り替えでも、ボタン式のスライダーでも無い)のと、トリミング解除(元々の画像を横幅縮めて表示し、クリックで広がるようなモノではなく)で難儀している次第です。 お手数おかけしますが、よろしくお願いします
質問日時: 2022/12/16 18:49 質問者: ebiebi56
ベストアンサー
3
0
-
24
HTMLで表をつくったのですがウィンドウの大きさを変化させると、表の真ん中の列だけ補足なり、表の中の
HTMLで表をつくったのですがウィンドウの大きさを変化させると、表の真ん中の列だけ補足なり、表の中の文字も段落が下になります。それ以外のセルは文字も大きさもその縮図のまま小さくなりますが、そこの烈だけ細く、文字も下へ下へとなってしまいます。原因が分かりません。
質問日時: 2024/01/03 21:57 質問者: Rai.4
解決済
4
0
-
25
HTMLです ブロック要素にするにはどうすれば良いですか?教えてくださいお願いします
HTMLです ブロック要素にするにはどうすれば良いですか?教えてくださいお願いします
質問日時: 2023/12/23 21:59 質問者: Wohinfahrensie
ベストアンサー
1
0
-
26
htmlのstyleのposition:relativeとpoition:abusoluteと無指定
の違いが分からないので教えてください <html> <style> .xx{position:absolute;} .yy{position:absolute;} </style> <div class="xx" style="height:24px"> <span class="xx" style="left:20%">abc</span> <span class="xx" style="right:20%>xyz</span> <div> <div>|||||||||||||||||||||||||||||||||||||</div> を実行するとabcとxyzと||||...||| が左端同一行に重なってわけが分からないものになります <div class="yy" style="height:24px"> <span class="xx" style="left:20%">abc</span> <span class="xx" style="right:20%>xyz</span> <div> <div>|||||||||||||||||||||||||||||||||||||</div> と <div style="height:24px"> <span class="xx" style="left:20%">abc</span> <span class="xx" style="right:20%>xyz</span> <div> <div>|||||||||||||||||||||||||||||||||||||</div> 場合にはきちんとなるのですが 両者は若干位置が異なります positionの指定absoluteとrelativeの使い方を教えてください
質問日時: 2023/12/23 16:53 質問者: reiman
ベストアンサー
2
0
-
27
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
-
28
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
-
29
ヘッダーの画像にメインエリアがかぶってしまいます
書籍を写す形でサイト作成の練習をしております。 該当する箇所の値や数値は間違っていないはずなのですが、画像がお手本より少し見きれ、また、下のメインエリアの文字や画像が被ってしまう状態となっております。 この場合どうすればいいのでしょ HTML↓ <body> <div id="news" class="big-bg"> <header class="page-header wrapper"> <h1><a href="index.html"><img class="logo" src="images/logo.svg" alt="WCBカフェホーム"></a></h1> <nav> <ul class="main-nav"> <li>うか?試しにheightの数値をいじってもみましたが、画像がどんどん見切れるだけできれいには表示されませんでした <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> <div class="wrapper"> <h2 class="page-title">News</h2> </div><!-- /.wrapper --> <div class="news-contents wrapper"> <article> <header class="post-info"> <h2 class="post-title">店内ギャラリーの絵が新しくなりました</h2> <p class="post-date">3/30 <span>2019</span></p> <p class="post-cat">カテゴリー:お店の紹介</p> </header> 該当すると思われる辺りのCSS↓ /* NEWS -----------------------------------*/ #news{ background-image: url(../images/news-bg.jpg); height: 270px; margin-bottom: 40px; } #news .page-title{ text-align: center; } /* 記事部分 */ article{ width: 60%; order: 2; } .post-info{ position: relative; padding-top: 4px; margin-bottom: 40px; } .post-date{ background: #0bd; border-radius: 50%; color: #fff; width: 100px; height: 100px; font-size: 1.625rem; text-align: center; position: absolute; top: 0; padding-top: 10px; } .post-date span{ font-size: 1rem; border-top: 1px rgba(255, 255, 255, .5) solid; padding-top: 6px; display: block; width: 60%; margin: 0 auto; } .post-title{ font-family: "Yu Mincho","YuMincho",serif; font-size: 2rem; font-weight: normal; } .post-title, .post-cat{ margin-left: 120px; } article img{ margin-bottom: 20px; } article p{ margin-bottom: 1rem; }
質問日時: 2022/11/28 14:06 質問者: SUI42
解決済
1
0
-
30
HTML入門でもう躓いてしまった。
https://www.tohoho-web.com/wwwbeg1.htm#Display 上記サイトを参考にメモ帳ファイル(ファイル名はtest.html)に下記のコードをコピペした。 <!DOCTYPE html> <html> <head> <title>HTMLの練習</title> </head> <body> 初めてのWebページです。 </body> </html> 保存後、再度test.htmlファイルをダブルクリック。すると、「初めてのWebページです。」とブラウザで表示された。ここまでは順調だったけど、これ以降前に進みません。サイトの説明では、 「初めてのWebページです。」という文章を修正してみましょう。 メモ帳で、「初めてのWebページです。」を、「私の初めてのWebページです。」に変更してください。 と説明してありますが、テキスト変更する画面がありません。「私の」という文字を追加したいですが、どこで追加すればいいですか? この参考サイトにはそこまで説明していません。全然前に進めなくなってしまった。
質問日時: 2024/02/16 14:19 質問者: hまる子
解決済
10
0
-
31
列のどこをクリックしてもソートできるようにするには
いつもお世話になっています。 テーブルの先頭行(タイトル行)をクリックしたときにソートできるようにしていたのですが、行数が増えてきて先頭行をクリックするのがしんどくなってきたので、列中のどこをクリックしてもソートするサンプルコードをご教示ください。
質問日時: 2024/01/27 16:54 質問者: zyousuke
ベストアンサー
7
0
-
32
スマホ(android)のタッチパネル、指以外で反応させる方法ありますか?
なんらかの肉体接触、静電気反応という仕組みらしいですけど、体から離れた何かの物体で鍵盤アプリの長音を通低音として維持したいのですが。。
質問日時: 2024/01/18 17:14 質問者: odasaga09
ベストアンサー
2
0
-
33
HTMLです 画像のように表せますか?すいませんお願いします ・店主のこだわり ・メニューは、紫で、
HTMLです 画像のように表せますか?すいませんお願いします ・店主のこだわり ・メニューは、紫で、下線を入れてください T.U.Cafe こだわりの1杯を あなただけのために ・店主のこだわり ・メニュー
質問日時: 2023/12/27 00:23 質問者: Wohinfahrensie
ベストアンサー
1
0
-
34
HTMLです 画像のように表したいです どうすれば良いですか?教えてくださいお願いします!↓ あと、
HTMLです 画像のように表したいです どうすれば良いですか?教えてくださいお願いします!↓ あと、h2なので、二番目にいれるやつです お願いします!↓ 店主のこだわり ご来店ありがとうございます。 T.U.Cafeは,ご注文を頂いてからコーヒーの実の収穫,果肉などの取り除き,豆の選別,焙煎,グラインドをして店主のこだわり ご来店ありがとうございます。
質問日時: 2023/12/27 00:23 質問者: Wohinfahrensie
ベストアンサー
1
0
-
35
HTMLです 店主のこだわりというのを画像のように表せますか? 背景は茶色で 文字は白で 点線と白四
HTMLです 店主のこだわりというのを画像のように表せますか? 背景は茶色で 文字は白で 点線と白四角お願いします
質問日時: 2023/12/25 20:14 質問者: Wohinfahrensie
ベストアンサー
2
0
-
36
HTMLです 四角みたいにして中には ホ、 ア、 レ みたいに 上の四角は2つ、 下は左に1つ、 と
HTMLです 四角みたいにして中には ホ、 ア、 レ みたいに 上の四角は2つ、 下は左に1つ、 というように できますか? お願いします!教えてください!すいません!
質問日時: 2023/12/23 21:11 質問者: Wohinfahrensie
ベストアンサー
2
0
-
37
HTMLです次の意味を持つ要素または次の効果を設定するプロパティを選んでください。とい
次の意味を持つ要素または次の効果を設定するプロパティを選んでください。という問題で どれですか? 用語説明型のリスト は?どれか? 教えてくださいお願いします list-style-type ol list-style-position dl list-style-image dd ul li
質問日時: 2023/11/29 15:10 質問者: Wohinfahrensie
解決済
2
0
-
38
ボタンが押されたら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
-
39
プログラミングの勉強が進みません
閲覧ありがとうございます。職業訓練で、プログラミングの勉強を始めました。先生の言う通りのことはできるのですが、「では、このような表示になるように一から作ってみて」と言われると全く、わかりません。HTMLとCSS、どちらに書くのか迷うことも少なくないです。予習復習を続けてもわからなくて、情けなくて泣きそうです。練習あるのみでしょうか。いい勉強方法があればぜひ、教えてください。
質問日時: 2023/11/08 22:33 質問者: lecider
解決済
3
0
-
40
CSS中で,/*と*/で囲まれた範囲を教えてください お願いします!!
CSS中で,/*と*/で囲まれた範囲を教えてください お願いします!! コメント 属性 開始タグ 宣言
質問日時: 2023/10/04 15:24 質問者: Wohinfahrensie
ベストアンサー
1
0
-
41
メモ帳の段落の揃え方
Windowsのメモ帳で、全角スペースと半角スペースを使い分けて段落をキレイに揃えても、それを保存して再度開くと段落がガタガタになっていてガッカリします。 ガタガタにならないでキレイに保存できる方法はありますでしょうか?
質問日時: 2023/08/01 08:15 質問者: shimurakentaro
解決済
2
0
-
42
CSSファイルの日本語コメントが文字化けしてしまう
他人が作ったCSSファイルを更新したいのですが、ファイルを開くと日本語のコメントが文字化けしてしまうので困っています。 TeraPad、メモ帳、ワードパッド、いずれで開いても文字化けします。 同じ人が作ったHTMLファイルは文字化けしません。 CSSのコメントを文字化けさせずに開くにはどうすればいいでしょうか。 できれば一般的なソフトもしくはフリーソフトで対処したいです。 OSはWindows10です。 なお、CSSもHTMLもあまり詳しくないのでお手柔らかにお願いします。
質問日時: 2022/12/26 15:50 質問者: bari_saku
解決済
3
0
-
43
横幅固定の方法
画面の横幅は固定して、余白だけが画面サイズに合わせて広がっていくcssの書き方はどうすればいいですか?
質問日時: 2022/12/03 22:42 質問者: riribestwanko
ベストアンサー
1
0
-
44
青い枠のみのHTML
ログインとか、検索とか フチなしの青い枠(窓)がありますが、 この枠(窓)のHTMLを教えてくれませんか? 言うまでもなく、ログイン等、テキス文字が 入っていても構いません。
質問日時: 2024/01/28 15:45 質問者: toufu-mental
ベストアンサー
4
0
-
45
CSSでつくったメニューのアニメーションがうまく動かない・変えたい
このHTMLでは、Widthが500px以下の場合、チェックボックスにチェックが入れられたらアニメーションで<ul id="topnav">を表示するのですが、チェックボックスのチェックを外した時にもアニメーションで消えていくようにできません。アニメーションが始まる(表示される範囲)をチェックボックスより下にしたいです。どうしたらいのか教えていただきたいです。フルのHTMLも教えていただきたいです。よろしくお願いいたします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Menu Example</title> <style> /* メニューボタン */ .menu-button { display: none; } /* 横幅が500px以下の場合にul要素を非表示にする */ @media only screen and (max-width: 500px) { #topnav { display: none; } .menu-button { display: block; } } /* メニューボタンをクリックしたらul要素を表示する */ @media only screen and (max-width: 500px) { .menu-button:checked ~ #topnav { display: block; animation: slide-down 0.5s ease-out; } } /* スライドダウンアニメーション */ @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } /* メニューボタンをクリックしたらul要素を非表示にする */ @media only screen and (max-width: 500px) { .menu-button:not(:checked) ~ #topnav { display: none; animation: slide-up 0.5s ease-out; } } /* スライドアップアニメーション */ @keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } </style> </head> <body> <input type="checkbox" class="menu-button"> <ul id="topnav"> <li><a>Home</a></li> <li><a href="about">About</a></li> <li><a href="contact">Contact</a></li> </ul> </body> </html>
質問日時: 2024/01/21 11:48 質問者: 優里さん
解決済
2
0
-
46
pythonのコードについてご教示ください
ネットバンキングのログインする際のテキストボックスにワンタイムパスワード用のカードリーダーを使用してそのテキストボックスに入力した値を取得したいのですがうまくいきません。 テキストボックスになっている要素が下記です。 <input type="password" size="23" class="number-m otpinput" name="otp"> Selectorをコピーしたものが下記です body > form > div > table:nth-child(1) > tbody > tr:nth-child(2) > td.otpbg3 > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > input JSパスのコピーが下記です document.querySelector("body > form > div > table:nth-child(1) > tbody > tr:nth-child(2) > td.otpbg3 > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > input") ちなみに要素の画面で見ると、input type="password" のinputに下のところに赤い波線のようなラインが入っています。 valueがないので、.get_attribute("value")が使えないかと思います。この場合のヒントを是非ともどなかた教えてください。どうぞよろしくお願い致します。
質問日時: 2024/01/14 05:39 質問者: 太郎です
ベストアンサー
1
0
-
47
パソコンのマイク機能
この前までチャトGPTでマイク機能で音声入力できたが どうしたか使えなくなった 設定をみたが マイクが使えるようになっているはずなんだが使えないどうして
質問日時: 2024/01/11 18:07 質問者: norakurotodoroki
解決済
2
0
-
48
下のやつをHTMLで表せますか?すいません これは最後に付け加えたいです 最後に お願いします Co
下のやつをHTMLで表せますか?すいません これは最後に付け加えたいです 最後に お願いします Copyright © T.U.Cafe. All Rights Reserved.
質問日時: 2023/12/27 00:12 質問者: Wohinfahrensie
ベストアンサー
2
0
-
49
すいませんHTMLです cssです教えてください!お願いします!↓ 画像のように イを、左上に アを
すいませんHTMLです cssです教えてください!お願いします!↓ 画像のように イを、左上に アを右下に 画像をその下の左下に隣にすいません。をいれて その右下にけんさく赤文字で下線を お願いします 四角は白で 背景はできれば茶色でお願いします! 使う画像は左上から以下の通りでお願いします hot_coffee.png ice_caffee_au_lait.png ice_coffee.png
質問日時: 2023/12/24 16:15 質問者: Wohinfahrensie
ベストアンサー
1
0
-
50
すいません HTMLです この画像をHTML、(もしくはCSS)で表すにはどうすれば良いですか? 教
すいません HTMLです この画像をHTML、(もしくはCSS)で表すにはどうすれば良いですか? 教えてくださいお願いします!
質問日時: 2023/12/23 16:04 質問者: Wohinfahrensie
ベストアンサー
2
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
日常会話の「結構です」「大丈夫です」は否定・肯定どっちの意味?言葉遣いの注意点
日常会話で使うことが多い「結構です」や「大丈夫です」という言葉。複数の意味を持つため、自分の意図と異なる内容で相手に伝わってしまったり、相手がどんな意味で言っているのかはっきりせず困った経験がある人も...
-
自宅かお店か…気になる「保管付き宅配クリーニング」のクオリティや保管状況の実態
このところ、クリーニングに出した布団や衣類を一定期間店舗で預かる「保管クリーニング」というサービスが注目されている。実店舗での依頼のみならず、最近ではネット注文すると、回収・保管・配送まで行ってくれる...
-
メダロット:第234話「Vol.234※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
今さら聞けない物流の2024年問題とは?物流法の改正案はどんな内容?
2024年4月から、トラック運転手の時間外労働を年間960時間までとする規制が適用となる。違反した場合は30万円以下の罰金または6ヵ月以下の懲役が科せられる。働き方改革の一環として、労働基準法によって定められた...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSデータの作成方法について(FTP内)
-
htmlの文字が縦書きになる
-
HTMLですCSSです この画像のように ...
-
テーブルの行を折りたたみたいので...
-
初心者html・CSS ウィンドウを縮小...
-
WEBページを強制的に横画面で見るよ...
-
HTMLで画像をポップアップで表示す...
-
Affinger6でトップページに記事をタ...
-
htmlで<form>~</form>を並べて記述...
-
ホームページのURLをコピーして...
-
HTMLの CSSのファイルというのは、 ...
-
HTMLですCSSです 画像のように作り...
-
テーブルを中央に配置
-
HTMLに背景を追加するやり方を教え...
-
12月のカレンダーを表すHTMLを教え...
-
HTMLです
-
css初心者 フレックスボックスの適...
-
大至急。webのシングルページを作ろ...
-
Windows環境下のHTML内部リンクでル...
-
HTMLで特定の文字だけ色を変えたい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
WEBページを強制的に横画面で見るよ...
-
青い枠のみのHTML
-
HTML入門でもう躓いてしまった。
-
列のどこをクリックしてもソートで...
-
画像が分割されて切り替わる、ルー...
-
角丸画像の背景色を透明にしたいです
-
HTMLで画像をポップアップで表示す...
-
HTMLで特定の文字だけ色を変えたい...
-
エクセルのファイルのダウンロード ...
-
メモ帳の段落の揃え方
-
テーブルタグのセルの幅の一部だけ...
-
<input>のstep属性に違反する入力を...
-
別サイトのHTML内にある情報を自動...
-
疑似要素で背景画像に指定したSVG画...
-
スマホ(android)のタッチパネル、...
-
アコーディオンメニューが思うよう...
-
HTMLの・要素・属性・属性値 はプロ...
-
CSSが上手く反映されないみたいです
-
スマホでHTMLファイルを開いてリン...
おすすめ情報