回答数
気になる
-
サイト内のGoogleマップが表示されなくなりました。
ワードプレスでホームページを作っています。 サイト内にShortcodes Ultimateというプラグインを使ってGoogleマップを表示させているのですが、昨夜から「maps.google.com で接続が拒否されました。」と表示され地図が表示されなくなりました。 違う方法で表示させると表示されるのですが、数千ページあり、全て差し替えるのは困難です。 何か良い方法はないでしょうか? よろしくお願い致します。
質問日時: 2021/05/26 07:39 質問者: get3
ベストアンサー
1
1
-
このホームページ…どうですか?
サイト内容は、あまり見ないでください。 CSS(おしゃれか、飾りは良い感じかなど)や、HTML(テキストの置き方など)などの面で どんな感じか教えてください。 あとSSLがないので、そう言うので見たくない人は、下の画像を見てください。 URL: http://kurogehome.dokkoisho.com
質問日時: 2021/05/24 16:56 質問者: niku-zanmai
解決済
6
0
-
Webページを趣味で作っているものです。 もっと面白いWebページを作って公開しようと思うのですが、
Webページを趣味で作っているものです。 もっと面白いWebページを作って公開しようと思うのですが、HTMLやCSS、JavaScript、PHPの他に何があればより面白くなると思いますか?
質問日時: 2021/05/22 16:27 質問者: ぽる兄
ベストアンサー
2
1
-
iPhoneがメディアクエリーを認識しない?
iPhone8 パソコンのブラウザーで下のコードを読むと、ブラウザーの横幅に合わせて、640px以下なら、フォントサイズが変わります(大きくなります)。 しかし、iPhoneで閲覧すると、文字が小さい(メディアクエリーが適用されない)です。コードが間違っているでしょうか。 教えてください。お願いします。(初心者のおかしな質問だと思いますが、お許しください) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>メディアクエリーテスト</title> <style> @media screen and (max-width:640px) { .text { font-size:32px; } a { font-size:18px; } } </style> </head> <body> <center> <p class="text"> テキストテキストテキストテキストテキストテキストテキスト </p> <hr/> <a href="#"><リンクテキスト></a> </center> <hr/> </body> </html>
質問日時: 2021/05/20 19:29 質問者: Chown
ベストアンサー
1
1
-
HTMLのテキストが、iPhoneでとても小さく表示される。改善策は?
とても単純な、1ページだけのウェブページを作成しています。 パソコンで表示すると問題ないのですが、iPhoneでは、文字が大変小さくなります。改善する方法がありましたら、教えてください。お願いします。 ▼コード <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>テストページ</title> </head> <body> <center> <p style="font-size:large;"> こちらはテストページです。文字の大きさを確認するためのものです。こちらはテストページです。文字の大きさを確認するためのものです。こちらはテストページです。文字の大きさを確認するためのものです。 </p> <hr/> <p style="font-weight:bold;font-size:x-large;"><a href="#"><テストリンク> </a></p> </center> <hr/> </body> </html>
質問日時: 2021/05/20 14:52 質問者: Chown
ベストアンサー
2
1
-
タブレット用コーディングについて
タブレットに限定してコーディングをしています。 よくアプリであるように、縦スクロールせず1画面にすべての要素を収めたい場合、どのような指定方法があるでしょうか? 横幅は%指定、テキストサイズvw指定でいけると思います。 縦もどのデバイスで見ても同様の見た目になるように1画面におさめるというのは難しいでしょうか? 要は、デバイスが変わっても、デバイスに依存する形で拡大縮小されてほしいのですが、そういったことはできないのでしょうか? 最低幅と最低の高さを決めて、それ以上大きなデバイスでは、周りに余白ができるような形しか、同じような見た目をつくることはできないでしょうか? よろしくお願いします。
質問日時: 2021/05/11 16:42 質問者: sanaeeeee
解決済
2
0
-
htmlについて
htmlで質問です。 <explanation> <p>説明</p> </explanation> このような、独自でタグって作ってもよいのでしょうか? よく <main> </main> などを目にします。 またこれらにcssを適応させる場合はどのようにすればいいのでしょうか?
質問日時: 2021/05/08 08:55 質問者: 9うい9p
ベストアンサー
2
0
-
「ECサイト作成専用書籍」となるといろんな言語が絡んで
今やスマホ時代なのでパソコン画面対応 のECサイトは時代遅れです。 それで! 数年前CSSの本を購入して全部やりました。 当時はレスポンシブル関連の知識が薄くて やったた後に気づていのでが肝心なレスポンシブル関連 の学習項目が少ししかなくて主にPC画面対応だったので、 かなり時間のロスをしてしまいました。 それで、最近コロナ化でECサイト作成の需要多くななている とマレーシア ブロガー 学 さんがユーチューブ でつぶやいていました。 それで! レシポンシブル対応を前提とした 「ECサイト作成専用書籍」となるといろんな言語が絡んでき ますので完全版の書籍は期待できそうもないです。 無ければ、それに一番近い書籍はありませんか? 私のスキルは 1)PHPは基礎学習は済ませましたので後は実践あるのみです。 2)CSSも基礎的ことはわかります。(実践がないです。) 3)データベースは 現在MAMPでMySQLを学んでいます。 4)Javascriptの基礎はわまります。 以上ですが ECサイトのサンプルサイト立ち上げる予定です。 作りながら学ぶ「ECサイト作成専用書籍」を探しています。 もしお勧めの書籍がありましたら ご紹介していただけましたら光栄です。 よろしくお願いいたします。
質問日時: 2021/05/08 06:46 質問者: Campus2
ベストアンサー
1
2
-
Chromeがiframe内の「#~」に釣られてしまうのは仕様ですか?
次のようなソースのファイルを作ってChromeで表示してみたらページの先頭からではなくiframeの所から表示されてしまいました。 ページを表示した後、先頭までスクロールしてからリロードすれば先頭から表示されるのですが、ソースにある「このページへのリンク」などリンクをクリックして表示した場合は先頭ではなくiframeの所から表示されます。 これはChromeのバグでしょうか? 仕様でしょうか? 仕様だとしたら、どうしてこのような仕様になったか、ご存知の方がいらっしゃいましたら教えてください。 test1.html http://hitorinezumi.html.xdomain.jp/test1.html ↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Chromeのiframeのバグ?</title> </head> <body> <div style="height:200px;"> バナー、ヘッダなど。 </div> <div style="height:250px;"> <h4>↓↓↓iframe↓↓↓</h4> <iframe src="test0.html" id="test0" title="test0"></iframe> </div> <div style="height:1000px;"> <a href="test1.html">このページへのリンク</a> </div> </body> </html> test0.html ↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>iframe内</title> </head> <body> <p>iframe内</p> <script type="text/javascript"> <!-- location.href = '#top'; --> </script> </body> </html>
質問日時: 2021/05/06 22:01 質問者: いしい
解決済
1
0
-
解決済
1
0
-
文字の囲みボックスが中央に配置されません。text-align: center; をCSSのボックス
文字の囲みボックスが中央に配置されません。text-align: center; をCSSのボックスのコードに追加しても、なぜか真ん中に行きません。 どうしたらよいでしょうか?回答よろしくお願いいたします。 付属画像のように真ん中に配置したいです。 コードは下にあります。 ◎HTMLのコード <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" /> <title>お問い合わせ</title> <link rel="stylesheet" href="highcoin.css"> <style </style> </head> <body> <div class="box_css"> <p>次の注意事項を読んでください </p> </div> </body> </html> ◎◎cssのコード(high coin) /* 電話の際の注意事項ボックスのデザイン, */ .box_css{ width:100px; margin: 5em; border: solid 3px #f83c02; background-color: rgb(255, 255, 255); text-align: center; }
質問日時: 2021/05/06 07:05 質問者: pjdmgam
ベストアンサー
1
0
-
SASS記法よりSCSS記法の方が人気があるそうです。
SASS記法よりSCSS記法の方が人気があるそうです。 なので後者【SCSS記法」の書籍のできれば電子版を 現在探しています。 しかし ありません 何でないのですか? よろしくお願いいたします。
質問日時: 2021/05/06 05:17 質問者: Campus2
ベストアンサー
1
1
-
HTMLで画像が出なくなりましたの、続きです。
.main-visual { padding-top: 200px; padding-bottom: 100px; background-image: url(images/kobaikeisou.jpg) alt="コãƒã‚¤ã‚±ã‚¤ã‚½ã‚¦"; height: 450px; background-size: cover; color: blue; text-align: center; でbackgroundに!マークが出ています。他はチェクが付いています、中身は以前と変わっていません、 よろしくお願いいたします。
質問日時: 2021/05/05 14:21 質問者: wkbyshi
ベストアンサー
1
0
-
Htmlで画像が出なくなった
HTMLでホームページを修正していたのですが、F5キーを押したら画像が出なくなりました。 デペロパーツールで該当のカ所にビックリマーク ! が出ています。画像を出すにはどうしたら良いのでしょうか?教えてください。
質問日時: 2021/05/05 13:54 質問者: wkbyshi
解決済
2
1
-
スクロールしてから指定位置?に到達して表示されるHTMLの仕組みについて?
お詳しい方お願いいたします。 良くサイトを見ていますとスクロールしていくことで、コンテンツが表示されるページを見かけるのですが、これはどういった仕組みなのでしょうか? 例えば、こちらのクレバリーホームさんのページですが、 https://www.cleverlyhome.com/ それまでは無かったコンテンツが、スクロールして対象の位置に到達するとふわっとコンテンツが表示されると思います。 表示内容のふわっと、などはfadeや何かしらの定義でできていると思うのですが、根本的な部分でスクロールして到達してそれぞれ表示させるというのは、どういった仕組みで実現できているのでしょうか? また、そういった有名なライブラリでもあるのでしょうか? お詳しいkたいらっしゃいましたら教えて頂けないでしょうか、宜しくお願いいたします。
質問日時: 2021/05/03 21:19 質問者: oneday77
ベストアンサー
2
0
-
記述したHTMLに対応するCSSはどんなCSSの記述方法をすればレイアウトを設定できるか教えてくださ
下記HTMLに対応する CSSはどんなCSSの記述方法をすればレイアウトを設定できるか教えてください <nav class="gnav"> <ul class="pagebox nav"> <li class="box"><a href="" class="link"><i class="far fa-window-restore"></i>受注・売上</a></li> <li class="box"><a href="" class="link"><i class="fas fa-clipboard"></i>発注・仕入</a></li> <li class="box"><a href="" class="link"><i class="fas fa-download"></i>入金・売掛</a></li> <li class="box"><a href="" class="link"><i class="fas fa-upload"></i>支払・売掛</a></li> <li class="box"><a href="" class="link"><i class="fas fa-box-open"></i>在庫・棚卸</a></li> <li class="box"><a href="" class="link"><i class="fas fa-tools"></i>マスタ管理</a></li> </ul> </nav>
質問日時: 2021/05/03 14:46 質問者: 39OK
解決済
3
0
-
このCSSの + のある指定方法はどんなHTMLにたいして値を 設定しているか教えてください
このCSSの + のある指定方法はどんなHTMLにたいして値を 設定しているか教えてください .data_block .innerbox + .innerbox{ margin-top:10px; }
質問日時: 2021/05/03 14:42 質問者: 39OK
解決済
2
0
-
Bootstrap5とCSS3とSassとSASSで市場価値が高いのはどちらですか?
PHPとJavascriptの基本的に事は分かります。 あとは実践あるのみです。 現在MAMPでMySQLを学んでいますが、コマンドプロンプト 画面は飽きるのと市場価値的を高めるために他 レスポンシブル用のソースコードも学習しようと思います。 しかし二日前にBootstrap5とCSS3とSassとSASSあることに 気づきました。言語の違いはあると思います。 そこで質問です。 1)以上は全部拡張子が違うのでしょう!? 2)どの言語を学んだほうが市場価値が高そうでしょうか? よろしくお願いいたします。 以下余談です。 将来的には、自前のデータベースを重視したサイトを立ち上げることを 目標として、脱サラを目指し、アドセンス審査を通過して広告収入など で飯が食えラバいいなと思っています。 その他、企業のサイトのDBも作れたらいいかと・・・そうなるとVB (ビジュアルベーシック)も学習しないといかない・・・と夢は膨らむ一 方です^^。
質問日時: 2021/05/03 04:36 質問者: Campus2
ベストアンサー
2
1
-
CSS3の[メディアクエリ]興味があり!できれば電子版です。
レシポンシブル&CSS3ですが 参考URL https://sole-color-blog.com/blog/71/ 以上のURLはCSS3の解説のようです。 私は自動でスマホ画面かパソコン画面の幅などを調整 してくれる、プログラミンク゛に興味があります。 私は以下の書籍を丸ごと一冊やりました。 それで! CSSとはどうゆうものかの謎が解けました^^。 出版社さんが「技術評論社」だったのでしっかりした内容 だったと思います。 それで、欲が出て!今度は「CSS3」に興味が出ました。 以下の書籍は、CSS3関連は11ページしかありませんでしたので少し残念です。 https://www.amazon.co.jp/HTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%8C-1%E5%86%8A%E3%81%A7%E3%81%8D%E3%81%A1%E3%82%93%E3%81%A8%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8F%E6%9C%AC-%E6%9C%8D%E9%83%A8-%E9%9B%84%E6%A8%B9/dp/4774190640?asin=B0746F9XKD&revisionId=&format=2&depth=1 CSS3を学ぶにあたり書籍の内容の希望としまして、転用が容易な サンプルサイトを作成しながら学ぶ方式が、分かりやすくていいと思います。 できれば電子版がいいですがお勧めの書籍はありませんか? よろしくお願いいたします。
質問日時: 2021/05/02 03:55 質問者: Campus2
ベストアンサー
3
1
-
"images/logo.png" のロゴマークがスマホ画面にすると 大きすぎるので小さく
2年前に1冊CSS書籍を全部やりました。 しかし細かなことはもう忘れてしまいました。 今ほじくり返して、せっかくだったのでレシポンシブル対応 に個人的に変更しています。 それで HTML側ソースコードは以下ですが? "images/logo.png" のロゴマークがスマホ画面にすると 大きすぎるので、小さめにしたいのですが ---------------------------------------------- <header> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt="SNAPPERS"></a> </div> ------------------------------------------ CSS側で classで指定されているlogoで検索をかけると 二つのコードが出てきます。 -------------------------------- .logo { float: left; margin-top: 50px; } --------------------------------- .logo { float: none; margin-top: 28px; text-align: center; } ----------------------------------- 以上2個あるのですが! なんで似たようコードが2個あるのでしょうか? 見たところ、 images/logo.png の画像サイズを司るソースコードは見当たらないのですが よくわかりません? 1)以上のプログラムはひとまとめにできないでしょうか? 2)できれば、ロゴサイズを小さくするにはどうすればいいのでしょうか? 2年もたつ忘れました。よろしくお願いいたします
質問日時: 2021/04/29 19:25 質問者: Campus2
ベストアンサー
2
1
-
position:fixxed;で高さが無くなってしまいます…。
ページ上部についたままのメニューを作成したいのですが、その際position:fixed;の指定が必要とのことなのですが、こちらを設定してしまうとボックスの高さが無くなってしまい、背景色も無くなり、その下の要素が上に上がってきて崩れてしまいます。 <heder> <img src="img.png"> <ul> <li>メニュー</li> <li>メニュー</li> <li>メニュー</li> </ul> <heder> <p>ここには下のコンテンツがあります。</p> header { position:fixed; top:0; left:0; width:100%; height:100px; } このような設定の際に、header の高さを維持しつつ、ページ上部に固定で張り付けるにはどのような設定が必要になりますでしょうか? position ではなくともいいのですが、ヘッダーを何とか上部に固定したいと考えています。 お詳しい方宜しくお願いいたします。
質問日時: 2021/04/29 17:35 質問者: oneday77
ベストアンサー
2
0
-
サーバー内のフォルダにある写真をIEでサムネイル表示させたい。
htmlを書いたことがない素人です。(なんとなく用語を聞き覚えがある程度) フォルダ内にindex.htmlを置いて開くと、新たに追加された写真も自動でサムネイルが表示されるような便利なものを作りたいと思っています。(フリーソフト禁止なので) リモートワークとか行っていると無駄に容量が大きいファイルを開きたくありません。 サムネイルをポイントすると拡大するとか、クリックすると元ファイルが表示できれば更に良いと思っています。 一般的にJAVAは入っていると思いますが、なにが出来るのかはわかっていません。 ・会社のサーバーには各業務毎の写真があちこちのフォルダに保存されています。 ・エクスプローラーの特大アイコンでも、どれが必要なのかは開いて拡大表示させないと本当に必要なのかはわかりません。 フォルダ内に表示させるツール(ここでは仮にindex.htmlとします)を保存して、開くとサムネイル、ファイル名、撮影日が表示される。左フレームには下層フォルダが表示され、選択したら同様にサムネイル他が表示される。 この様な都合のよいものは素人には作れない、そもそもこの様な事は出来ない等もご回答頂けたら諦めも付きますのでよろしくお願いします。 長文を最後までお読み下さり、ありがとう御座います。
質問日時: 2021/04/29 11:44 質問者: mayu1992
解決済
5
0
-
gas HTML
https://productivityresearch.net/programing/13/ このサイトにある セル情報をHTMLにてブラウザ表示させる件ですが この状態だと セル1つの値しか表示できません 複数のセルの値を表示させたいのですが その場合 どのようにすれば良いのでしょうか? HTMLの 基本は理解しています
質問日時: 2021/04/29 11:26 質問者: ppp2122
ベストアンサー
2
0
-
入力フォームに送られた、情報(文字)を付属画像の右側(青い確認画面)のように名前などの項目の左に表示
入力フォームに送られた、情報(文字)を付属画像の右側(青い確認画面)のように名前などの項目の左に表示される入力された情報の部分だけを標準の文字にしたいです。 付属画像の左側の緑色の確認画面が私の書いたWebで表示されたものです。確認画面の入力された文字のみを標準の大きさにしたいです。 あと、画像にあるメールアドレスの最後のスの文字がなぜか下にいってしまいます。右側の青い画像のようにしたいのですがどうしたらよいでしょうか? 画像の入力情報は適当な人の名前にしてあります。 コードは下にあります。字数の関係で、phpやhtmlの一部はカットしており、メールアドレスの項目に関する、HTML CSS等に限定して記載しています。 回答よろしくお願いします。 入力フォームのHTMLとCSS 確認画面のHTMLとCSS のコードになります。 ◎入力フォームのHTML phpなど一部カット <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8"/> <link rel="stylesheet" href="syoki.css"> </head> <body> <form action ="hpform1.php" method ="post"> <p class="px-num"> メールアドレス:※ </p> <input type="text" class="email" name="email" id="email" value=""/> </div> </form> </body></html> ◎入力フォームのCss 一部カット /* 入力フォームのスタイル */ #email { border: 2px solid #63e02d; padding: 0.5em; background-color: snow; width: 27.8em; height: 36px; font-size: 1em; line-height: 1.2; } ◎確認画面のhtml 一部カット <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <link rel="stylesheet" href="kiyaku.css"> </head> <body> <form action ="hpform3.php" method ="post" name="doui_form" onsubmit="return false"> <label class="title" for="title">お申し込み内容の確認</label> </div> <div class="row"> <label class="col-sm-2 control-label" for="email">メールアドレス:<?php echo $email; ?></label> </div> </form> </html> ◎確認画面のcss 一部カット .title{ line-height: 80px;/* 文字の行間 *//* 下線からの余白を広げるための処置 */ font-size: 39px;/* 文字の大きさ */ font-weight: 900;/* 文字の太さ */ text-align: center;/* 文字を中央に配置 */ color: #63e02d; transform: scale( 1 , 1.1 );/* 文字の大きさ調整 */ } /* 入力フォームの項目とそのしたので線のデザイン*/ .row{ line-height: 38px;/* 文字の行間 */ font-size: 26px;/* 文字の大きさ */ font-weight: 900;/* 文字の太さ */ text-align: center;/* 文字を中央に配置 */ color: #63e02d; }
質問日時: 2021/04/27 13:14 質問者: pjdmgam
ベストアンサー
1
0
-
ラジオボタンの大きさを変更したいです。大きさを変更したくて、ラジオボタンのcssの数値(付属画像にあ
ラジオボタンの大きさを変更したいです。大きさを変更したくて、ラジオボタンのcssの数値(付属画像にあるコード)15pxから24pxに大きさを変更したところ、付属画像にあるような緑色のラジオボタンのようになってしまいました。「ラジオボタンの丸が欠けている」、「選択したときの緑色の背景が小さい」、「文字の位置が不自然」になってしまいました。 付属画像の下にある青いラジオボタンのような感じにしたいです。 ちなみにラジオボタンの大きさは24pxに変更したら、ボタンが欠けましたが、大きさは丁度良いです。 どうしたらよいでしょうか? コードは下にあります。回答よろしくお願いいたします。 ◎◎◎HTML5のコード <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <link rel="stylesheet" href="kiyaku.css"> </head> <body> <div class="radio_text"> <section> <label class="radio_text"> <input type="radio" name="doui" value="suru">同意する </label> <label class="radio_text"> <input type="radio" name="doui" value="shinai">同意しない </label> </section> </div> </body> </html> ◎◎◎cssのコード(kiyaku css) /*RadioとText*/ .radio_text{ text-align: center; } label.radio_text { cursor : pointer; position : relative; padding-left : 5px; margin-right : 20px; overflow : hidden; padding-left : 20px; display : inline-block; } label.radio_text:before { position : absolute; width : 24px; height : 24px; border : 1px solid #63e02d; border-radius : 50%; left : 0px; top : 4px; content : ''; z-index : 3; } label.radio_text:after { content : ''; position : absolute; width : 11px; height : 11px; border-radius : 100%; left : 3px; top : 7px; background-color : #63e02d; z-index : 1; } label.radio_text input[type="radio"] { -moz-appearance: none; -webkit-appearance: none; position : absolute; z-index : 2; width : 20px; height : 20px; left : -23px; top : 1px; margin : 0px; box-shadow : 20px -1px #FFF; } label.radio_text input[type="radio"]:checked { box-shadow : none; } label.radio_text input[type="radio"]:focus { opacity : 0.2; box-shadow : 20px -1px #FFF; }
質問日時: 2021/04/26 14:19 質問者: pjdmgam
ベストアンサー
1
0
-
スクロールボックス内の文字の左側の部分に少し隙間を開けたいです。上の部分と、スクロールバーのある、右
スクロールボックス内の文字の左側の部分に少し隙間を開けたいです。上の部分と、スクロールバーのある、右側の部分の隙間は自然な感じに空いているのですが、文字の左側の隙間が全く空いていなく、少し不自然な感じがします。付属画像の緑色のスクロールボックス内の文字の左側に少し隙間を開けたいです。付属画像の青いスクロールボックスの左側のように隙間を開けたいです。ちなみに緑と青のスクロールボックスの大きさと文字の大きさも同じです。画像の青いボックスの文字は他社のサイトなので隠しています。 どうしたらよいでしょうか?困っています。 コードは下にあります。 ○○HTMLコード <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <link rel="stylesheet" href="kiyaku.css"> <title></title> </head> <body> <form action ="hpform3.php" method ="post" name="doui_form" onsubmit="return false"> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="name">名前:<?php echo $name; ?></label> </div> <p></p> <label class="title2" for="title2">利用規約</label> </div> <p></p> <div class="main"> <p>(以下「本サービス」といいます。)を提供するにあたり、以下の通り利用規約を定めます。なお、本サービスのユーザーは本規約に同意されたものとみなします。<br> すべての項目にご同意いただけない場合は、本サービスのご利用をお控えください。</p> <h4>第1条 (定義)</h4> </div> </form> <p><a href="form1.php?action=edit">入力画面へ戻る</a></p> </body> </html> ○○○CSSのコード「kiyaku CSS」 /*スクロール内のボックスの指定*/ .main{ width:550px; height:350px; border: 2px solid #63e02d; overflow: auto; margin: 30px auto; color: #63e02d; } /*スクロールの幅の指定*/ .main::-webkit-scrollbar{ width: 10px; height: 10px; } /*スクロールの背景の指定*/ .main::-webkit-scrollbar-track { border-radius:5px; box-shadow: 004px #63e02d; } /*スクロールのつまみ部分の指定*/ .main::-webkit-scrollbar-thumb { border-radius: 5px; background: #63e02d; }
質問日時: 2021/04/26 08:29 質問者: pjdmgam
ベストアンサー
1
0
-
スクロールボックスに内側の線を追加したいです。スクロールボックスのコードを以前調べて、付属写真の左側
スクロールボックスに内側の線を追加したいです。スクロールボックスのコードを以前調べて、付属写真の左側の緑色のスクロールボックスが出来たのですが、付属写真の青いスクロールボックス(右側)の赤い矢印の縦線(スクロールボックスの内側の縦線)の表示のさせ方が分からずに困っています。 コードは以下になります。どうしたらよいでしょうか? ○○HTMLコード <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <link rel="stylesheet" href="kiyaku.css"> <title></title> </head> <body> <form action ="hpform3.php" method ="post" name="doui_form" onsubmit="return false"> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="name">名前:<?php echo $name; ?></label> </div> <p></p> <label class="title2" for="title2">利用規約</label> </div> <p></p> <div class="main"> <p>(以下「本サービス」といいます。)を提供するにあたり、以下の通り利用規約を定めます。なお、本サービスのユーザーは本規約に同意されたものとみなします。<br> すべての項目にご同意いただけない場合は、本サービスのご利用をお控えください。</p> <h4>第1条 (定義)</h4> </div> </form> <p><a href="form1.php?action=edit">入力画面へ戻る</a></p> </body> </html> ○○○CSSのコード「kiyaku CSS」 /*スクロール内のボックスの指定*/ .main{ width:550px; height:350px; border: 2px solid #63e02d; overflow: auto; margin: 30px auto; color: #63e02d; } /*スクロールの幅の指定*/ .main::-webkit-scrollbar{ width: 10px; height: 10px; } /*スクロールの背景の指定*/ .main::-webkit-scrollbar-track { border-radius:5px; box-shadow: 004px #63e02d; } /*スクロールのつまみ部分の指定*/ .main::-webkit-scrollbar-thumb { border-radius: 5px; background: #63e02d; }
質問日時: 2021/04/26 08:26 質問者: pjdmgam
ベストアンサー
1
1
-
ベストアンサー
1
0
-
【至急お助け!】チェックボックスにチェックで背景色変更が難しすぎて困っています!
かれこれもう2時間くらい色々と構っているのですが、全く解決ができないので質問をさせてください。 現在HTMLとCSSでオーム部品のチェックボックスに、チェックが入った際に、チェックボックスの背景色?(四角の中の色)を変更させたいのですが、これがとても難しく色ついてくれません。 少し調べたのですが、結構面倒そうなことは書いてあったのですが、試しても再現できません。 お助けください。 最初に思ったのは、単純に input[type="checkbox"]{ background:red; } とかで初期値の色を変えようとしても変わらず…。 input[type="checkbox"]:checked { background-color: red; } で指定してもチェック後に背景が変わる気配が全くありません。 その他、サイズやpaddingの指定でチェックボックスの見た目なども試してみたのですが、一切変わりません。marginで余白が定義できるくらいです。 チェックボックスの定義には何か特別なルールなどがあるのでしょうか? 全く変更ができなくて困っています。 お詳しい方、設定方法についてアドバイスをお願いいたします。
質問日時: 2021/04/25 15:39 質問者: yuyukina
ベストアンサー
4
0
-
スクロールボックスを中央に配置したいのですが上手くいきません。自分のコードは下にあります。 試してみ
スクロールボックスを中央に配置したいのですが上手くいきません。自分のコードは下にあります。 試してみたこと。 下記のURLを参考に https://h110.info/html_box_size/ cssのスタイルシートに margin-left: auto; margin-right: auto; を追加してみても変化がありませんでした。 何か私のやり方が間違っているのでしょうか? どうしたらよいでしょうか?途方に暮れています。ちなみにスクロールのつまみの色等はきちんと適応されています。 画像も付属しておきます。ボックス内の文字一部消しています。 ○HTMLコード <!DOCTYPE html> <html> <head> <meta charset ="utf-8"> <link rel="stylesheet" href="kiyaku.css"> <title></title> </head> <body> <form action ="hpform3.php" method ="post" name="doui_form" onsubmit="return false"> <p></p> <div class="row"> <label class="col-sm-2 control-label" for="name">名前:<?php echo $name; ?></label> </div> <p></p> <label class="title2" for="title2">利用規約</label> </div> <p></p> <div class="main"> <p>(以下「本サービス」といいます。)を提供するにあたり、以下の通り利用規約を定めます。なお、本サービスのユーザーは本規約に同意されたものとみなします。<br> すべての項目にご同意いただけない場合は、本サービスのご利用をお控えください。</p> <h4>第1条 (定義)</h4> </div> </form> <p><a href="form1.php?action=edit">入力画面へ戻る</a></p> </body> </html> ○CSSのコード「kiyaku CSS」 /*スクロールのボックスの位置*/ .main { margin-left: auto; /* 中央寄せにするため */ margin-right: auto; /* 中央寄せにするため */ } /*スクロール内のボックスの指定*/ .main{ width:550px; height:350px; border: 2px solid #63e02d; overflow: auto; margin: 30px; color: #63e02d; } /*スクロールの幅の指定*/ .main::-webkit-scrollbar{ width: 10px; height: 10px; } /*スクロールの背景の指定*/ .main::-webkit-scrollbar-track { border-radius:5px; box-shadow: 004px #63e02d; } /*スクロールのつまみ部分の指定*/ .main::-webkit-scrollbar-thumb { border-radius: 5px; background: #63e02d; }
質問日時: 2021/04/25 12:58 質問者: pjdmgam
ベストアンサー
1
0
-
iframeのsrcにページ内リンク(#~)があるページをスマホで見た時に先頭から表示されますか?
実際に作ったページとは異なりますが、原因を探るために用意した下記のソースでも再現しました。 iframeのsrcにページ内リンク(#~)があると、私が持っているスマホで見た時にページの先頭(下記のソースでは200pxの空白しかありません)から表示せずにiframe の所(下記のソースでは「<h4>予定表</h4>」)まで勝手にスクロールされてしまいました。ページ内リンク(#~)が無ければ先頭から表示されます。 私が持っているスマホは次の通りです。 OS: Android 5.0.2; SH-01G Build/S9280 Chrome: 90.0.4430.66 スマホでの表示を確認するためにしか利用してませんので、買い換える予定はありません。 確認したいのは、私のスマホのOSが古すぎることが原因なのか、ソースをアップロードしてあるサーバーが原因なのか、Chromeに原因があるのか、他のスマホ用ブラウザでも生じる現象で仕様なのか、それとも、私が作ったソースに問題があるのか、そして、仕様だったりソースに問題がある場合の対処方法(誰が見てもページの先頭から表示されるようにする方法)です。 私以外の方が見た場合には、ちゃんと先頭から表示されますでしょうか? テスト用ページも用意してあります。 http://hitorinezumi.html.xdomain.jp/template/timetable/index0.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>予定表</title> <style> <!-- iframe{border: 0px none transparent; width:100%; height:100%; padding:0px; margin:0px;} #block_banner{height:200px;} #container{width:355px;height:405px;} --> </style> </head> <body> <div id="block_banner"> </div><!--バナー--> <div id="container"> <h4>予定表</h4> <iframe src="Schedule.html#Tuesday" id="Schedule" title="予定表"></iframe> </div> </body> </html>
質問日時: 2021/04/24 14:26 質問者: いしい
解決済
1
0
-
CSSでレシポンシブル対応にするには?画像編です。
書籍でCSSでのホームページ作成を勉強中です。 一冊全部やりました。 それで、7ページ.htmlファイルができました。 CSSの書籍には最後から二番目に「マルチデバイス対応・・・」 とあり、レスポンシブル関連はたった 1ページ分し解説がなくて 問題のindex.html のレスポンシブルへの変換コードがないので 応用するしかないのですが、しかし画像関連がありません! それで全ページ共通のソースコードである以下ですが施してい ます。 「メディアクエリを記述する」 CSS側です。 @media screen and (max-width:600px) { /* 画面サイズ600px以下の場合に適用 */ 7ページあるhtml の全ページ共通のソースコード <meta name="viewport" content="width=device-width,initial-scale=1"> 以上ですが、問題の以下のbg-index2.jpg画像ですが 書籍~引用した画像の余計な部分を他の画像ソフトで 切り取り、それを使ったところ、 元が画像が884kb(JPG) 加工後が591KBと(JPG) とサイズは小さくなりましたが スマホ画面に切り替えると、以上のどちらの画面も バカでかくて、もっと小さくしないと全く見栄が良くありません 以下が問題のコードです。 #index { background-image: url(../images/bg-index2.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } それで 適当に CSSの他に使われていた 以下を張り付けてみましたが、全く変化なしでした。 1案) #index { width: 960px; margin: 150px auto 0 auto; background-image: url(../images/bg-index2.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } 2案) #index { width: 960px; margin: 150px auto 0 auto; background-image: url(../images/bg-index2.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } 以上ですが どうしたら bg-index2.jpg サイズを小さくできるようになりますか? よろしくお願いいたします。
質問日時: 2021/04/23 07:10 質問者: Campus2
ベストアンサー
3
1
-
HTMLCSSの勉強範囲について
HTMLCSSの勉強範囲について 未経験からWeb制作会社のWebデザイナーへの転職を希望しているものです。 以下3点質問がございます。 プロゲートだけではHTML.CSSの勉強としては不足していますでしょうか? 仮に書籍で勉強する場合、書籍の内容を1から進めるのは非効率でしょうか? プロゲートと呼ばれるオンライン学習サイトの中級編まで終わり、基礎は終えた認識なのですが、ネット記事等では、プロゲートをやっただけでは本格的なサイトは作れないから、次は書籍で勉強した方が良いと言う意見が多いですが、書籍は数百ページもあり、すべての内容の技術を使うわけではないので、書籍で勉強するのは非効率なんじゃないかと感じています。 やはり作りたいものを最初に決めておいてから、わからないところが出てきたらネットで調べていくと言う学習方法の方が良いと感じたのですが、実際のところどうなんでしょうか?
質問日時: 2021/04/22 20:55 質問者: ひろせい
ベストアンサー
2
1
-
書かれているURLと飛んだ先のURLが違う?
恐らく初歩的な質問で申し訳ありません。 特に困っているわけではないのですが、気になったので質問させて頂きたいと思います。 ↓このURL(ゲームアプリの公式サイト)なのですが、クリックするとApp Storeのページが出てきます。 https://karineva.com/ 検索エンジンでこのページを検索すると、ページタイトルにApps on Google Playとあります。 このように、書いてあるURLと実際の(?)URLを別々にするにはどのようにすればいいのでしょうか? また、App Storeのページであるにも関わらず、検索したときにGoogle Playと表示されているのはどうしてなのでしょうか? ご回答よろしくお願い致します。
質問日時: 2021/04/20 14:42 質問者: 眞鶴
ベストアンサー
1
1
-
レクトボックスの矢印のデザインを変更したくて、下記のURLを参考に、自分なりにカスタマイズしてみたり
レクトボックスの矢印のデザインを変更したくて、下記のURLを参考に、自分なりにカスタマイズしてみたり、したのですが上手くいきません。 付属画像の左側が自分が書いたコードのWeb表示になります。そして画像の右側にあるようなデザインにセレクトボックスの矢印を変更したいです。 どうしたらよいでしょうか?全く同じデザインでなくても構いません。ブラウザに対応できるものが良いです。 どうしたらよいでしょうか?困っています。ご教授お願いいたします。自分の書いたコードは下にあります。 https://junpei-sugiyama.com/select-arrow/ ◎コード <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8"/> <title>お問い合わせ</title> <link rel="stylesheet" href="syoki.css"> <style> /* セレクトボックスの位置 */ .auto-style2 { margin: auto; text-align: center; } </style> </head> <body> <form> <h2>支払方法:※</h2> <div class="auto-style2"> <select name="list" id="pay"> <option value=""></option> <option value="クレジットカード"<?php if(isset($pay) && $pay==="クレジットカード") { echo "selected" ;} ?>>クレジットカード</option> <option value="銀行振込"<?php if(isset($pay) && $pay==="銀行振込") { echo "selected" ;} ?>>銀行振込</option> </select> </div> <p></p> <p></p> <p></p> <span colspan="2"><input type ="submit" name ="submit"value="確認画面へ"></span> </form> </body></html> ◎(syoki.css)◎ /* セレクトボックスのスタイル */ #pay { border: 2px solid #63e02d; /* 枠線 */ padding: 0.5em; /* 内側の余白量 */ background-color: snow; /* 背景色 */ width: 28.8em; /* 横幅 */ height: 56px; /* 高さ */ font-size: 1em; /* テキスト内の表示文字サイズ */ color: #000000; line-height: 1.2; /* 行の高さ */
質問日時: 2021/04/19 14:47 質問者: pjdmgam
ベストアンサー
1
0
-
セレクトボックス内の文字の文字の大きさを変更したいのですが、上手くいきません。付属画像にある、上のセ
セレクトボックス内の文字の文字の大きさを変更したいのですが、上手くいきません。付属画像にある、上のセレクトボックス(緑色)は自分のコードのWeb表示画像なのですが、同じく付属画像の下にある、セレクトボックス(青色)は選択するセレクトボックス内の文字が少し大きく表示されています。(他の会社のHP画像です。)ちなみにセレクトボックス自体の大きさはどちらも同じ大きさです。 文字を大きくしたいのですが、どうしたらよいでしょうか?また、文字を大きくすると、勝手にボックス横幅が広がってしまうでしょうか? 以下がコードになります。 <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8"/> <title>お問い合わせ</title> <link rel="stylesheet" href="syoki.css"> <style> /* セレクトボックスの位置 */ .auto-style2 { margin: auto; text-align: center; } </style> </head> <body> <form> <h2>支払方法:※</h2> <div class="auto-style2"> <select name="list" id="pay"> <option value=""></option> <option value="クレジットカード"<?php if(isset($pay) && $pay==="クレジットカード") { echo "selected" ;} ?>>クレジットカード</option> <option value="銀行振込"<?php if(isset($pay) && $pay==="銀行振込") { echo "selected" ;} ?>>銀行振込</option> </select> </div> <p></p> <p></p> <p></p> <span colspan="2"><input type ="submit" name ="submit"value="確認画面へ"></span> </form> </body></html> ◎(syoki.css)◎ /* セレクトボックスのスタイル */ #pay { border: 2px solid #63e02d; /* 枠線 */ padding: 0.5em; /* 内側の余白量 */ background-color: snow; /* 背景色 */ width: 28.8em; /* 横幅 */ height: 56px; /* 高さ */ font-size: 1em; /* テキスト内の表示文字サイズ */ color: #000000; line-height: 1.2; /* 行の高さ */
質問日時: 2021/04/19 11:16 質問者: pjdmgam
ベストアンサー
1
0
-
CSSプログラム用の書籍の通りに、Webサイト作ってみました。
以下ですが、副業をはじめたいのですが まずは、簡単なにはHP作成と思い挑戦しようかと思います。 それで! CSSの書籍を購入して、HPを作成しました。 それが以下です。 http://afurieitohannei.la.coocan.jp/HTML$CSSWeb/index.html 恥ずかしながらこれで副業を始めたいと思います。 最初~お金をは取れませんので 無料で応募して、Web制作に取り掛かります。 採用されれば、次からはは有料にします。 市場価値がありそうなHPだと思われますか? よろしくお願いいたします。
質問日時: 2021/04/17 06:55 質問者: Campus2
ベストアンサー
1
1
-
z-indexで上になっている要素だけでなく下の要素も上の要素のリンクもクリックしたい。
ブロックレベル要素が重なってz-indexの数値で上下関係を決めた場合に重なっている部分では、 通常はz-indexの数値が大きい方にはアクセスできるけれど小さい数値の方にはアクセスできないと思います。 重なっている部分ではz-indexの数値が小さい方はテキストの選択もリンクのクリックもできないと思います。 ですが、私は重なっている上下の両方の要素にアクセスしないといけなくなりました。 上だけ、下だけにアクセスする方法は分かります。 両方にアクセスするにはどうしたら良いでしょうか。 単純化して試している下記の通りです。 緑色の四角の内、ピンクの枠で囲まれている所、 左のリンク「55」をクリックできて、テキスト「666」を選択できて、 右のリンク「3333」「5555」をクリックできて、とテキスト「44」「66」を選択できるようにしたいです。 ちなみに、実際のソースではin_menuとin_contentsはiframeです。divでもできなかったので、divで質問させていただきました。 よろしくお願いします。 <style> *{font-size:18px;} .menu{width:300px;height:50px;background-color:red;text-align:left;} .in_menu{width:250px;height:150px;border:10px solid pink;} .contents{width:250px;height:200px;margin-left:20px;background-color:blue;} .in_contents{width:250px;height:150px;margin-left:20px;background-color:green;text-align:right;} .footer{width:200px;height:40px;background-color:black;} .menu{z-index:0;} .in_menu{position:relative;z-index:3;} .contents{z-index:1;} .in_contents{z-index:2;} .in_menu{pointer-events: auto;} .in_contents{pointer-events: auto;} </style> <body> <div class="menu"> <div class="in_menu"> <a href="">1111</a>2222<br> <a href="">3333</a>4444<br> <a href="">5555</a>6666<br> </div> </div> <div class="contents"> <div class="in_contents"> <a href="">1111</a>2222<br> <a href="">3333</a>4444<br> <a href="">5555</a>6666<br> </div> </div> <div class="footer"></div> </body>
質問日時: 2021/04/14 02:48 質問者: いしい
ベストアンサー
1
0
-
ホームページ構築について
学校のアンケートでホームページ構築をすこしでもやったことがあるかという質問がありました。 htmlをつかってホームページをつくろうみたいなのを学んだことはあるのですが、それはホームページ構築とみなしていいんですかね?
質問日時: 2021/04/13 22:19 質問者: 榴衣
解決済
4
0
-
Firefoxで一番下のstickyが上に引っ張られる。
上からmenu、contents、footerのhtmlソースで、 contentsを"position:relative; top:-200px;"で上に200px移動させたら下のfooterとの間に隙間ができました。 この隙間を埋めるためにcontentsに"margin-bottom:-200px;"を追加したらfooterとの隙間は埋まりましたが、footerの下に隙間ができてしまいました。 contentsに"margin-bottom:-200px;"を追加する代わりにfooterに"margin-top:-200px;"を追加しても同じです。 contentsを上に200px移動させるために"position:relative; bottom:200px;"を使っても同様です。 下記のソースでFirefoxで確認しました。 Chromeでは再現しませんでした。 Firefoxはver.87.0です。 Firefoxでの動作は諦めるしかないのでしょうか? 目的はcontentsとfooterの間に隙間を作らず、かつ、footerの下に隙間を作らないことです。 ”position:sticky;”ではなく"position:fixed;"も試しましたが、contentsとfooterの間に隙間ができてしまいました。bodyのheightを固定すれば目的は達成できますが、実際のソースではbodyのheightは固定できません。 よろしくお願いします。 <style> .menu{width:300px;height:400px;background-color:red;} .contents{width:300px;height:1000px;background-color:blue;border-radius:50%;} .footer{width:300px;height:50px;background-color:red;} .footer{ position:sticky; bottom:0;left:0; } .contents{ position:relative; top:-200px; margin-bottom:-200px; } </style> <body> <div class="menu"></div> <div class="contents"></div> <div class="footer"></div> </body>
質問日時: 2021/04/13 15:51 質問者: いしい
ベストアンサー
2
0
-
添付画像のようにデザインするにはどのように作ればいいんですか
質問 ①画面サイズの決定 ②4つの大枠があると思いますがこの大枠はDIVで幅と高さのサイズを決定する? ③4つの大枠の1段目は2つの枠に分かれるが2つの枠の幅と高さのサイズを決定する? ④4つの大枠の1段目の左側と右側どうやって情報を画面に収める ⑤ここの枠は基本的にTABLE? ⑥画面を最大化やサイズ変更しても見やすいレイアウトにするには? ⑦基本的にどこからてをつけていいのかわからない ⑧早く技術を身に着けるためにCSSの何を勉強すればいい? ⑨業務システムはテーブルが多く普通の広告ホームページと違うので何を参考に作っていけばいい ⑩業務システムのCSSで必要な知識は何から勉強すればいい 全部回答くださいというわけではありません
質問日時: 2021/04/10 02:57 質問者: 39OK
解決済
1
0
-
html5のテーブル内でdivのタブが使えないのですが、divの代わりに使える(働き)が同じタブはあ
html5のテーブル内でdivのタブが使えないのですが、divの代わりに使える(働き)が同じタブはありますでしょうか??
質問日時: 2021/04/09 22:31 質問者: wujjgpv
解決済
3
0
-
Django 明細行にてボタンを押下した行の項目をpostしたい。
以下の明細行の編集ボタンを押下した時に押下した行の「set_data.id_1」をpostするにはどうすればよいでしょうか? 現在「id」の項目には最終行のset_data.id_1の値が設定されpostされます。 javascriptで確認ボタンを押下されたら目的行のset_data.id_1をhiddenのid項目にセットすればうまくいくのでしょうか> よろしくお願いします。 ソースコード <div> <div class="tab-content"> <!-- ウィンドウサイズに合わせて枠の大きさを変える --> <div class="container-fluid"> <!-- 水平方向の横スクロールバーを加える --> <div class="table-responsive col-auto"> <div class="tab-content"> {% if active_tab == 'same' %} <div role="tabpanel" class="tab-pane list_tab-pane table-responsive active" id="sam"> {% else %} <div role="tabpanel" class="tab-pane list_tab-pane table-responsive" id="same"> {% endif %} <form action="/wdd/edit_result.html" method="POST"> {% csrf_token %} <div class="form-group row"> <table class="table table-striped scroll_datatable small-table" style="width: 100%"> <thead> <th></th> <th>個体</th> </thead> <tbody> {% for set_data in data %} <tr> <td></td> <INPUT TYPE="hidden" NAME="id" VALUE={{set_data.id_1}}> <td class="text-nowrap">{{set_data.id_1}}<br>{{set_data_id_2}}</td> <td class="text-nowrap"><button onclick="location.href=\'' + url + '\'" type="submit" id="edit_result' + id + '" class="btn btn-light btn-custom-light">編集</button>' </tr> {% endfor %} </tbody> </table> </div> </form> </div> </div> </div> </div> </div> </div> {% endblock %}
質問日時: 2021/04/09 10:12 質問者: nann_c
解決済
1
0
-
Wordでもらった記事を、HTMLファイルにコピペして作業したいのですが、上手くいきません。
仕事で、Wordのファイルとしてもらった記事を、ホームページに掲載する為に、記事をコピーしてHTMLファイルに張り付けて、指定されたタグを付けていく仕事をしています。 記事にタグを付けていく以外のHTMLの他のタグなどの構造はできていて、CSSファイルも出来上がっています。 その状態から、Wordでファイルとしてもらった記事を、HTMLファイルに張り付けて、タグを付けていく作業になるのですが、Wordの記事から直接コピーしてHTMLファイルに張り付けて、指定されたタグを付けるのですが、出来上がっているCSSファイルのCSSが効きません。 やはり、Wordから直接文章をコピーしてHTMLファイルに張り付けて作業するのが悪いんでしょうか? どのようにしたら、上手くいきますでしょうか? 質問したいこと上手く説明できなくて、申し訳ございません。 いいやり方分かる方教えていただけないでしょうか? よろしくお願いします。
質問日時: 2021/04/07 16:45 質問者: aozora50
解決済
5
0
-
HTMLについて
まだ勉強し始めたばかりなのでとても初心者ですが質問させてください。 写真を挿入したい時にHTMLでimg要素を使う時に、幅・高さの指定で、なぜ(px)は記述しなくていいのでしょうか?? またHTML5&CSS3でこれだけは絶対覚えていたほうがいいよってことってあれば教えてください>< とても初心者なので厚かましいですが覚えるのが遅い馬鹿でもわかるように教えてくれたら幸いです;;;
質問日時: 2021/04/04 18:04 質問者: murasakiakasi
ベストアンサー
2
0
-
html CSS 特定テーブルのセルに対して指定したい
テーブルが複数あり、 特定のテーブルに対し 指定をしたいのです フォント等は対応できましたが セルの罫線はわかりませんでした 単にth tdを指定すると、 他テーブルのセルにも線が引かれてしまうので困ります あと 特定テーブルの1行目と2列目に対し背景色や幅を指定したいのですが <style> table.aaa{指定内容} </style> <table class="aaa"> <tr><th>あああ</th><th>いいい</th></tr> <tr><td>ううう</td><td>えええ</td></tr> </table>
質問日時: 2021/04/01 18:11 質問者: ppp2122
ベストアンサー
4
0
-
html css 書き方
<style>~</style> <style type=""text/css">~</style> の違いが判りません 何がどう違うのか書かれたものが探し出せなく・・・
質問日時: 2021/04/01 16:07 質問者: ppp2122
ベストアンサー
2
0
-
css class 意図に反した位置に反映してしまう
表のタイトルに対し 装飾を施したつもりですが、 表の外側(上部)に反映されてしまします 根本的にわかっていないと思いますが なぜNGなのかわかりません <table>を使わないと 思うように反映されていますが・・ <head> <style> .title{ background:#92D050 height: 25px } </style> <table align=center width=1150 border="1" style='border-collapse:collapse;'> <div class="title1"> <tr><th style='width:150px;'></th> </div> </table>
質問日時: 2021/04/01 07:51 質問者: ppp2122
ベストアンサー
2
0
-
HTML複数セルに対する指定
複数のセルに対し、高さやフォントについて指定するのは大変ですが そのさいまとめて指定するのは 何を使えばいいのか 参考になるサイトなど無いのでしょうか? <tbody>や<div style>をと思いますが、 どれが正解なのかわかりません <tbody>の属性を見ると フォントについては書かれていませんが フォントのサイズや色は変更できましたが セルの高さは変わりませんでした テキトーにやってみて 出来たらOK だとは思いませんので・・
質問日時: 2021/04/01 06:14 質問者: ppp2122
ベストアンサー
1
0
-
高校生一年生です。 プログラミングを勉強してwebページを作りたいです。 現在HTMLとCSSを勉強
高校生一年生です。 プログラミングを勉強してwebページを作りたいです。 現在HTMLとCSSを勉強しようと思っています。 将来的に通販ショップなどのようなECサイトを作りたいで す。またTwitterやFacebookなどのようなwebで使用できるサイトも興味があります そのような場合どのような言語を学ぶべきですか?
質問日時: 2021/03/31 18:48 質問者: りゅう125
解決済
6
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で特定の文字だけ色を変えたい...
おすすめ情報