回答数
気になる
-
HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの?
ホームページにテキストの文章を書いた場合に、 <タグ> このようにタグで囲んで、改行は 普通に、改行しているだけで 改行が反映されるという方法はないのですか? <タグ> <タグ> このようにタグで囲んで、改行は<BR> 普通に、改行しているだけで<BR> 改行が反映されるという方法なないのですか?<BR> <タグ> のように書かなければダメなのですか? CSSとかで設定すればできるのですか?(´・ω・`) アドバイスよろしくお願いします。 (*´ω`*)
質問日時: 2022/12/03 21:00 質問者: otasuke3900z
ベストアンサー
1
0
-
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
-
書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません
書籍を確認したり、お手本でダウンロードファイルにある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
-
ヘッダーの画像にメインエリアがかぶってしまいます
書籍を写す形でサイト作成の練習をしております。 該当する箇所の値や数値は間違っていないはずなのですが、画像がお手本より少し見きれ、また、下のメインエリアの文字や画像が被ってしまう状態となっております。 この場合どうすればいいのでしょ 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
-
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
-
テキストを画面の真ん中に配置したいです。
書籍を見つつ、実際にサイトを作る流れを実際に打って覚えよう。みたいな項目をいま行っています。 見出しの文字を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
-
ホームページにブログ記事をサムネイル付きで掲載する方法
自分のHTMLサイトに、別で作ったブログサイトの記事をサムネイル付き+タイトルを4枠位で表示させたいのですが方法がわかりません。 何かのプログラムに、feedアドレスを入れると表示する。そのプログラムの表示ソースを、HTMLサイトに張り付ければ、表示できる方法を探しています。
質問日時: 2022/11/25 14:55 質問者: ぼーんです
解決済
2
0
-
HTMLの表に関する質問です。 ド素人のためお手柔らかにお願いします。 表の一つのセルの中で2列で表
HTMLの表に関する質問です。 ド素人のためお手柔らかにお願いします。 表の一つのセルの中で2列で表示することは出来ますか? 一つのセルに入る文字列が長すぎるので2列にしたいです。 出来れば、間に縦棒とか入れたいのですが、可能なのでしょうか? 軽く調べましたが分からなかったので、、
質問日時: 2022/11/24 01:46 質問者: くまのみみみ
解決済
2
0
-
差し込み画像にをcssで大きさ指定したい
背景でなく、差し込みのサンプル画像の大きさを、画面の大きさの比率に合わせて変えたいです。 ちなみに画像はHTMLではsrc= alt=の形で指定しており、cssではpc版とsp版それぞれの画面の比で大きさを指定(11/111 *100vw の形で)しています。
質問日時: 2022/11/23 23:14 質問者: riribestwanko
解決済
1
1
-
HTML <input type=password>の黒丸の色を変える方法
webサイト作っていて、ログインフォームを現在作っています。 <input type=password>でパスワードを入力する用のinputを作成したのですが、自分のwebサイトの背景が黒で、inputの背景も黒のため黒丸が見えないです。ですので、黒丸の色を変えたいのですが、調べても一向に分からないので、質問させていただきました。一応他サイトを見たところ黒丸が白丸になってるサイトも確認しているので、変更は可能だと思います。
質問日時: 2022/11/23 13:56 質問者: nicknameeeeeee
ベストアンサー
3
0
-
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
-
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
-
ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。
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
-
【CSS】:hasで可能? imgを含むtr要素を選択したい
<tr><td><img src=""><td></tr> <tr><td><td></tr> <tr><td><td></tr> <tr><td><td></tr> <tr><td><img src=""><td></tr> <tr><td><td></tr> ざっくりとこのような感じで、tr、tdには同じclassやidが振られている状態で、1行目、4行目のようにimgを含むtr要素をCSSで指定したいと考えています。 <試したこと> td:has(> img)で、td要素は選択できました。 <聞きたい事> そのtdの上のtrまで含めて選択するにはどうすればいいでしょうか?よろしくお願い致します。
質問日時: 2022/11/17 14:36 質問者: nukokok
ベストアンサー
1
0
-
HTML 、 CSS ではみ出る線の表現
添付画像のように、 CSS で、はみ出た線を表現出来ますか ? 画像の線はゆらゆらしてますが、真っ直ぐの線と考えてください。 詳しい方、教えてください。
質問日時: 2022/11/16 10:51 質問者: i-d-a-i
ベストアンサー
2
0
-
WEBサイト 画像の直接リンクについて
とあるサイトのバナーを貼って下さいと各所にお願いしています。 年度でデータの更新が行われるので、データが替わるたびにバナーを差し替えて下さいとお願いしているのですが、なかなか徹底されません。 年度が替わっても使いまわせるデザインのバナーにすることも考えていますが、いっそのことバナーの画像を提供するのではなく、バナーの直接リンクをお願いしようかとも考えていますが、やらない方がいいでしょうか。 一昔前はサーバに負荷がかかる等の理由で、画像の直接リンクは外道扱いされていたものですが、最近はどうなのでしょう。
質問日時: 2022/11/16 10:41 質問者: bari_saku
解決済
1
0
-
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
-
エクセルのファイルのダウンロード 前にアップしたファイルがダウンロードされる
私のホームページにエクセルのファイルをアップしてあって そのファイルを更新して再びアップロードしても エクセルのファイルのダウンロードを改めてしても 前にアップしたファイルがダウンロードされる のですがなぜでしょうか? ダウンロードしたときのファイルのURLは https://view.officeapps.live.com/op/view.aspx?src=http%3A%2F%2Fcadconv.world.coocan.jp%2Fgfs%2Fcal2022.xlsx&wdOrigin=BROWSELINK となります。 これは見ればわかるかもしれませんがアップした先のURLではありません。 http://cadconv.world.coocan.jp/gfs/cal2022.xlsx をダウンロードしたいです。 OS:Windows11 ブラウザ:Microsoft Edge は最新です。 とのこと 別のところに保存されるのか? 何が起きているのかわかりませんが よろしくお願いします。
質問日時: 2022/11/13 13:02 質問者: LHS07
解決済
1
0
-
吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな
吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用になっているのですが、右側にアイコンを使用する形の吹き出しスタイスシートにしていただけないでしょうか? 自分でいじったのですが、吹き出しの口の部分の◁が▶にならなかったりと困っております。 お忙しいとは思いますが、どこをいじればいいのか教えていただけないでしょうか? 何卒、よろしくおねがいいたします。 スタイルシートの参考記事は下記になります。 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
-
自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます
ご指導お願いしますぅ 昔に自分のHPにYouTube動画を貼ってました。 以前はちゃんと写ってたのに数年ぶりに見ると表示されなくなってました。 タグはYouTubeから共有→埋め込みタグで <body> <table border="1"> <tr> <td><iframe width="560" height="315" src="https://www.youtube.com/embed/JmcA9LIIXWw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td> </tr> </table> </body> </html> -------------------------------------------------------------------------------------- これで合ってるはずなのですが、動画が写りません・・ YouTubeの方で最近に規制か何かあったのでしょうか?
質問日時: 2022/11/11 10:44 質問者: kyoto-night
解決済
1
0
-
Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており
Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しております。 現段階、Noto Sans JP と源ノ角ゴシックを検討しています。 Web font 使用する際に、一つ指定しますか?それとも、複数指定が一般的ですか? また、外資のため、元々の英語のページがあり、英語は英語ページのフォントを使用し、日本語は日本語フォントを指定しようと思っていて、いかがでしょうか? そんなことをしない方がいいでしょうか?
質問日時: 2022/11/04 10:36 質問者: htaccess_sss
ベストアンサー
4
0
-
サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h
サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/html-css/reference/speech-bubble (↑のスタイルシートが使いたいです。) 質問は ★ここに画像を入れる <img~>★ と、上記のように書かれていますが、実際どんな風に画像をアドレスを記載になるのでしょうか? 具体的に教えていただけないでしょうか? 例えば画像アドレスが下記の場合、 https://kuruma.com/wp-content/uploads/2022/10/deffencera_firsttime_01.jpg 入力は下記のようにすればいいでしょうか? <!--吹き出しはじまり--><div class="balloon5"><div class="faceicon">https://kuruma.com/wp-content/uploads/2022/10/deffencera_firsttime_01.jpg <img~>★ </div><div class="chatting"><div class="says"><p>★文章を入れる★</p></div></div></div><!--吹き出し終わり-->また<img~>★の ★は削除しなくても大丈夫でしょうか? ------------------------------------------- サルワカさんで記載された元のスタイルシートは下記になります。 <!--吹き出しはじまり--><div class="balloon5"><div class="faceicon">★ここに画像を入れる <img~>★ </div><div class="chatting"><div class="says"><p>★文章を入れる★</p></div></div></div><!--吹き出し終わり-->
質問日時: 2022/10/28 22:55 質問者: トン子トン子トン子
ベストアンサー
2
0
-
htmlで画面遷移させたい
html初心者です。 一つのテキストエディタで処理させたいです。 ログインというページの送信ボタンを押したら データ一覧の画面が遷移されるようにしたいです。 〈title〉ログイン〈/title〉 内容 〈button onclick href='#data_list'〉送信〈/button〉 〈id='data_list'〉 〈title〉データ一覧〈/title〉 内容 idの使い方が間違えているのでしょうか。 お教えいただきたいです。
質問日時: 2022/10/28 18:19 質問者: ぷりぷりん
解決済
1
1
-
写真をたくさん乗せるには?共有とか
こんにちは 不用品いっぱいあり、写真もたくさんあります。 ネットで知り合った人にそれらの写真を見せたいので ウェブにまとめて公開したいのですがいい方法ありますかね? expression web使ってて以前まとめて写真載せたような気がしますがやり方忘れました^o^; googleフォトも使ってみたのですが、誰でもすぐそれらの写真見れるわけじゃなくひとりひとり設定するの面倒そうだと思いました。関係ない写真見られる不安もありますし
質問日時: 2022/10/28 11:14 質問者: takeyabeer
解決済
2
0
-
依頼したWEBサイトの修正に追加料金がかかる
WEBサイト作成会社にサイト作成を依頼して、サンプルページが送られてきたのですが、当初いただいたデザイン通りでもなく(余白が広かったり狭かったり、リンクボタンのサイズが全然違ったり素人目に見てもバラバラしてる)、スマホで閲覧すると文字と図が小さすぎたり変なところで改行していたりで非常に見づらいサイトになっていました。 なので、当初のデザイン通りに作成して欲しいこと、スマホから見ると画像が潰れて見えない事、文字が小さすぎて読みづらい等、社内で検討した内容を依頼先に送りました。 すると、リンク先の設定間違い以外は、最初の契約での修正回数を超えるので別途料金が追加になると言われました。 これって作成側の落ち度だと思うのですが、別途料金が発生する修正内容なんですか? 確かに最初に「デザイン通りの仕上がりにならないことがあります」とは言われましたが、あまりにあまりな仕上がりです。 相手が悪い場合、どのように伝えたらいいでしょうか。
質問日時: 2022/10/24 09:31 質問者: まくまく7
ベストアンサー
10
1
-
htmlで質問です。 下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成した
htmlで質問です。 下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成したら良いでしょうか。 カラー指定等はタグに埋める感じで作りたいです。 テスト あああ いいい ううう えええええええええええええええええええええ おおおおおおおおおおおおおおおおおおおおお ■条件 共通 ・背景色:黄色 テスト ・フォントサイズ:20 ・中央揃い あああ〜ううう ・フォントサイズ:18 えええ ・フォントサイズ:16 おおお ・フォントサイズ:14 ・フォントカラー:赤
質問日時: 2022/10/19 08:54 質問者: piraniaman
ベストアンサー
3
0
-
有料?
下のURLに貼ってあるものは有料で画面録画や編集ができるものですか? また有料ならば画面録画ができる無料のものは何がありますか? https://dc.wondershare.jp/screen-recorder/how-to-use-shadow-play-to-recorder.html?utm_source=yahoo&utm_medium=cpc&utm_campaign=DemoCreator&yclid=YSS.1001084952.EAIaIQobChMI5O6Ct5Pn-gIVwb2WCh1ZjAeFEAAYASAAEgKtCPD_BwE 回答お願いします。
質問日時: 2022/10/17 20:46 質問者: i05
解決済
1
1
-
【CSS】特定のリンクを含むaタグを指定できるかどうか?
<a href="https://hogehoge.com/tag/aaabbbccc" class="test"></a> もちろんa.testで指定できることは分かるのですが、例えば上記のタグの場合に、/tag/を含むaリンクを指定するということはCSSで実現できないでしょうか?div[class*=”xxx-“]のような感じで・・・。 プラグインの出力の結果で、display:noneで消したい出力も同じclassで指定されているためどうにかしたいというのが理由です。
質問日時: 2022/10/15 02:45 質問者: nukokok
解決済
3
0
-
CSSでiframe要素の編集
GoogleカレンダーをWEBサイトに埋め込みました。 表示を微調整したく、スタイルシートに frame { margin: 0px 0px 0px 20px; } と書き込みました。 Edgeでは希望の位置に表示するのですが、 Firefoxで移動してくれません。 同じように表示させたいのですが、どうすれば...
質問日時: 2022/10/09 20:53 質問者: ooommmooo
解決済
2
0
-
アドバイスを下さい。
アドバイスを下さい。 現在、会議室予約システムを機能を作ろうとしています。 gogleカレンダーをお手本にしているのですが 自作のカレンダーに時間を選択するとテーブルのセルの色が 変わるようにしていますがそこに文章を書きたいのですが セルを結合するのが簡単なのでしょうか? Googleカレンダーの様な綺麗なレイアウトにしたいです。 どう実現すればいいかアドバイスを下さい。 JQueryのこれを使うといいよとか何んでもいいのでアドバイス下さい セルの結合だと現在javascriptにて選択セルの位置を取得しているので 結合するとセルの数が変わりうまくいかなくなるというおバカなエンジニアです。
質問日時: 2022/10/08 01:18 質問者: 39OK
解決済
1
1
-
HTMLの・要素・属性・属性値 はプログラム言語の「変数」みたいに変更できますか?
HTMLの・要素・属性・属性値の概念が調べてもよく分かりません。 分かり切った書き方でしかされていません。 プログラミング言語では変数は自分なりに「あだ名」みたいに 「文字の頭に数使用は不可」など決められた範囲であれば無 数に作ることができます。 それでは htmlの・要素・属性・属性値 はあらかじめプログラミングの 概念からして、関数みたいに 決まったいて 自分で勝手に 文字を作ったり、変更などできないのでしょうか? いわば 約束された、文字なのでしょうか? よろしくお願いいたします。
質問日時: 2022/10/04 05:27 質問者: Campus2
ベストアンサー
5
0
-
私の能力からして間違っていないような気がします。
https://rakko.tools/tools/58/ のサイトに HTML5バリデーター HTMLの構文エラーまたはフォーマットエラーをチェックする があります。そのサイトで以下のコードをチェックすると! 1) と 2) の行が構文エラーがあると出ました。 私の能力からして間違っていないような気がします。 何処が間違っているのでしょうか? 宜しくお願い致します。 1) <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1-transitional.dtd"> <html> <head> <title>ひとこと掲示板</title> </head> <body> <h1>ひとこと掲示板</h1> <form action="bbs.php" method="post"> 2) 名前: <input type="text name="name" /><br /> ひとこと: <input type="text" name="comment" size="60" /><br /> <input type="submit" name="submit" value="送信" /> </form> </body> </html>
質問日時: 2022/09/30 13:24 質問者: Campus2
ベストアンサー
4
0
-
解決済
10
0
-
WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか?
概要 WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 詳細 WEBサイトを作る際、まあ、普通に考えたら 「ワープロソフトで絵や図入りの印刷物を作るときみたいに、 パソコン画面上でみたまんまの画像になるように、 数字やら文字やら写真をペタペタ配置するんじゃないの?」 と考えるでしょう。いわゆる、Windows時代になってからの主流の考え方「WYSIWYG」ってやつですね まあ、個人が作成する「我が家のホームページ」みたいなWEBサイトならそれでもいいでしょう。 しかし、現在、WEBサイトを作るとなったらそうはいかない点があります。 それは前述の「我が家のホームページ」みたいなやり方をしていたら、サイト内のデータの変更の際に毎回、わざわざWEBデザインソフトを引っ張り出す必要があるからです。 そのデメリットは以下のようになるでしょう 1 データの変更だけを行うことができない 2 1と絡むがデータの変更をリアルタイムに行うことができない。元データに変更があった場合、わざわざ変更データを基に、WEBサイト上のデータを変更せねばならない。 具体的言えば、経理・販売システムなどと連動して、それらの数値に変更があったら、WEBサイト上の数値が自動的に変更される、などの処理ができない 3 WEBサイトのデザイン上に、数値データ、画像データなどが「入り込んで」いるので、WEBサイトのデザインの変更を行う際は、数値データ、画像データなどを誤って書き換えたりしないように気を使う必要がある。あるいは複数のWEBデザインで共通のデータを使いまわすことができない。 こういったデメリットを回避するためにはデータとWEBデザインを分離して、 1 WEBデザイン上には具体的なデータは保持せず、変数などに置き換える 2 データはデータで独立して別個に保持する 3 データに変更があった場合はデータのみを更新する 4 3が発生したときにはWEBデザイン側は何も手を加えなくても、新しいデータを表示することができる 5 1-4によって、一つのデータを複数のWEBデザインで使いまわすことができる といったようにする必要があります。 ここまで来て、専門家の皆さんは 「はあ? だからどうしたの? そんなこと、もうずいぶん前からとっくにやってますけど」 と思われると思います。 別に私は 「これからのWEB界は、データとデザインは別個に独立すべきだ! どうだ! 画期的なやり方だろう!」 などというつもりはありません。もう、すでにやっていることはわかっていますので。 私が質問したいのは、 「ここまで(皆さん先刻承知の内容であることは十分承知ですけど)説明した、このような考え方、というのはWEB業界ではひとことで何と表現されるやり方でしょうか?」 ということです。 WEB関係の情報を一通りさらってみましたが、見つけることができませんでした。 ある意味、常識すぎることでいまさら 「このような考え方を、WEB業界では”なになに”と表現します」 なんて説明するほどものじゃないために見つからなかったのだと思いますが・・・ 専門家の皆様、このやり方の業界用語を教えてください。 ご注意) 「ああ、それって、とあるWEBサイトにアクセスがあった場合に、 アクセスしたデバイス、即ちパソコン、スマホ、ガラケー、タブレットごとに それぞれに適したデザインのWEBサイトを自動表示する、って手法でしょ?」 とお答えになる方がいらっしゃると思いますが、それとは別のお話です。
質問日時: 2022/09/27 09:16 質問者: s_end
解決済
8
0
-
HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照)
HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照) 【実装したいこと】 ・要素①が表示されている時…要素②を表示する ・要素①が表示されていない時…要素②を非表示にする HTML初心者です。 宜しくお願い致します。 https://docs.google.com/document/d/e/2PACX-1vS3jN0ooy0p1A3Eya8YxuC1815ES84LXR8Qfsad8tyaBvy3vru_IiZx2cunih3siNPn2QtWB4hHQxBa/pub
質問日時: 2022/09/25 14:35 質問者: erina_812
ベストアンサー
1
0
-
HTMLのテーブル
1行3列あって1列目だけ折り返しせずに幅を自動調整、 残りの2列は折り返しして幅を自動調整したいのですが、 HTMLまたはCSSを教えてほしいです。 |1折り返ししない・幅は自動調整|2折り返しする・幅は自動調整|3折り返しする・幅は自動調整|
質問日時: 2022/09/25 01:01 質問者: ぽち101
解決済
2
1
-
flex の各子要素を横幅 100% にしたい
スライダーです。 どうしても 2 つの子要素が画面内に表示されますが、 各子要素を横幅 100% の画像が表示されるスライダーにしたいです。 わかる方、教えてください。よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> img { width: 100%; } .slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; } .slides > .slide__item { scroll-snap-align: start; } </style> </head> <body> <div class="slides"> <div class="slide__item"> <img src="" alt=""> </div> <div class="slide__item"> <img src="" alt=""> </div> </div> </body> </html>
質問日時: 2022/09/22 21:25 質問者: i-d-a-i
ベストアンサー
1
0
-
インクルードした要素がヘッダーにかぶってしまう
ワードプレスの固定ページで、フレックスボックスをたて並びにしてヘッダー固定のレイアウトを作っています。 編集の利便性のために、別ファイルのphpを合間にインクルードして表示しているのですが、その部分のみヘッダー(potision:sticky)の上に重なって表示されてしまいます。(見た感じはz-indexで上に重なっているような感じです) これは何が起きているのでしょうか? 該当部分に何か指定をいれることで解消しますか??
質問日時: 2022/09/13 17:35 質問者: わかりません。。
ベストアンサー
3
0
-
リストの並べ替え
<div> <ul> <li>その1</li> <li>その2</li> <li>その3</li> </ul> </div> とあるときに、「今どのページにいるかによって」リストの順序を変更する方法はありますか? ・全部で3ページある ・この3項目が常に上部に表示されている ・「その2」のページにいるときは、その2を一番最初に表示したい ・「その3」のページにいるときは、その3を一番最初に表示したい リストの入れ替えをcssで指示することはできるのでしょうか?
質問日時: 2022/09/13 15:27 質問者: わかりません。。
ベストアンサー
1
0
-
HTMLとCSSについて
閲覧ありがとうございます。HTMLとCSSの初心者です。 htmlファイルとsccファイルを使って下記のように表示されるウェブサイトを作成したいのですが、 文字の周りの色のデザインがうまく作れません。どなたかご助言を頂けないでしょうか。 ご回答、おまちしております。 おはよう (←文字周辺は黄色) こんにちは (←文字周辺はピンク色) さようなら おやすみ (←特に設定はなし)
質問日時: 2022/09/12 15:46 質問者: ys0212
ベストアンサー
2
1
-
WEB上で文書のアイコンを配置する方法
会社の掲示板を担当しており、会社から「アップロードしたファイルの拡張子に合わせて、アイコンを表示するようにしてほしい」と言われました。 掲示板は無料の「concrete5」を使用しており、導入から3~4年経過していることもあり、CSSがどこにあるのかもよくわかっていない状況です。 都度HTMLに記述すれば可能であるのはわかるのですが、 利便性も考慮して条件設定などできないかを教えていただきたいです。 できれば、HTMLの記述だけで対応できると助かります。 (例:.pdfならPDFのアイコンを、.xlsxならExcelのアイコンを自動で反映) よろしくお願いいたします。
質問日時: 2022/09/03 13:01 質問者: まめだいふくとそら
解決済
2
3
-
HTML で使ってない CSSのクラスやID を消去してくれるツールはありませんか?
こんにちは HTML で使ってない CSSのクラスやID を消去してくれるツールはありませんか? 前に書いていたブログのHTML / CSS を使って書いているので無駄な部分がたくさんあります 無駄な部分を消去してアップしたいので... (「そのままにすればいい」などのコメントも通報いたします) 批判コメントは通報いたします
質問日時: 2022/08/25 18:07 質問者: lassy_main
ベストアンサー
2
2
-
htmlとpythonでプログラムの内容を共有する
htmlでtwitterのようなSNSを作る時、htmlの方とpythonの方をほとんど同じような内容にして、ツイートやアカウントなどをhtmlの方とpythonの方で共有?できるようにするにはどうすればいいですか? 明らかに日本語がおかしいので、日本語のおかしさのあまりわからない点があれば、回答にて指摘いただければ、補足いたします。
質問日時: 2022/08/24 15:37 質問者: sasa-emon
解決済
3
1
-
ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか
ブロックエディターを使ってサイトを作っています。 画像を挿入し、その画像にスタイルシートを付けたいと思っていますが上手く行きません。 画像を挿入した時は ------------------------------------------------------------------------------------- <!-- wp:image {"id":11697,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img src="https://aaaaaaaa.jpg" alt="" class="wp-image-11697"/></figure> <!-- /wp:image --> ------------------------------------------------------------------------------------- と言うソースになるので 「img src」 の間の部分に 「 class="test" 」を追記して ------------------------------------------------------------------------------------- <!-- wp:image {"id":11697,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img class="test" src="https://aaaaaaaa.jpg" alt="" class="wp-image-11697"/></figure> <!-- /wp:image --> ------------------------------------------------------------------------------------- にして保存しました。 そうすると実際のサイトを見るとスタイルシートが適用されるのですが 再度編集画面を見ると 「このブロックには、想定されていないか無効なコンテンツが含まれています。」 となってしまい、画像も薄くなっています。 「ブロックのリカバリーを施行」を押すと、元に戻るのですが 追記した「 class="test" 」のスタイルシートも消えてしまいます。 ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか?
質問日時: 2022/08/23 18:46 質問者: まぐろ20220108
解決済
1
0
-
HTML を自動で改行してくれるツール / 拡張機能 などありませんか?
こんにちは HTML を自動で改行してくれるツール / 拡張機能 などありませんか? 実はサイトのデータを軽くするため改行は消しているのですが サイトを改修するたび、改行してわかりやすくするのもめんどくさいので自動で開業するツールあれば 教えて下さい (追記) 誤:改行 正:改行し雛形を作る また、雛形はなくてもよいです ※批判コメントは通報いたします
質問日時: 2022/08/23 17:53 質問者: lassy_main
ベストアンサー
2
0
-
Webページを作るには、HTMLとCSSだけ出来れば大丈夫なのですか? JavaScriptのスキル
Webページを作るには、HTMLとCSSだけ出来れば大丈夫なのですか? JavaScriptのスキルが必要な場合ってどのような時なのでしょうか??
質問日時: 2022/08/21 15:28 質問者: piyonn1357
解決済
6
0
-
CSS上での計算を行うためのルールについて教えてください。
色々と調べてみるのですが、単位をまたいで?の計算方法についての明確なルールが見つからず、よくわからないままなので、お詳しい方アドバイスを頂けますと幸いです。 CSS上で計算を行う際に、 cal(計算式); を使って指定を行うと思うのですが、この計算式の中で単位を付ける付けないの仕組みが良くわからず悩んでおります。 例えば、 width:calc(50px * 20px - 5px); の様に単純な計算であれば、そのまま単位も含めた計算を書いて結果は、 95px の幅を算出できると思います。また、以下の様に、 width:calc(100% - 50px); などの場合にも、相対的に閲覧しているデバイスからの100%から50pxが引かれた幅が指定され、こちらも問題無いと思います。 ただ、私の中で問題となっているのは、例えば相対的な位置を計算したく、pxの指定から%を取得する際の指定方法が分かりません。 簡単ですが、以下の指定があった場合、この絶対指定の位置を相対指定に変える計算をCSS上で行う場合です。 ※今回#container 側の高さの相対化は無視して頂いて大丈夫です。 #container { position:relative; height:5000px; } #point { position:absolute; top:1500px; left:0; } <div id="container"> <div id="point">この位置を相対的に指定したい</div> </div> 計算としては、 1500px/5000px*100 = 30% が相対指定の際の設定になるかと思うのですが、これをCSS上で以下の様に指定しても、計算が反映されません。 #point { position:absolute; top:calc(1500px / 5000px * 100); ←この指定 top:calc(1500 / 5000 * 100); ←または、この指定 top:calc(1500px / 5000px * 100%); ←または、この指定 left:0; } しかしながら、これらの指定を以下の内容にすると正常に計算が反映されます。 top:calc(1500 / 5000 * 100%); なぜ、最初のpx分部の単位を削除することで正常に計算が行われるのでしょうか? 逆にpxという指定がない事で、単位に迷い、この方が正常に計算できなくなるような気がするのですが…。 この辺りの単位の付け方や、計算式のルールなどお詳しいからいらっしゃいましたら是非ともアドバイスをお願いいたします。 宜しくお願いいたします。
質問日時: 2022/08/15 14:43 質問者: oneday77
ベストアンサー
3
1
-
サイトのカテゴリーの表示名を教えてください。画像有り
画像を見てください 黒枠のような、カーソルが親カテゴリーに乗せたとき子カテゴリーが表示されるシステム。 このカテゴリー表示名を教えてください。
質問日時: 2022/08/10 02:09 質問者: godhappy
解決済
2
0
-
お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の
お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の勉強がしたいと思い、プロゲートでHTML・CSSを勉強しておりました。 初心者級をクリアしたところで課金が必要になり、なるべく無課金で勉強したいな。。と思っています。 1ヶ月ほどで一通りの基礎が習得出来るスケジュールで考えているのですが、オススメのサイト・本・勉強法などありますでしょうか?? ゴールとしてWebデザインを副業として行い、収入を増やしたいと思っています。
質問日時: 2022/08/05 03:22 質問者: つなまよと名乗ります。
解決済
3
0
-
HTML 要素について(初心者です)
画像はゲーム画面全体が1つの要素になっています。 各キャラクターごとの要素を調べたいのですがどうしたらできるでしょうか。 ブラウザゲームです。 このゲームのホームページはテキストや画像それぞれの要素を調べることができました。
質問日時: 2022/08/03 11:44 質問者: からあげ11
解決済
2
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で特定の文字だけ色を変えたい...
おすすめ情報