回答数
気になる
-
htmlです。 色々打ち込んでたらつぎにの以下下が連動したのか、同じふうにテキストが変わってしまいま
htmlです。 色々打ち込んでたらつぎにの以下下が連動したのか、同じふうにテキストが変わってしまいました。 どうすればそれぞれ別々に元々のテキストを 分けて変えることをできますか?
質問日時: 2023/01/01 01:06 質問者: Wohinfahrensie
解決済
2
0
-
html/cssで要素が出てこなくて困ってます
htmlのコード <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="13-14-15.css"> <title>Document</title> </head> <body> <div class="par"> <div id="child"></div> <div id="child"></div> <div id="tanin-oya"> <h3>親</h3> <div class="tanin-child"></div> <div class="tanin-child"></div> </div> </div> </div> </div> </body> </html> cssのコード .par{ height: 500px; background-color: aqua; display:flex; justify-content: center; } #child{ height: 100px; width: 100px; margin: 10px; background-color: orange; } #tanin-oya{ background-color:bisque; height: 200px; width: 200px; } #tanin-child{ height: 50px; width: 50px; margin: 10px; background-color: yellow; } これがcssコードです tanin-childの要素が出てこなくて困ってます、ご教授下さい
質問日時: 2022/12/31 16:59 質問者: うるき
ベストアンサー
1
0
-
htmlです。画像のように つぎにを表したいです。 灰色ぽくしたいのですが、 どうすればいいですか?
htmlです。画像のように つぎにを表したいです。 灰色ぽくしたいのですが、 どうすればいいですか?教えてくださいお願いします!
質問日時: 2022/12/30 01:43 質問者: Wohinfahrensie
ベストアンサー
3
0
-
4
CSSファイルの日本語コメントが文字化けしてしまう
他人が作ったCSSファイルを更新したいのですが、ファイルを開くと日本語のコメントが文字化けしてしまうので困っています。 TeraPad、メモ帳、ワードパッド、いずれで開いても文字化けします。 同じ人が作ったHTMLファイルは文字化けしません。 CSSのコメントを文字化けさせずに開くにはどうすればいいでしょうか。 できれば一般的なソフトもしくはフリーソフトで対処したいです。 OSはWindows10です。 なお、CSSもHTMLもあまり詳しくないのでお手柔らかにお願いします。
質問日時: 2022/12/26 15:50 質問者: bari_saku
解決済
3
0
-
5
インラインブロックの中のテキストを上下中央に合わせたい
インラインブロックの中のテキストを上下中央に合わせたいです。 詳しい方、教えてください。 よろしくお願いします。 (HTML) <ul> <li><a href="./">スコア</a></li> <li><a href="./">スタッフ紹介</a></li> </ul> (CSS) li { display: inline-block; width: 100px; height: 30px; border: solid 1px #707070; }
質問日時: 2022/12/24 17:46 質問者: i-d-a-i
ベストアンサー
1
1
-
6
HTMLについて教えて頂きたいです。.
使い方で、今分からないところがあります。 〈a href="../ "〉〈/a〉 という上記の記号ですが、どのような使い方をするか分からないです。 リンク先として、まずは貼り付けたURLやファイルを、そのファイルやURLをクリックした後、そこから違うリンクに飛びたい為、一旦は出るために../というのを付けた後、ファイルやURLを指定するという事ですか?
質問日時: 2022/12/21 16:51 質問者: jaumo
解決済
4
0
-
7
htmlで、画像のように 左に赤色線を二本入れて文字はヤマトにして それ以外は黒で囲いたいのですが
htmlで、画像のように 左に赤色線を二本入れて文字はヤマトにして それ以外は黒で囲いたいのですが どう打ち込めばよろしいでしょうか? 教えてください!
質問日時: 2022/12/18 21:53 質問者: Wohinfahrensie
ベストアンサー
2
0
-
8
ワードプレスで太字が反映されません PC(MacBook)の画面上には、太字は反映されるのに、スマホ
ワードプレスで太字が反映されません PC(MacBook)の画面上には、太字は反映されるのに、スマホ(Android)で同じ記事を見ても、太字になっていません。 ネット上で原因を調べました。 ・Googleキャッシュの削除 ・プラグインの無効化 ・テキストシートのCSSの変更 (strongをboldに変えたり) ・「外観」→「カスタマイズ」→「追加css」へのコピペ(ネット上の記事にあった ものを) しても、スマホの記事は太字になっておらず。 プログラミングに詳しい方にお伺いしたいのですが、 strongは絶対に太字! みたいに指示を出すプログラムを教えてほしいです。追加cssに載せて検証したいです。 その他にも、太字を反映させる方法あれば、教えてください。
質問日時: 2022/12/18 18:56 質問者: きみいろさがし
解決済
3
0
-
9
html.cssについて 画像のように文字は白でその他は濃く、表現したいのですが、どうすればいいので
html.cssについて 画像のように文字は白でその他は濃く、表現したいのですが、どうすればいいのですか?何と打ち込めばいいのですか? 教えてくださいお願いします!
質問日時: 2022/12/18 00:40 質問者: Wohinfahrensie
解決済
3
0
-
10
cssのclipについて
https://developer.mozilla.org/ja/docs/Web/CSS/clip 上記URLに出てくる clip: rect(1px, 10em, 3rem, 2ch); 上記は、どのような意味でしょうか。
質問日時: 2022/12/17 15:03 質問者: tidez
ベストアンサー
1
0
-
11
欧文フォントの表示がおかしい ホームページを作成しています。 英語と日本語を違うフォントを設定してい
欧文フォントの表示がおかしい ホームページを作成しています。 英語と日本語を違うフォントを設定しています。どうもwindowsでの表示がおかしいです。英語が所々上つきになってしまいます。 原因が分かりません。
質問日時: 2022/12/16 19:00 質問者: htaccess_sss
解決済
2
0
-
12
トリミングで表示した画像をクリックで元どおりにしたい
webページに画像を二つ、横並びで表示し、その二つを合わせて全画面(100%)になるように設定しています。 ただし左右の画像はトリミングされ、画面上に見えているのはそれぞれの画像の横半分のみです。 左の画像をクリックしたら、トリミングされた部分も含めて画像がスライドし、左画像だけで画面が埋まり、同じように、右の画像をクリックしたら、トリミングされた部分も含めて画像がスライドし、右画像だけで画面が埋まる仕組みを作りたいのですが、 どこかに参考になりそうなサイト、または詳しい方は居ないでしょうか? クリックしてから画像を動かしたい(スクロールやページ読み込みでの自動切り替えでも、ボタン式のスライダーでも無い)のと、トリミング解除(元々の画像を横幅縮めて表示し、クリックで広がるようなモノではなく)で難儀している次第です。 お手数おかけしますが、よろしくお願いします
質問日時: 2022/12/16 18:49 質問者: ebiebi56
ベストアンサー
3
0
-
13
ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください
10年前に作成したHTMLのホームページの一部変更をしなければなりませんが、作成ソフトがもうなくなりました。現在はWordPressで作っているため。無料のソフトがあったのでそれを使っていたのですが、PCを買い替えて、同じのをダウンしようとしたら、配布が終了してしまっていました。 一覧表を書き換えたり、画像を変更する程度のわずかな作業なのですが、HTMLで書くには面倒なので、HTMLの記述のページとそれを表示させたページで変更できるような簡単な機能だけでいいのですが、あったら教えていただけないでしょうか。宜しくお願い致します。Windws11です。
質問日時: 2022/12/16 12:17 質問者: sssssss
ベストアンサー
5
0
-
14
HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が
HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が黄色く囲まれている状態から左に赤く染めたいのですが、どうすればよろしいですか? 左側を赤くしたいのです。やり方をおしえてください!お願いいたします。 <!DOCTYPE html> <html lahg="ja"> <meta charset="utf-8"> <style> .text{ position: relative; font-size:2rem; display: inline-block; width:180px; height:50px; border:3px solid #da2; padding-left: 60px; } .text::before{ content:""; position: absolute; top:-1px; left:-1px; with: 52px;height: 52px; background: red; } </style> <title>CSSセレクタ</title> <body> <div class="text">課題Ex1</div> <div class="text">ここに新しいデータを入れます。ひとつ、ふたつと、少しずつ増やしてゆきます</div> <div class="text">わこらないことは、わからないものをわかるまで分解することから始めます</div>ここに新しいデータを入れます。ひとつ、ふたつと、少しずつ増やしてゆきます <div class="text">わこらないことは、わからないものをわかるまで分解することから始めます</div> <div class="text">よく観察して下さい.対象も教科書も</div> <div class="text">日頃の行いがとても大事です.</div> <div class="text">予習は気持ちが前向きのときにはやるにせよ. そうでない時も</div> </body> </html>
質問日時: 2022/12/15 16:56 質問者: Wohinfahrensie
ベストアンサー
2
0
-
15
左の課題Ex1てのありますよね? 左側が赤くなってるやつ 左側が赤くなってて、その他は黄色い線が囲っ
左の課題Ex1てのありますよね? 左側が赤くなってるやつ 左側が赤くなってて、その他は黄色い線が囲ってるふうにhtml,cssのやつで再現したいのですが、 どう打ち込めばよろしいのですか?
質問日時: 2022/12/14 18:22 質問者: Wohinfahrensie
ベストアンサー
1
0
-
16
ATOMというパソコンのアプリでノートに下のノートに写したような画像を反映させないといけません。 や
ATOMというパソコンのアプリでノートに下のノートに写したような画像を反映させないといけません。 やり方が分かりません。 どのようにすればノートと同じようなやつが反映できますか? 課題Ex1 ここに新しいデータを入れます。ひとつ、ふたつと、少しずつ増やしてゆきます わこらないことは、わからないものをわかるまで分解することから始めます よく観察して下さい.対象も教科書も 日頃の行いがとても大事です. 予習は気持ちが前向きのときにはやるにせよ. そうでない時も をそれぞれ色をつけて打たないといけないのですが、やり方が分かりません教えてください!
質問日時: 2022/12/14 17:39 質問者: Wohinfahrensie
解決済
1
0
-
17
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良い
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良いですか?教えてください。よろしくお願いします。Python
質問日時: 2022/12/11 20:30 質問者: jzjsuss
解決済
1
0
-
18
<meta charset="utf-8"><!-- 文字化け防止ユニコード --> ?最近モバイル
<meta charset="utf-8"><!-- 文字化け防止ユニコード --> 以上ですが、勝手にコメントしましたが utf-8 スマホのアイホン系 アンドロイド系 PCの最近ブラウザ は utf-8 だから utf-8 を宣言しているのでしょうか? 宜しくお願い致します。
質問日時: 2022/12/11 04:27 質問者: Campus2
解決済
1
0
-
19
<!doctype html>について コマンドではにですよね?
<!doctype html> HTMLの先頭に書いてありますが、なにかコマンド(命令)しているのでしょうか? それとも、人間だけに何かを宣言しているのでしょうか? 在ってもなても、コンピューターには関係にものなのでしょうか? 宜しくお願い致します。
質問日時: 2022/12/11 04:13 質問者: Campus2
解決済
3
0
-
20
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良い
Pythonでグラフを書きたいのですが、このように下二重線がでてしまうのですが、何処をどう直せば良いですか?教えてください。よろしくお願いします。プログラム
質問日時: 2022/12/10 10:44 質問者: jzjsuss
解決済
1
1
-
21
ダークテーマで文字色を白くしないようにしたい
----CSS---- body{ color:black; } と指定しても文字色が白くなってしまいます。 黒文字にするにはどうすればよいのでしょうか?
質問日時: 2022/12/07 17:26 質問者: Hypnomatic
解決済
3
0
-
22
横幅固定の方法
画面の横幅は固定して、余白だけが画面サイズに合わせて広がっていくcssの書き方はどうすればいいですか?
質問日時: 2022/12/03 22:42 質問者: riribestwanko
ベストアンサー
1
0
-
23
HTMLのフォームについてお尋ねします
リストボックスに表示する選択肢が多いとき、スクロールして選ばせないで 全部の選択肢を並べて一覧表示しておいて、そこをクリック(タップ)すると フォームに入る、という仕組みにしたいと思っています。 この方法の例を画像で説明しているサイトでは、通常のリンクのように青い下線が ついた選択肢がボックスの外に並んでいましたが、ソースの解説がなくてわかりませんでした。
質問日時: 2022/12/03 21:47 質問者: しょういち_F
解決済
1
0
-
24
HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの?
ホームページにテキストの文章を書いた場合に、 <タグ> このようにタグで囲んで、改行は 普通に、改行しているだけで 改行が反映されるという方法はないのですか? <タグ> <タグ> このようにタグで囲んで、改行は<BR> 普通に、改行しているだけで<BR> 改行が反映されるという方法なないのですか?<BR> <タグ> のように書かなければダメなのですか? CSSとかで設定すればできるのですか?(´・ω・`) アドバイスよろしくお願いします。 (*´ω`*)
質問日時: 2022/12/03 21:00 質問者: otasuke3900z
ベストアンサー
1
0
-
25
html cssのmargin
marzinが取れなくて困ってます、ご教授お願いします <!DOCTYPE html> <html lang="jn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>しほ料理</title> <link rel="stylesheet" href="siho.css"> </head> <body> <header></header> <a href="index.html"><img src="shio.png" ></a> <span class="king">ShioCooking</span> <h1>しほのオンライン料理教室へようこそ</h1> </body> </html> cssのコードです body{ background-color: bisque; } .taitor{ font-size: 85px; } .king{ font-size: 45px; background-color: black; color: white; margin-bottom: 200px; kingのclassを上方向に上げたいのですがどうしたら良いかわからず悩んでます 教えてください
質問日時: 2022/12/03 11:04 質問者: うるき
ベストアンサー
5
0
-
26
書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません
書籍を確認したり、お手本でダウンロードファイルにあるCSSとも見比べておかしな点はないようなのですが、フッターが画面の下ではなく中途半端な位置にあります。 もしちゃんと画面下部に表示させようとおもったら、marginを追加すればいいのでしょうか? HTML↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>WCB Cafe - MENU</title> <meta name="description" content="ブレンドコーヒーと ヘルシーなオーガニックフードを提供するカフェ"> <link rel="icon" type="image/png" href="images/favicon.png"> <!--CSS--> <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="h<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Philosopher&display=swap" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <div id="menu" 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><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="menu-content wrapper"> <h2 class="page-title">Menu</h2> <p> 体に優しい自然食を提供する、WCB CAFE。無添加の食材を利用したメニューが特徴です。 美味しいブレンドコーヒーとヘルシーなオーガニックフードで体の内側から癒されてください。 </p> </div><!-- /.menu-content--> <footer> <div class="wrapper"> <p><small>© 2019 Manabox</small></p> </div> </footer> </body> </html> CSS↓ @charset "UTF-8"; /*共通部分 -----------------------------------*/ html{ font-size: 100%; } body{ font-family:'M PLUS 丸みを帯びた 1c', "サンセリフ","哲学者",Yu Gothic Medium","游ゴシック Medium","YuGothic", "游ゴシック体","ヒラギノ角ゴ Pro W3","sans-serif"; line-height: 1.7; color: #432; } a{ text-decoration: none; } img{ max-width: 100%; } /*HEADER ----------------------------------*/ .logo{ width: 210px; margin-top: 14px; } .main-nav { display: flex; font-size: 1.25rem; text-transform: uppercase; margin-top: 34px; list-style: none; } .main-nav li{ margin-left: 36px; } .main-nav a{ color: #432; } .main-nav a:hover{ color: #0bd; } .page-header{ display: flex; justify-content: space-between; } .wrapper{ max-width: 1100px; margin: 0 auto; padding: 0 4%;} /* 大きな背景画像 */ .big-bg{ background-size: cover; background-position: center top; background-repeat: no-repeat; } #home{ background-image: url(../images/main-bg.jpg); min-height: 100vh; } #home .page-title{ text-transform: none; } /* フッター --------------------------------*/ footer{ background: #432; text-align: center; padding: 26px 0; } footer p{ color: #fff; font-size: 0.875rem; } /* MENU ----------------------------------------*/ #menu{ background-image: url(../images/menu-bg.jpg); min-height: 100vh; } .menu-content{ max-width: 560px; margin-top: 10%; } .menu-content .page-title{ text-align: center; } .menu-content p{ font-size: 1.125rem; margin: 10px 0 0; }
質問日時: 2022/11/28 15:00 質問者: SUI42
ベストアンサー
2
0
-
27
ヘッダーの画像にメインエリアがかぶってしまいます
書籍を写す形でサイト作成の練習をしております。 該当する箇所の値や数値は間違っていないはずなのですが、画像がお手本より少し見きれ、また、下のメインエリアの文字や画像が被ってしまう状態となっております。 この場合どうすればいいのでしょ 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
-
28
htmltとcssのコードで
罫線を入れようとしたのですが反応が無くて困ってますコードは HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>himawari</title> <link rel="stylesheet" href="himawari.css"> </head> <body> <h1>FOR studio</h1> <header><h1>list</h1></header> <article> <h1> 真夏のひまわり畑 </h1> <p>森の工房にあるひまわりは毎年</p> <p> 真夏の時期になると咲き始めて</p> 満開の黄色い花を咲かせて人々を 喜ばせます </article> </p> <footer> <small>copyright &cpy; FOREST STUDIO,all rights resrved</small> </footer> </body> </html> CSS } header{ background-color: #ffff; width: 900px; margin-left: auto; margin-right: auto; } article{ background-color: #fff; border:solid 4px #aaa /*ボーダーラインを引く*/ padding: 50px; } footer{ width: 900px; margin-left: auto; margin-right: auto; }
質問日時: 2022/11/26 13:37 質問者: うるき
ベストアンサー
1
0
-
29
テキストを画面の真ん中に配置したいです。
書籍を見つつ、実際にサイトを作る流れを実際に打って覚えよう。みたいな項目をいま行っています。 見出しの文字をcenterできちんと指定しているはずなのですが、反映されていないようです。 元々のcssを消す工程がよくわからず、たぶんちゃんとできてない気がしているのですが、それが関係しているのでしょうか? HTML↓ <body> <div id="home" 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><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="home-content wrapper"> <h2 class="page-title">We'll Make Your Day</h2> <p>おしゃれなカフェで癒されてみませんか?無添加の食材で体の中からリフレッシュ。</p> <a class="button" href="menu.html">メニューを見る</a> </div><!-- /.home-content --> </div><!-- /#home --> </body> CSS↓ /*HEADER ----------------------------------*/ .logo{ width: 210px; margin-top: 14px; } .main-nav { display: flex; font-size: 1.25rem; text-transform: uppercase; margin-top: 34px; list-style: none; } .main-nav li{ margin-left: 36px; } .main-nav a{ color: #432; } .main-nav a:hover{ color: #0bd; } .page-header{ display: flex; justify-content: space-between; } .wrapper{ max-width: 1100px; margin: 0 auto; padding: 0 4%;} /* HOME ------------------------------------------*/ .home-content{ text-align: center; margin-top: 10px; } .home-content p{ font-size: 1.125rem; margin: 10px 0 42px; }
質問日時: 2022/11/25 16:11 質問者: SUI42
解決済
2
0
-
30
ホームページにブログ記事をサムネイル付きで掲載する方法
自分のHTMLサイトに、別で作ったブログサイトの記事をサムネイル付き+タイトルを4枠位で表示させたいのですが方法がわかりません。 何かのプログラムに、feedアドレスを入れると表示する。そのプログラムの表示ソースを、HTMLサイトに張り付ければ、表示できる方法を探しています。
質問日時: 2022/11/25 14:55 質問者: ぼーんです
解決済
2
0
-
31
HTMLの表に関する質問です。 ド素人のためお手柔らかにお願いします。 表の一つのセルの中で2列で表
HTMLの表に関する質問です。 ド素人のためお手柔らかにお願いします。 表の一つのセルの中で2列で表示することは出来ますか? 一つのセルに入る文字列が長すぎるので2列にしたいです。 出来れば、間に縦棒とか入れたいのですが、可能なのでしょうか? 軽く調べましたが分からなかったので、、
質問日時: 2022/11/24 01:46 質問者: くまのみみみ
解決済
2
0
-
32
差し込み画像にをcssで大きさ指定したい
背景でなく、差し込みのサンプル画像の大きさを、画面の大きさの比率に合わせて変えたいです。 ちなみに画像はHTMLではsrc= alt=の形で指定しており、cssではpc版とsp版それぞれの画面の比で大きさを指定(11/111 *100vw の形で)しています。
質問日時: 2022/11/23 23:14 質問者: riribestwanko
解決済
1
1
-
33
CSSでサイトの背景に画像を組み込みたいのですが反映されません
書籍をみつつHTMLやCSSを学んでおり、今CSSの装飾の項目で背景には色だけでなく 画像も設定できるのでやってみよう!というところで、つまづいております。 きちんと文字やフォント等は反映されているので、単純に画像のURLの貼り方が問題だと思うのですが、ご確認のほどよろしくお願いします(-_-;) 同じ階層...ですよね?反映させたい画像はimagesというファイルの中の「bg.png」となっている画像です。 打ち込んだCSS↓ @charset "UTF-8"; html{ font-size: 100% ; } body{ background-color:#fee background-image: url(images/bg.png); }
質問日時: 2022/11/22 16:21 質問者: SUI42
ベストアンサー
2
0
-
34
CSSが上手く反映されないみたいです
書籍を見つついろいろ実際に入力してHTMLやCSSを勉強しています。 今ようやくCSSの項目になり、HTML上ではいくらかは反映されているようなのですが、 恐らく反映されるはずのタイトル部分<h1>の部分の色が変わりません。どこかスペルミスとかでしょうか? HTMLの一部↓ <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>猫の実態</title> <meta name="description" content="猫の好きなもの、日々の生活をご紹介"> <link rel="stylesheet" href="style.css" </head> <body> <!--グループ分け練習--> <header> <h1>サイト造りの基礎</h1> <p>このwebサイトはweb業界の最新情報をお届けしています</p> <nav> <ui> <li><a href="#">サービス紹介</a></li> <li><a href="#">料金</a></li> <li><a href="index2.html">お問い合わせ</a></li> </ui> </nav> </header> CSS部分↓ @charset "UTF-8"; body{ background-color:#fffeee; } hi{ color:red; } p{ font-size: 20px; }
質問日時: 2022/11/21 16:19 質問者: SUI42
ベストアンサー
2
0
-
35
ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。
webデザインの勉強をしようと、書籍をみつつ実際に打ちながら練習中です。 書籍には、表が作れますよ、フォームが作れますよ、という風にパーツごとの紹介で そのまま入力していたのですが、勝手に縦に並んでくれると思っていたら、全部横一列に並びました。 これを縦にしたい!ってなった場合、どうすればいいですか?<p>で挟めばいいですか? アホな質問ですいません。ご回答よろしくお願いいたします。 自分でみながら打ったコード <form action="example.php" method="post" name="contact-form"> 名前:<input type="text" placeholder="田中 たろう"> 性別:<input type="radio" name="gender" value="男">男 <input type="radio" name="gender" value="女" checked>女 <input type="radio" name="gender" value="その他">その他 好きな色:<input type="checkbox" name="color" value="赤" checked>赤 <input type="checkbox" name="color" value="青">青 <input type="checkbox" name="color" value="黄">黄 <input type="checkbox" name="color" value="緑">緑 <input type="submit" value="登録する"> </form>
質問日時: 2022/11/20 17:18 質問者: SUI42
ベストアンサー
2
0
-
36
HTML 、 CSS ではみ出る線の表現
添付画像のように、 CSS で、はみ出た線を表現出来ますか ? 画像の線はゆらゆらしてますが、真っ直ぐの線と考えてください。 詳しい方、教えてください。
質問日時: 2022/11/16 10:51 質問者: i-d-a-i
ベストアンサー
2
0
-
37
WEBサイト 画像の直接リンクについて
とあるサイトのバナーを貼って下さいと各所にお願いしています。 年度でデータの更新が行われるので、データが替わるたびにバナーを差し替えて下さいとお願いしているのですが、なかなか徹底されません。 年度が替わっても使いまわせるデザインのバナーにすることも考えていますが、いっそのことバナーの画像を提供するのではなく、バナーの直接リンクをお願いしようかとも考えていますが、やらない方がいいでしょうか。 一昔前はサーバに負荷がかかる等の理由で、画像の直接リンクは外道扱いされていたものですが、最近はどうなのでしょう。
質問日時: 2022/11/16 10:41 質問者: bari_saku
解決済
1
0
-
38
htmltとcssの連携をして画像縮小について
htmlとcssを連結させて画像縮小させたいのですがうまくいきません ご教授お願いします htmlのコードがこれになります DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>トップページ </title> <link rel="stylesheet" href="css/style.css"> <body> <h1>魚が好きだ 好魚会 </h1> <h2> 好魚会のHpへようこそ </h2> <img src="img/tsukiji.jpg"alt="築地市場" class="exam"> <p> 今日は魚の本場の築地まで足を運びました <a href="https://www.tsukiji.or.jp/">築地のHP</a> </p> <p>今日の築地探索場所リスト</p> <ul> <li> 築地場外市場 </li> <li>魚竹(魚介料理専門店) </li> <li> 銀座キャピタル(宿屋)</li> </ul> そしてcssのコードがこれです @charset "utf-8"; h1{ color: aqua; font-size: 40px; } h2{ background-color: darkgreen; font-size: 20px; color: aliceblue; } img.exem { width:25%; height:12px; } 色などは変化したのですが画像の縮小だけはうまくいかず困ってます 解決方法があればお願いします。
質問日時: 2022/11/15 20:32 質問者: うるき
ベストアンサー
1
1
-
39
吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな
吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用になっているのですが、右側にアイコンを使用する形の吹き出しスタイスシートにしていただけないでしょうか? 自分でいじったのですが、吹き出しの口の部分の◁が▶にならなかったりと困っております。 お忙しいとは思いますが、どこをいじればいいのか教えていただけないでしょうか? 何卒、よろしくおねがいいたします。 スタイルシートの参考記事は下記になります。 https://saruwakakun.com/html-css/reference/speech-bubble ●HTML <!--吹き出しはじまり--> <div class="balloon5"> <div class="faceicon"> ★ここに画像を入れる <img~>★ </div> <div class="chatting"> <div class="says"> <p>★文章を入れる★</p> </div> </div> </div> <!--吹き出し終わり--> ●スタイルシートについて .balloon5 { width: 100%; margin: 1.5em 0; overflow: hidden; } .balloon5 .faceicon { float: left; margin-right: -90px; width: 80px; } .balloon5 .faceicon img{ width: 100%; height: auto; border: solid 3px #d7ebfe; border-radius: 50%; } .balloon5 .chatting { width: 100%; } .says { display: inline-block; position: relative; margin: 5px 0 0 105px; padding: 17px 13px; border-radius: 12px; background: #d7ebfe; } .says:after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px; border: 12px solid transparent; border-right: 12px solid #d7ebfe; } .says p { margin: 0; padding: 0;
質問日時: 2022/11/12 17:55 質問者: トン子トン子トン子
ベストアンサー
1
0
-
40
Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており
Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しております。 現段階、Noto Sans JP と源ノ角ゴシックを検討しています。 Web font 使用する際に、一つ指定しますか?それとも、複数指定が一般的ですか? また、外資のため、元々の英語のページがあり、英語は英語ページのフォントを使用し、日本語は日本語フォントを指定しようと思っていて、いかがでしょうか? そんなことをしない方がいいでしょうか?
質問日時: 2022/11/04 10:36 質問者: htaccess_sss
ベストアンサー
4
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
フキノトウ、ワラビ、タラノメなどの「山菜」を若い人は知らない?食べたことない?
春の訪れと共に、八百屋やスーパーには様々な種類の野菜が並ぶ。春野菜といって思い浮かぶのは、「春キャベツ」や「春タマネギ」という人が多いだろう。一方で、「フキノトウ」「ワラビ」「タラノメ」など、かつて春...
-
摘発相次ぐ「モペット」法律的な問題点を弁護士に聞いてみた
電動モーターを搭載し、走行可能な二輪車である「モペット」に関する交通違反が増加しているため、警視庁は10日、東京の渋谷で取り締まりを行った。警視庁によると、昨年、東京都内で「モペット」と呼ばれる電動モー...
-
メダロット:第238話「Vol.238※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
寒暖差疲労の予防・改善には「入浴」がおすすめ?ポイントと効果を専門家にきいてみた
季節の変わり目になると、体調を崩す人が少なくない。その原因のひとつは「寒暖差疲労」だといわれている。一日の気温差が7℃以上になると、体温調節を担う自律神経が過剰に働くので、冷え症、肩こり、頭痛、全身倦怠...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
goo は、放置?
-
CSSについて教えてください。 こち...
-
HTMLですCSSです 画像のように作り...
-
HTMLです ブロック要素にするにはど...
-
12月のカレンダーを表すHTMLを教え...
-
WEBページを強制的に横画面で見るよ...
-
青い枠のみのHTML
-
HTMLです 店主のこだわりというのを...
-
HTMLです 四角みたいにして中には ...
-
HTML電卓で1文字消す方法
-
ウェブサイトにアップされているPDF...
-
CSS、Bootstrapについて container...
-
テーブルの行を折りたたみたいので...
-
すいませんHTMLです cssです教えて...
-
<input>のstep属性に違反する入力を...
-
リンクバナーのHTMLタグ。画像を変...
-
初心者html・CSS ウィンドウを縮小...
-
pythonに自分で作ったHTMLを、入れ...
-
HTMLです次の意味を持つ要素または...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
htmlで<form>~</form>を並べて記述...
-
WEBページを強制的に横画面で見るよ...
-
コードを書いて下さい( ; ; )写真...
-
css初心者 フレックスボックスの適...
-
テーブルのセルデータを自動改行さ...
-
CSSデータの作成方法について(FTP内)
-
HTMLで画像をポップアップで表示す...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネル、...
-
HTMLで特定の文字だけ色を変えたい...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いてリン...
-
テーブルタグのセルの幅の一部だけ...
-
CSSでつくったメニューのアニメーシ...
-
大至急。webのシングルページを作ろ...
-
角丸画像の背景色を透明にしたいです
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというのは、 ...
おすすめ情報