回答数
気になる
-
誰か助けてください!! NAVERまとめをwebsite Explorerでダウンロードしようとした
誰か助けてください!! NAVERまとめをwebsite Explorerでダウンロードしようとしたら 記事の1ページ目しか保存されません!!! どうすればいいですか!!!
質問日時: 2020/08/07 00:22 質問者: つばめ3434
ベストアンサー
1
0
-
htmlで on off 未選択 を表現する要素
htmlで on off 未選択 を表現したいんですが 何か良い要素はないでしょうか?
質問日時: 2020/08/05 00:26 質問者: simarisu0812
解決済
1
0
-
Webサイトについての質問です
WPとかのサイトでURLを見ると、 sample.com/2020/08/03/ のようなURLで記事が見れると思うのですが、実際に/2020/08/03/のフォルダは存在しないですよね? フォルダが存在しなければ、普通は404が返ると思うのですが、なぜページが表示できるのでしょうか? 仕組みを教えてください。 html,php,jsはわかります。
質問日時: 2020/08/03 18:56 質問者: yuma-trumpet
解決済
1
1
-
HTMLとCSSで、ここのスペースは何が間違っているのでしょうか? 見辛くて申し訳ないですが、左が自
HTMLとCSSで、ここのスペースは何が間違っているのでしょうか? 見辛くて申し訳ないですが、左が自分のコードで右が正解です。
質問日時: 2020/08/01 20:46 質問者: Chevrolet__
ベストアンサー
2
0
-
箇条書きcssのul liで一部のliにだけ項目の左側に画像をつけたい
<ul> <li>リスト01</li> <li>リスト02</li> <li>リスト03</li> <li>リスト04</li> </ul> このリスト02と04の冒頭(項目の左)に画像を付けて表示したいのですが、htmlとcssはどのように書いたらいいでしょうか。 このようなイメージです。 リスト01 ☆リスト02 リスト03 ☆リスト04 下記のようにしてみたのですが、画像が表示されませんでした。 <ul> <li>リスト01</li> <li class="starmark">リスト02</li> <li>リスト03</li> <li class="starmark">リスト04</li> </ul> li .starmark{ list-style-type:none; background: url(./images/starmark.png) no-repeat left center; padding-left: 35px; }
質問日時: 2020/07/31 23:44 質問者: sasatoto59
ベストアンサー
2
0
-
今日からHTMLやCSSを勉強してるのですが、これらを使って、文字のフォントを変えたり、背景に色を付
今日からHTMLやCSSを勉強してるのですが、これらを使って、文字のフォントを変えたり、背景に色を付けるのは理解しましたが、Wordとかで文字の色を変えたり、背景に色を付けたり出来るのは、css?を自動的に使って色を変えてるんでしょうか?
質問日時: 2020/07/31 22:33 質問者: Chevrolet__
ベストアンサー
2
0
-
(CSS)セレクタ―の組み合わせについて
セレクタ―に"+"(プラス記号)を使い下記のようにCSSを記述しました。 p + p { color: orange } 下記の解説通り解釈すると<section>の後にある同じ階層にある3つのPタグの真ん中だけに”color:orange”が適用されるのではないでしょうか? ”+”(プラス記号)を使ったセレクタ―の使い方が自分の中でうまく解釈できません。 ”~”(波ダッシュ? チルダ? 記号)を使ったセレクタ―の組み合わせとうまく整理できません。 ”「~区切りだと後ろに続くもの」、「+区切りだとすぐ後ろだけ」というイメージですね。”とサイトに解説してありますが、一番下に記述したタグのように「+区切り」でもすぐ後ろだけがオレンジ色に変わるわけではありません。 どなたかわかりやすいように解説していただけないでしょうか? よろしくお願いいたします。 ------------------------------------ あるサイトには以下のような説明があります。 https://saruwakakun.com/html-css/reference/selector ◯ + ◯ {〜} 「+」で区切ると、同じ階層のすぐ隣(後ろ)の要素にのみCSSが適用されます。 使用例 (HTML) <p>適用されない</p> <p class="example">適用されない</p> <p>適用される</p> <p>適用されない</p> (CSS) .example + p { /*.exampleのすぐ後のpタグに対して…*/ color: orange; } ------------------------------------ https://saruwakakun.com/html-css/reference/selector 「~」で区切ると同階層の後につづく要素に適用されます。 r ▼使用例 <p>適用されない</p> <p class="example">適用されない</p> <p>適用される</p> <p>適用される</p> .example ~ p { color: orange; } /*.exampleの後のpタグに対して…*/ --------------------------------------------- <main> <h1 class="ttl info">Title</h1> <p>Hello, hello.</p> <section> <h1 class="ttl">Title</h1> <p>Hello, hello.</p> ●<p>Hello, hello.</p> <p>Hello, hello.</p> </section> </main> (CSS) p + p { color:orange; }
質問日時: 2020/07/31 14:14 質問者: boulevardofdream777
解決済
1
1
-
ベストアンサー
2
0
-
なぜHTMLのソースコードが無料で誰でも見られるのか?
こんにちは、プログラミングを独学しています。 Google ChromeでCTRL+Uを押すとソースコードが見られますが、なぜそれは見られるのでしょうか?ソースコードに著作権はないのでしょうか? <!DOCTYPE html> <meta http-equiv="content-type" charset="utf-8"> <h1>イタリア語の音楽</h1> <iframe width="560" height="315" src="https://www.youtube.com/embed/7VEq-ASh98M" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </html> のようなものです(これは私が書いたソースコードです)。たしかそのソースコードをコピペしたら同じようなWebサイトが作れてしまうはずですが。
質問日時: 2020/07/29 21:11 質問者: honoka547
解決済
8
0
-
HtmlからPythonコードを実行する方法
唐突な質問ですが、HTML、JavascriptでローカールのCSVファイルを読み込みブラウザで グラフを表示しています。(Chart.js、要素canvasで対応) データを検索して表示するようにしたいので、一旦元データをSQLLiteに保存することを 検討しています。 SQLLiteの読み書きはPythonで対応できそうですが、HTMLからPythonスクリプトの実行 方法がよくわかりません。 Javascriptの場合は、Html内に <script src="Java_Test.js"></script> のように 記載すれば良いですが、Python(xxx.py)の場合はどのように対応すれば良いでしょうか? python -m http.server 9000で簡易的にサーバーを立てています。 お手数ですが、御教示願います。
質問日時: 2020/07/29 18:03 質問者: shige_otk
解決済
2
0
-
HTMLで書いていたサイトが文字化けしました
HTMLで書いていたサイトが文字化けしました。Visual Studio Codeを使い、日本語で書いていて、おそらく文字コードが違うからだと思うのですが、<meta charset="">のところを何に設定したら文字化けしませんか? サイト http://honoka.iiyudana.net/
質問日時: 2020/07/29 15:21 質問者: honoka547
ベストアンサー
2
0
-
HTMLタグで画像が表示されない
こんにちは。 <img src="img/honoka547.png"> <h1>ciao</h1> <p>mi chiamo honoka</p> ここまでHTMLタグをVSCodeで打ったのですが、画像が表示されません。どうしてでしょうか? 画像(honoka547.png)はC:\Users\(私の名前)\Desktop\MyPortfolio\imgに保存されていて、HTMLを打った文章(index.html)はC:\Users\(私の名前)\Desktop\MyPortfolioに保存されています。 <h1>ciao</h1> <p>mi chiamo honoka</p>の部分はちゃんと表示されています。ちなみに進捗はFFFTPを使い http://honoka.iiyudana.net/ にアップロードしています。
質問日時: 2020/07/28 16:28 質問者: honoka547
ベストアンサー
1
1
-
Notepad++のコメントの色を変えたい
HTMLとCSSの学習として、「Notepad++」テキストエディタを活用しています。 エディタの背景色はblackに変更できたのですが…、HTMLのコメントを記述したときのフォントカラーが紫色なので、別の色に変更したいのですが、方法が分かりません。 どなたか?お分かりの方、お教えください。 おねがいします。
質問日時: 2020/07/27 16:32 質問者: nao771916
解決済
1
1
-
manabulogサイトで!ドロップダウン、プルダウン どちらですか!?
https://manablog.org/ 以上は manabulogさんのサイトの一部の方式ですが! 以下の方式のどれかに該当すると思いますか? ・ドロップダウンメニュー ・ドロップダウン ・プルダウンリスト ・プルダウンメニュー ・プルダウン よろしくお願いいたします。
質問日時: 2020/07/26 03:58 質問者: Campus2
ベストアンサー
1
1
-
htmlについて
aタグを画像を含めchildクラスすべてにしようとすると画像が大きくなってしまいます。 今書いてあるcssでaタグをchildクラス全体に与えたいのですが、どうすれば画像を大きくせずaタグを与えることができますか? <div class="parent"> <div class="child"><a href="index.html"><img src="hoge.png" class="img"><p>あ</p></a> </div> <div class="child"><a href="index.html"><img src="hoge.png" class="img"><p>あ</p></a> </div> <div class="child"><a href="index.html"><img src="hoge.png" class="img"><p>あ</p></a> </div> <div class="child"><a href="index.html"><img src="hoge.png" class="img"><p>あ</p></a> </div> </div> 以下css .parent { background: lightblue; display: flex; } .child { background: lightgreen; width: 30%; margin:1%; justify-content:space-between; /* 追加 */ font-size:2vw; } .child>img { width:100%; } .child:hover { opacity: 0.6; filter: brightness(110%); } @media screen and (max-width: 800px) { .parent { flex-wrap: wrap; } } @media screen and (max-width: 400px) { .child {width:90%; background: lightblue; display: flex; border:1px solid #000; margin:1% auto; } .child img {width:40%;} }
質問日時: 2020/07/24 18:04 質問者: 9うい9p
ベストアンサー
1
0
-
HTML CSS JavaScript PHPをどの順番でやっていこうか迷っています。 順番としては
HTML CSS JavaScript PHPをどの順番でやっていこうか迷っています。 順番としてはHTML CSS → JavaScript → PHP のつもりなのですが、どの程度理解したら次に進むべきなのでしょうか。 全体的に浅く学習してから、一つ一つ深堀していくのか、確実に一つ一つ完璧にこなしてから次に進むべきなのか。 考えをお聞かせください。
質問日時: 2020/07/23 10:25 質問者: ナーー
ベストアンサー
3
0
-
ホームページを作成したいのですが、アドレスの語尾を.comや.netにしたい場合はお金がかかるのでし
ホームページを作成したいのですが、アドレスの語尾を.comや.netにしたい場合はお金がかかるのでしょうか?いくらくらいかかりますか?またそれは継続的にかかるものなのでしょうか?
質問日時: 2020/07/22 19:41 質問者: てるぺこ
ベストアンサー
1
0
-
htmlについて
すみません。HTMlで質問です。 このコードに画像をつけて、画面の縮小に合わせ画像も縮小したいのですが、どうしたらいいですか ? 内容のところに画像をつけたいです。 <div class="col_3"> <div> ここに内容 </div> <div> ここに内容 </div> <div> ここに内容 </div> <div> ここに内容 </div> </div> *, *:before, *:after { box-sizing: border-box; } .col_3{ width: 100%; display: flex; display: -ms-flexbox; /* IE10 */ flex-wrap: wrap; -ms-flex-wrap: wrap; /* IE10 */ } .col_3 > div{ width: 33.33333%; padding: 10px; } @media screen and (max-width: 960px) { .col_3 > div{ width: 50%; } } @media screen and (max-width: 480px) { .col_3 > div{ width: 100%; } }
質問日時: 2020/07/21 19:12 質問者: 9うい9p
ベストアンサー
2
0
-
html,css 全体的に真ん中寄せにする方法2
すみません、前と同じ質問になってしまうのですが、、 どうしてもサイトの内容が真ん中寄せにできません。 検証でみると、右側に謎の空間があります。 これって中央寄せになっていないということですよね? わかりやすいかわかりませんが、画像を添付します。 以前ここで教えていただいた時は下記でできたのですが、今回はできません。 なぜでしょうか? body { width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto; }
質問日時: 2020/07/21 16:04 質問者: ハコ2222
ベストアンサー
4
1
-
フォトショップで背景を切り抜いた画像をCSSで使いたい
いつもお世話になっております。 表題の件質問させてください。 フォトショップで、「被写体のみ選択」で、写真の背景を切り抜きました。 そのまま画像をjpgで保存し、htmlで添付すると、背景が白い四角い画像になってしまいます。 この画像を背景を切り抜いた状態で使用することはできるのでしょうか? それができないと、 テキストと背景のない写真が重なっているデザインなので、全体を画像として貼ることになりますか? (テキストごと画像として貼る?) その場合はグーグルの評価などはどうなのでしょうか。 質問が多くて申し訳ございませんがよろしくお願いいたします。
質問日時: 2020/07/21 12:30 質問者: ハコ2222
ベストアンサー
2
0
-
htmlについて
htmlで質問です。 pcの画面では大きすぎるし、かといってvwを指定するとコンテンツの幅が非常に大きくなってしまうことがあるので、スマホの画面を基準の大きさに~px以上の画面で表示する場合は端に余白をつけたいのですがどのように書けばいいですか? また、調べるときはなんと検索したらいいですか?
質問日時: 2020/07/20 17:12 質問者: 9うい9p
ベストアンサー
1
0
-
htmlについて
下記のコードを隙間なく、2列の2段重ねで表示したいのですがcssはどう書けばいいですか? <ul><li><input type="button" class="btn" id="btn1" value="hoge"></li> <input type="button" class="btn" id="btn2" value="hoge"></li></ul> <ul><li><input type="button" class="btn" id="btn3" value="hoge"></li> <input type="button" class="btn" id="btn4" value="hoge"></li></ul>
質問日時: 2020/07/20 09:16 質問者: 9うい9p
ベストアンサー
2
0
-
html,cssの、display: flex について教えてください。
ロゴが左上にきて、右寄せのナビゲーションを作りたいです。 下記、間違っているところをご指摘いただけないでしょうか。 cssで、navを横並びにして、右寄せにするところまではできたのですが、その後に .wrap{ display: flex; } と打つと、 justify-content: flex-end; の右寄せが崩れて左に寄ってしまいます。 html --- <header> <div class="wrap"> <img src="ロゴ.jpg"> <nav> <ul> <li>いっこめ</li> <li>にこめ</li> </ul> </nav> </div> </header> css --- nav ul{ display: flex; justify-content: flex-end; } nav ul li{ list-style: none; padding-left: 10px; } .wrap{ display: flex; } 本やネットなど数時間調べてやってみましたができないので質問しました。 よろしくお願いいたします。
質問日時: 2020/07/15 21:37 質問者: ハコ2222
ベストアンサー
1
0
-
FFFTPでの文字化け
2019年12月以来久々にFFFTPでアップロードしたところ、日本語が文字化けしてしまいました。 ホストの設定で文字コードを色々と変更してみましたが変わりありませんでした。 ふと<meta charset="shift_jis">を<meta charset="UTF-8">にしてみたところ、文字化けがなくなりました。 今後は<meta charset="UTF-8">を使用する予定ですが、今までのデータは<meta charset="shift_jis">のままでいいのでしょうか?<meta charset="shift_jis">のままなのに文字化けしてないのも不思議です。 どなたかこの謎の答を教えてください。 宜しくお願いいたします。
質問日時: 2020/07/15 18:18 質問者: junjunjujujun
ベストアンサー
1
0
-
html,css 全体的に真ん中寄せにする方法
表題の通り、全体的に真ん中寄せにする方法を教えてください。 width:1000px; margin-right: auto; margin-left : auto; →これで真ん中寄せにできたのですが、これだと画面の大きさが変わるとテキストが切れてしまいます。 そこで、 width:1000px; を width:100vw にすれば、テキストは可変され、切れる問題は解決するのですが、 margin-right: auto; margin-left : auto; これで真ん中寄せにならなくなってしまいました。 全体のテキストを可変にしつつ中央寄せにする方法を教えてください。 どうぞよろしくお願いいたします。 熊谷育実
質問日時: 2020/07/13 12:52 質問者: ハコ2222
ベストアンサー
3
0
-
バナーのサイズについて
前回の質問では情報が不足だったようなので、HTML・CSSを記載させていただきます サンプルの上のように同じサイズのバナーが並んでいるうちの1個をハーフサイズにして並べたいのですが、可能でしょうか? 実現可能なご教授をお願いいたします。 HTML <ul class="bannerArea container"> <li><a href="https://www.amazon.co.jp/" target="_blank"><img src="/images/amazon_01.jpg" alt="amazon"></a></li> <li><a href="https://www.google.co.jp/" target="_blank"><img src="/images/google_02.jpg" alt="google"></a></li> <li><a href="https://www.rakuten.co.jp/" target="_blank"><img src="/images/rakuten_03.jpg" alt="楽天市場"></a></li> <li><a href="https://www.yahoo.co.jp/" target="_blank"><img src="/images/yahoo_04.jpg" alt="YAHOO"></a></li> <li><a href="https://auctions.yahoo.co.jp/" target="_blank"><img src="/images/auctions.jpg" alt="ヤフオク"></a></li> ※ <li><a href="https://shopping.yahoo.co.jp/" target="_blank"><img src="/images/shopping_02.jpg" alt="YAHOO!!ショッピング"></a></li> <li><a href="https://www.msn.com/ja-jp" target="_blank"><img src="/images/msン.jpg" alt="msn"></a></li> </ul> CSS .bannerArea { margin-top: 70px; display: flex; flex-wrap: wrap; } @media screen and (max-width: 767px) { .bannerArea { margin-top: 40px; } } .bannerArea li { width: 32%; margin-right: 2%; } @media screen and (max-width: 767px) { .bannerArea li { width: 48%; margin-right: 4%; } } @media screen and (min-width: 768px) { .bannerArea li:nth-child(3n) { margin-right: 0; } } @media screen and (max-width: 767px) { .bannerArea li:nth-child(n+3) { margin-top: 4%; } } @media screen and (min-width: 768px) { .bannerArea li:nth-child(n+4) { margin-top: 2%; } } @media screen and (max-width: 767px) { .bannerArea li:nth-child(even) { margin-right: 0; } } .bannerArea li a { display: block; } .bannerArea li img { vertical-align: bottom; width: 100%; }
質問日時: 2020/07/09 11:54 質問者: UBCD_USER_0025
ベストアンサー
2
0
-
html/css pの中に複数のdivが入ってしまうのはOKですか?
いつもお世話になっております。 表題の件でまた教えてください。 p(テキスト)が複数行あって、それぞれフォントや色を変えたい時は、 一行ずつ divを入れることになるでしょうか? その度にclass名を変えていくしかないですか? 他にもっといい方法があったら教えてください。 <section class="schedule"> <div class=""> <p>○○</p> </div> <div class=""> <p>○○○○○○</p> </div> <div class=""> <p>○○○○○○○○○○</p> </div> <div class=""> <p>○○○○○○○○○○</p> </div> </section>
質問日時: 2020/07/08 20:56 質問者: ハコ2222
ベストアンサー
4
0
-
アプリを作りたいのでSwiftを学ぼうと思っております。 また、webサイトを作りたいのでHTML→
アプリを作りたいのでSwiftを学ぼうと思っております。 また、webサイトを作りたいのでHTML→CSS→JavaScript の順で学ぼうと思っております。 SwiftとHTMLではどちらが先に学ぶべきでしょうか?
質問日時: 2020/07/07 21:14 質問者: 39392020
ベストアンサー
1
0
-
CSS 中央揃えについて
ページの中央に文字を配置したいのですが、 両サイドの要素の中央に合わせてしまいます。 どうしたらページの中央に合わせられるでしょうか? イメージとしては画像の通りです。
質問日時: 2020/07/07 20:43 質問者: Jxvsre
ベストアンサー
1
0
-
<td > タグのスタイル
こんにちわ htmlのタグのスタイルの質問です。 <td colspan="6" rowspan="2" style="border: 1px solid black; padding: 0.2em; ;"> こんなhtmlのタグがあって スタイルのところの「 ;」がわかりません。 参照文字なのでしょうか?なんなのでしょうか? 文字に四角ののボーダーをつけるところなのですが、なんなのでしょうか? ------------- | 鉛筆 | ------------- ------------------ | 消しゴム | ------------------
質問日時: 2020/07/07 14:37 質問者: DarrylBolt
ベストアンサー
1
0
-
html/cssの、navを2段にする方法を教えてください
webデザイン初心者です。 タイトルの通り、navを2段にしたいのですがうまくいきません。 一行目:お問い合わせ、契約内容確認(右寄せ) 二行目:ホーム メニュー などのいわゆる普通のナビゲーション部分(中央配置) です。 お知恵を貸していただけますと幸いです。 よろしくお願いいたします。
質問日時: 2020/07/06 10:08 質問者: ハコ2222
ベストアンサー
4
0
-
DTPデザイナーにLPの仕事依頼で迷ってます
初めまして。 フリーでDTPデザイナーをしております。 相談する専門の知人がおらず質問させてください。 DTPデザイナーとして紙媒体の依頼をずっと受けていたクライアント先からホームページ上の『LP』制作の依頼メールが来ました。 (普段、メールにてチラシなどの依頼から入稿のやり取りをしてます) クライアント様はDTPもwebもデザインは同じようなものだと認識されているようで普段通り依頼して来られたのですが、私がwebデザインの知識がなくLP製作経験もありません。 ラフに『ここはアコーディオンメニューにしてください』などあり(その意味さえ知らなかったのです)単に画像をデザインするだけなら出来ますが、コーディングやCSSの知識も必要だと思いますので全く経験のない私が今から必要最低限のwebデザインの勉強して作業するより、この場合はクライアント様に説明して仕事依頼自体を断るのが妥当でしょうか? 納期は1週間程度です。 もしくは、やってみると案外できるものなのでしょうか?想像がつかず質問させて頂きました。 どうぞご意見よろしくお願いいたします。
質問日時: 2020/07/05 14:45 質問者: frozenv
ベストアンサー
6
0
-
1つのselect文の値を、2つのformで使いたい
1つのselect文の値を、2つのformで使いたいのですが、やり方がわかりません。 javascript を使わないと出来なそうが気はしていますが、具体的な方法がわかりません。 よろしくお願いします
質問日時: 2020/07/03 16:24 質問者: usa3usa
解決済
2
0
-
WebページのHTML文には、一般的にVbCrLfコードは存在しない?
Windows10マシンのテキストエディタで某WebページのHTML文を編集すると、各行の最後にVbLfコードが入っていますが、VbCrLfコードは見当たりません。 WebページのHTML文には、一般的にVbCrLfコードは存在しないのでしょうか? ご存知の方、教えてください。
質問日時: 2020/07/02 12:12 質問者: Gorby
解決済
3
0
-
レンタルサーバーのグーグルフォントを設置する場合!
https://nelog.jp/download-google-fonts を参考に グーグルフォントを、レンタルサーバに設置する場合ですが CSSに 以下としましたが、全く連動されません! ? スマホとパソコンで閲覧するとそれぞれ違うフォントで 表示され、そもそも、指定したフォントでは表示されません? 何でしょうか? @font-face { font-family: Noto Serif JP; src: url('MPLUS1p-Light.ttf') format("TrueType"); } a.evernote-arrow-box-link{ font-family: 'MPLUS1p-Light', cursive; font-weight:normal; } 以上よろしくお願いいたします。 共感した 0
質問日時: 2020/06/29 07:01 質問者: Campus2
ベストアンサー
3
1
-
IEでのみ反映されるcssについて
cssで、IEのみに反映させたい場合、 @media all and (-ms-high-contrast: none) { p { color:#ddd; } } のような記述で実装できると思いますが、これを500px以下(いわゆるスマホ体裁)のIEでのみ反映させるにはどういう書き方をすればよいのでしょうか? よろしくお願いします。
質問日時: 2020/06/26 18:57 質問者: tio.
解決済
1
0
-
<footer>ですが!CSS側からではなくて、HTML側~
以下のサイトは<footer>の(C)2020 YYY-studio. がスマホ画面で閲覧した場合、かなり下がっていて スクロールしないと見えてきません! そもそも スマホで閲覧すると、バック色の緑が馬鹿みたいに広く 他のリンクが画面は、ほぼスマホサイズに収まっているのもあります。 だから、<footer>の(C)2020 YYY-studio.はスクロールしないと見えない と思います。 それで! (C)2020 YYY-studio.を上に上げたいのですが!HTML側から 以下のHTMLに <td>height="10"</td>を組み込みましたが まったく変化なしです。 どんなソースを組めば、高さの調整ができますか? よろしくお願いいたします。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>切り絵作品集</title> <link href="css/style.css" rel="stylesheet"> </head> <body id="index"> <!-- header始まり --> <header> <div class="logo"><!--P80・P109--> <a href="index.html"><img src="images/top.png" alt="TOP"></a> </div> <nav> <ul class="global-nav"> <li><a href="Flo.html">Flower</a></li> <li><a href="hover-Dis.html">Disney's</a></li> <li><a href="Lea.html">Leaf</a></li> </ul> </nav> </header> <div id="wrap"> <h2>切り絵作品絵集</h2> <h2>皆様に、私の作品をお見せすることができとても光栄です。</h2> </div> <!-- wrap終わり --> <footer> <td>height="10"</td> <small>(C)2020 YYY-studio.</small> </footer> </body> </html>
質問日時: 2020/06/26 04:14 質問者: Campus2
ベストアンサー
2
0
-
WindowsとMacでのChromeのスタイル差異について
あまり詳しくないのでご教授いただけますでしょうか。 Windowsの環境でWebサイトを作っています。画面にCSSを当てて確認して、win版Chromeでは特に問題ないのですが、Mac環境だとレイアウトが崩れてしまいます。 どうしてこのような現象が起こるのでしょうか?また、これを解決する方法についてご教授いただけると幸いです。
質問日時: 2020/06/25 16:37 質問者: yu-gsk
ベストアンサー
3
0
-
html スクロール要素を下から表示したい
overflow-y:scrollで画面からはみ出した要素があり、 最初からスクロールバーが最下部にあり、上にスクロールさせてはみ出した要素を表示させることはできますか? よろしくお願いします。 html <div> <p>あああああああああああああああああああああああああ</p> <div> css div { overflow-y:scroll }
質問日時: 2020/06/22 17:52 質問者: 志村うしろ
解決済
1
0
-
【HTML/CSS】模写が難しすぎます
HTMLとCSSの勉強をしています。 「模写 初心者」などで検索して出てきたサイトを模写しようとしてますが、どこが初心者向けなのか、知らないタグやプロパティがたくさん出てきて、太刀打ちできません。 もっと簡単な模写サイトってないものでしょうか。
質問日時: 2020/06/21 19:12 質問者: jamfruits
解決済
4
1
-
「<IMG> には ALT 属性が必要です。」!?
以下のソースコードですが! http://www.htmllint.net/html-lint/htmllint.html プログラムチェックをしたところ <a><img src="images/leaf/14365.jpg"></a> <a><img src="images/leaf/14366.jpg"></a> には 「<IMG> には ALT 属性が必要です。」 とでます! 解説も読みましたが、私には気難しいです。 以後の処置としてどんなソースを組めばエラーが でなくなるのでしょうか? このソースコードの特徴である [マウスオーバーで画像拡大]はしています。 しかし、まだ完璧ではないようです。 よろしくお願いいたします。 ------------------------------------------------------ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>.マウスオーバーで画像を拡大する</title> <link href="css/style.css" rel="stylesheet"> <style> li{ display:inline-block; } .moimg1{ margin:0 auto; width: 1400px; height: 240px; display:flex; flex-wrap:wrap; justify-content: center; } .moimg1 img { width: 24%; transition: 0.5s; object-fit: contain; } .moimg1 img:hover { transform: scale(2.2, 2.2); } </style> </head> <body> <header> <div class="logo"><!--P80・P109--> <a href="index.html"><img src="images/top.png" alt="TOP"></a><!--P84--> </div> <nav> <ul class="global-nav"> <li><a href="Flo.html">Flower</a></li> <li><a href="Dis.html">Disney's</a></li> <li><a href="Lea.html">Leaf</a></li> </ul> </nav> </header> <div class="img-contain" > <div class="moimg1"> <a><img src="images/leaf/14365.jpg"></a> <a><img src="images/leaf/14366.jpg"></a> </div> </div> <footer> <small>(c)2017 Hattori-studio.</small> </footer> </body> </html>
質問日時: 2020/06/21 04:32 質問者: Campus2
ベストアンサー
3
2
-
PCにより、HTMLやCSSが正しく表示されないことはあるんですか?
HTMLとCSSを勉強中です。 こちらのサイトに掲載されているコードを入力しながら1つずつ行っていますが、たまに表示が見本のようにならないときがあります。 https://saruwakakun.com/html-css/basic/relative-absolute-fixed たとえば、 ・本当は要素と要素がくっつくはずなのに、余白(margin?)ができてしまう ・親要素に指定したCSSが反映されない などです。 打ち間違いなどでもなさそうで、例えば以下のコードをコピペしてみました。 一番上に「fixed」という文字の位置を固定する、というコードです。 しかし、一番上に表示はされるものの、次の要素「これは文章です」という文字とかぶってしまいます。 コピペでもダメとなると、PC本体の設定の問題か、もしくは使っているテキストエディタの設定の問題化と思うのですがいかがでしょうか。 ちなみに、ブラウザをIE、chrome、Edgeと変えてみましたが、特に表示には変わりなかったです。 【CSS】 #fixed { position: fixed; /*基準を画面の左上に*/ top: 0; left: 0; /*余白が入らないように*/ margin: 0; /*以下装飾*/ width: 100%; background: #FFC778; color:white; } 【HTML】 #fixed { position: fixed; /*基準を画面の左上に*/ top: 0; left: 0; /*余白が入らないように*/ margin: 0; /*以下装飾*/ width: 100%; background: #FFC778; color:white; }
質問日時: 2020/06/13 18:21 質問者: jamfruits
解決済
4
0
-
既存のサイトを分析•調整しやすいエディターは
社内の一枚ものの広報物を制作しているというだけで、放置状態のウェブサイトの運営を引き継ぐことになりましたが、ウェブサイトの構造やHTMLやCSSの知識が全くありません。 既存のウェブサイトを分析して調整できるようなエディターで、現在でおすすめの製品はありますか。有償/無償問いません。環境はWindowsです。 昔、DreamWeaverを少しだけ触ったことがありますが、要素をクリックすると可能な設定とかが表示されたような記憶がありまして、便利だなと思いました。 例えば大量のテキストが入力されている大きさ固定のフィールドをスクロールバー付きにしたいと言うような要望が多いのですが、そういうことがしやすいかと。 Chromeのデベロッパツールで大量のテキストのボックス?の設定を見てみましたが、何がなんだかわかりませんでした。
質問日時: 2020/06/10 08:53 質問者: すぽっぽ
解決済
2
0
-
liタグの左寄せ方法を教えてください。 cssでどのように書けば良いでしょうか。
liタグの左寄せ方法を教えてください。 cssでどのように書けば良いでしょうか。
質問日時: 2020/06/10 02:21 質問者: マシュマロにんにく
ベストアンサー
1
0
-
【メディアクエリについて】 CSS内でand (max-weight: 500px)にしても反応無し
【メディアクエリについて】 CSS内でand (max-weight: 500px)にしても反応無しで、and (max-device-weight: 500px)にすると反応します。device-weightは非推奨と見たのでweightで反応するようにしたいのですができなくて困ってます。 キャッシュ系では問題ないと思いますし、CSS内の入力ミスもありませんでした。 教えて頂けると助かります。 よろしくお願い致します。 例) [HTML<meta >内↓] meta name="viewport" content="width=device-width, initial-scale [CSS内↓] @media screen and (max-weight: 500px){ main{background-color: red;} }
質問日時: 2020/06/09 09:04 質問者: KOBA___
解決済
1
0
-
【マークアップ言語 複数画像中央寄せについて】 HTML・CSS学習中です。 メインの大きい画像の下
【マークアップ言語 複数画像中央寄せについて】 HTML・CSS学習中です。 メインの大きい画像の下に小さい画像を複数横並び中央に表示することをやりたいのですが、iPad表示にすると小さい画像複数は中央に移動せず、画像の左に固まったまま表示されます。 iPhoneサイズだと中央に表示されますが、いろんな方法を試してもどうしてもiPadサイズでは中央に表示されません。 ソースコードも貼りますので、教えて頂けると助かります。 又、まだ学習し始めですのでソースコードを見て頂き他にご指摘があれば学習の励みになります。 よろしくお願い致します。 「ソースコード↓」 【HTML】 <main> <div class="consept"> <h2>consept</h2> </div> <div class="main_img"> <img src="../image/ryouri.jpg"> </div> <ul> <li> <img src="../image/italy.jpg" class="main_img1" width="350px" height="350px"> </li> <li> <img src="../image/pasuta.jpg" class="main_img2" width="350px" height="350px"> </li> <li> <img src="../image/pizza.jpg" class="main_img3" width="350px" height="350px"> </li> <li> <img src="../image/drink.jpg" class="main_img4" width="350px" height="350px"> </li> </ul> 【CSS】 main{ width: 100%; background-color: #ccffff; padding-bottom: 10px; } .main_img{ width: 100%; margin-top: 10px; text-align: center; } main li{ float: left; display: inline-block; } .main_img1, .main_img2, .main_img3, .main_img4{ box-sizing: border-box; } .main_img1{ margin-left: 50px; } .main_img{ margin-right: 50px; } main ul::after{ display: block; content: ""; clear: both; }
質問日時: 2020/06/07 09:00 質問者: KOBA___
ベストアンサー
1
1
-
google font ですが!?
私の選択したフォントは [Kosugi]です。 現在、google fontの[Kosugi]フォントをダウンロード し、私のプロバイダーのウェブサーバに構築して フォント読み出し、スマホ等での閲覧を試みています。 つきまして、[google font]サーバーにアクセスしての font借用ではございません。 そこで! https://nelog.jp/download-google-fonts サイトあります、設定方法を参考に準備中です。 しかし、初めての試みで、分からないことがあります。 以下ですが! 以上のURLサイトにあります、 ---------------------------------------------------------------------- あとは、目当てのCSSセレクタを選択して、フォントを設定してやればOKです。 CSS a.evernote-arrow-box-link{ font-family: 'Boogaloo', cursive; font-weight:normal; } ーーーーーーーー---------------------------------------------------------------- 以上ですが、これって何を意味しているのでしょうか? よろしくお願いいたします。
質問日時: 2020/06/05 07:29 質問者: Campus2
ベストアンサー
2
0
-
Googleフォントをダウンロードし、プロバイダーのサーバーに設置して利用する方法
現在の設定ですが、グーグルフォントがある、グーグルサーバーにアクセスして、その フォントを借りて表示する設定で閲覧中です。 それで!現在の設定は以下です。 CSS側に設定 .global-nav li{ font-family: 'Noto Serif JP', serif; HTML側の設定 <title>○○作品集</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap" rel="stylesheet"> 以上の設定では、パソコンで閲覧すると、それなりのフォントで表示されます。 しかし、スマホ画面では、ゴシック体で表示され、設定したはずのフォント が反映されずに、見栄が良くなくて困ています。 なぜ反映されないのかは、まだ分かりません! それで、グーグルフォントをダウンロードして、ファイル自体を作成中の フォルダー内い置いて、フォントを使用できることを知り、これを試みて フォントが反映されれば、これで行こうかと思います。 そこで、ソースコードを変更しないと使えないので、ネットで検索したところ [Googleフォントをダウンロードし、自前のサーバーに設置して利用する方法] しか見当たりませんでした! https://nelog.jp/download-google-fonts そのソースは以下です。 CSSファイルで呼び出し 最後にサイトなどで利用しているCSSファイルに以下のようなフォントの呼び出しを記述します。 CSS @font-face { font-family: フォント名; src: url('フォントファイルの場所') format("フォントの種類"); } WordPressテーマの場合は、style.cssなどでOKだと思います。 -------------------------------------------------------------------- 今回Wordpressテーマに設置した場合は、style.cssファイルに以下のように書きました。 Visual Basic @font-face { font-family: Boogaloo; src: url('webfonts/boogaloo/Boogaloo-Regular.ttf') format("truetype"); } ------------------------------------------------------------------------- あとは、目当てのCSSセレクタを選択して、フォントを設定してやればOKです。 CSS a.evernote-arrow-box-link{ font-family: 'Boogaloo', cursive; font-weight:normal; } ----------------------------------------------------------------------------- 動作確認 このように書くことで、Googleサーバーから、Googleフォントを読み込ま無くても、フォントが適用された状態で表示されるようになりました。 以上は自宅のサーバーに保存して使用する場合です。 私は、ファイルの保存先がプロバイダーサーバーです。 そこで! 自宅サーバーとプロバイダーサーバーの保存先の違いはありますが ソースコードも変更する必要はありますか? 以上の設定をそのまま使用できるのでしょうか? そのまま使用可能でも そのままそっくりは使えないので、私に環境 に変更するために、手間暇を要します。 まず、手も付ける前に、現行のま使用可能なのか知りたいです。 よろしくお願いいたします。
質問日時: 2020/06/03 04:30 質問者: Campus2
ベストアンサー
2
0
-
Google Fonts の日本語用ですが、アドレスを探しています。
Google Fonts ですが! 以下のアドレスは、日本語フォントです。 https://fonts.google.com/?subset=japanese 以上のアドレス~ サンプル内の上段~二番目の[7 styles]の日本語フォントの 1)HTMLコード 2)CSSコード 以上の1)2)のアドレスを教えていただけないでしょうか? おそらく以下は、1)のHTMLコードへのアドレスではなかと!? https://https://fonts.google.com/specimen/Noto+Serif+JP?subset=japanese&selection.family=Bitter:wght@700|Noto+Serif+JP:wght@200;300;400;500;600;700;900 以上よろしくお願いいたします。
質問日時: 2020/06/02 07:44 質問者: Campus2
ベストアンサー
1
0
-
【CSS学習時のブラウザについて】 HTMLの学習が終わりCSSの学習を始めてます。 CSSの仕上が
【CSS学習時のブラウザについて】 HTMLの学習が終わりCSSの学習を始めてます。 CSSの仕上がりを見る時に、ブラウザを更新しても変化なく、新しいブラウザでなら見れますがいちいち新しいブラウザを立ち上げるのは手間で困っています。 HTMLの学習時はスムーズにブラウザ更新で仕上がり状態を見れたのにどうしてでしょうか。 教えて頂けると助かります。 よろしくお願い致します。
質問日時: 2020/05/28 17:14 質問者: KOBA___
解決済
2
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
風水の観点で選ぶ観葉植物とは?置き場所や上げたい運気ごとの注意点を紹介!
飾ると部屋の雰囲気がぱっと明るくなる観葉植物。新年度を迎えたこの時期、気持ちも新たにインテリアに取り入れたいと思う人もいるだろう。せっかく飾るなら、運気もアップできれば一石二鳥だ。「教えて!goo」 にも...
-
メダロット:第239話「Vol.239※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
フキノトウ、ワラビ、タラノメなどの「山菜」を若い人は知らない?食べたことない?
春の訪れと共に、八百屋やスーパーには様々な種類の野菜が並ぶ。春野菜といって思い浮かぶのは、「春キャベツ」や「春タマネギ」という人が多いだろう。一方で、「フキノトウ」「ワラビ」「タラノメ」など、かつて春...
-
摘発相次ぐ「モペット」法律的な問題点を弁護士に聞いてみた
電動モーターを搭載し、走行可能な二輪車である「モペット」に関する交通違反が増加しているため、警視庁は10日、東京の渋谷で取り締まりを行った。警視庁によると、昨年、東京都内で「モペット」と呼ばれる電動モー...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Webページのリンクの貼り方を教えて...
-
Duolingo のソースコードの名前、教...
-
CSSでつくったメニューのアニメーシ...
-
、URL化させるにはどうしたらいいで...
-
htmlの文字が縦書きになる
-
HTMLとCSSを初心者ながらProgateと...
-
goo は、放置?
-
静止画画像をクリックすると音楽が...
-
コードを書いて下さい( ; ; )写真...
-
HTMLですCSSです この画像のように ...
-
初心者html・CSS ウィンドウを縮小...
-
HTML に © は、© を使わず、そ...
-
ホームページをちょっと加工する程...
-
HTML入門でもう躓いてしまった。
-
AWSのhtml
-
HTML 訪問カウンターを自作したい
-
1つの「ホームページビルダー22」...
-
テーブルのセルデータを自動改行さ...
-
テーブルの行を折りたたみたいので...
-
かっこいいウェブを作るテク
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
htmlで<form>~</form>を並べて記述...
-
WEBページを強制的に横画面で見るよ...
-
コードを書いて下さい( ; ; )写真...
-
css初心者 フレックスボックスの適...
-
テーブルのセルデータを自動改行さ...
-
CSSデータの作成方法について(FTP内)
-
HTMLで画像をポップアップで表示す...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネル、...
-
HTMLで特定の文字だけ色を変えたい...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いてリン...
-
テーブルタグのセルの幅の一部だけ...
-
CSSでつくったメニューのアニメーシ...
-
大至急。webのシングルページを作ろ...
-
角丸画像の背景色を透明にしたいです
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというのは、 ...
おすすめ情報