回答数
気になる
-
CSSを教えて下さい webデザイナーの職業訓練に通うコーディング初心者です。 サイトを作っていまし
CSSを教えて下さい webデザイナーの職業訓練に通うコーディング初心者です。 サイトを作っていまして divにhover→filter:brightnessで暗くなるようにしたのですが divの中に入っている a (colorは白)も一緒にfilterが効いて暗くなり、グレーになってしまいます。 divの背景だけにfilterを効かせる方法はないでしょうか? 参考にサイト見ていると、マウスを載せると中の文字はそのままで、背景だけ暗く変わるサイトがいっぱいありますが、検証画面見てもhoverのスタイルがでてこないのでわかりません。 htmlはざっくりこんな感じです。↓ 〈div class=○○〉 〈a〉ここも暗くなってしまいます。〈/a〉 〈/div〉 CSSは基本しか習っていないのでプロパティや擬似クラス?等知らないものが多いです。 よろしくお願いします。
質問日時: 2024/09/19 07:39 質問者: ホルキナ
回答受付中
2
0
-
CSSを教えて下さい webデザイナーの職業訓練に通うコーディング初心者です。 サイトを作っていまし
CSSを教えて下さい webデザイナーの職業訓練に通うコーディング初心者です。 サイトを作っていまして divにhover→filter:brightnessで暗くなるようにしたのですが divの中に入っている a (colorは白)も一緒にfilterが効いて暗くなり、グレーになってしまいます。 divの背景だけにfilterを効かせる方法はないでしょうか? 参考にサイト見ていると、マウスを載せると中の文字はそのままで、背景だけ暗く変わるサイトがいっぱいありますが、検証画面見てもhoverのスタイルがでてこないのでわかりません。 htmlはざっくりこんな感じです。↓ 〈div class=○○〉 〈a〉ここも暗くなってしまいます。〈/a〉 〈/div〉 CSSは基本しか習っていないのでプロパティや擬似クラス?等知らないものが多いです。 よろしくお願いします。
質問日時: 2024/09/18 23:15 質問者: ホルキナ
解決済
1
0
-
CSSでinputのテキストカラーを変えたのですがパソコンで確認すると色が変わっているのですがiPh
CSSでinputのテキストカラーを変えたのですがパソコンで確認すると色が変わっているのですがiPhoneで確認すると色が変わっていませんなぜでしょうか
質問日時: 2024/09/18 01:26 質問者: こーえいいあ
回答受付中
2
0
-
2カラム、左メニュー、特定パーツのインクルド化
HTML5 左メニュー全体のインクルドはできましたが、左メニューの特定パーツ(BOX:プールダウンメニュー)のみインクルドできないものか調べましたが、分かりません。 HTMLにお詳しい方どうぞご教授宜しくお願い致しますm(__)m ※参:画像 <!DOCTYPE html> <!-- 省略 --> <!-- インクルドjs --> <script src="content2.js"></script> </head> <body> <!-- 省略 --> <!-- 省略 --> <!-- 左メニュー --> <div class="content1"> BOX① </div> <!-- 左メニューBOX② --> <div class="content2"> <!-- ●インクルドさせたい● --> <script>include("content2"); </script> <p>インクルドHTMLは別に用意:content2.html</p> </div> 左メニューの省略「BOX②のパーツ」のみ、インクルド化する方法はありますでしょうか? サイトを色々調べましたが、左メニュー特定BOX(プールダウンメニュー)だけのインクルド化は分かりませんでした。 ※また色々試しましたが、左メニューが「横並び」になります。 <div class="content2"> CSS、HTMLの記述の問題ありかと思っております。 HTML・CSSにお詳しい方、 2カラム・左メニュー縦並びで「BOX②のみインクルド化」する方法があるようでしたら、是非宜しくお願い致します。
質問日時: 2024/09/17 12:57 質問者: Fkujusou
ベストアンサー
2
0
-
このサイトのカテゴリのチェックボックスを横並びで綺麗な配置する方法を教えてください。 <dt>のジャ
このサイトのカテゴリのチェックボックスを横並びで綺麗な配置する方法を教えてください。 <dt>のジャンルはそのままで、 <dd>の要素だけを横並びにしたいです。 チェックボックスのテキストは3文字や、10文字などを10個くらい入れる予定です。 それが視認しやすく綺麗に横並びで配置できたら嬉しいです。 https://codepen.io/kojiWebCode/pen/QWJzmLV
質問日時: 2024/09/06 21:57 質問者: 彩いろどり
解決済
4
0
-
HTMLについて教えてください。 WEBサイトの運営を行っているのですが、前任者が飛んでしまい引継ぎ
HTMLについて教えてください。 WEBサイトの運営を行っているのですが、前任者が飛んでしまい引継ぎもなく大変困っております。 弊WEBサイトの会員情報でログイン後、外部ページに飛ばしたいです。 意図としては、会員限定で公開するページがあり、そのページに飛ばしたいのです。 今の状態だと、ログイン後弊社WEBサイトのマイページに飛ぶのですが、それを外部ページにしたいのです。 <input type="hidden" name="redirect_to"/mypage/"> というタグを変更するのかなと思って、 <input type="hidden" name="redirect_to"/https://www.google.co.jp//"> に変更したのですが、ログイン後 https://○○○.jp/https:/www.google.co.jp/ というURLに飛んでエラーになってしまいました。(○○○.jpは弊社ウェブサイト) どうしたら外部のURLに飛ばすことができるのでしょうか? 全く別の部分を変えなきゃいけないのでしょうか? 全くの初心者でとんちんかんな事を言っているかと思いますが、どうか助けてください。
質問日時: 2024/09/06 13:06 質問者: ひなたまる
解決済
3
0
-
HTML CSSの勉強のポートフォリオを作りたいんですが、どうしたらいいですか?
今プログラミング学習サイトのprogateでWeb開発コース(Ruby on Rails)をやっています。まだ、HTMLの中級編ですが、Webサイトのポートフォリオを作るにはどうしたらいいでしょうか?
質問日時: 2024/08/22 18:31 質問者: 1220yuki1018
解決済
1
0
-
スライダーの枠に動画を収めるにはどのように修正すれば良いでしょうか?
ファイルアップロードが可能な質問掲示板から投稿された動画を横スライダーで5件表示させたいと考えております。 初めは object-fit: cover; により拡大することで動画をスライド1枚の横幅に合わせるように調整したのですが、動画を横に拡大したことで画質を高く拡大が荒くなる問題が生じた為、修正方法についてアドバイスをお聞きいたしました。 ※頂いたアドバイス 親要素に対して適切に寸法指定がなされていない場合には予期しない表示になることがあるようなので、動画の width, height に関係する CSS は全て指定したうえで、一番上の親要素に横幅を指定した 方が良い。 上記の通りに修正したところ上手くいっていたのですが、動画の数を5件からアップロードされた数に変更したところ、スライド1件目の領域にスライド2件目が表示されるようになってしまいました。 何故このようなことが起こるのか原因は分かりますでしょうか? ※現在のスクロール https://imgur.com/UCv4Sxu.gif ※該当コード https://wandbox.org/permlink/3zqZGcHoVl0Yk3q7 ※横スライダーHTML <div class="carousel-area"> <!-- スライド(コンテンツ) --> <div id="carousel" class="carousel" style="transform: translateX(-20%);"> <div class="carousel-container"> <div class="carousel-video-area" style="display: inline-block;"> <a href=""> <div class="carousel-video-wrap"> <video class="carousel-video-streaming" src="" type="video/mp4" autoplay="" muted="" loop=""></video> </div> <div class="carousel-video-title"><script>document.write(truncate("タイトルテスト2タイトルテスト2タイトルテスト2タイトルテスト2タイトルテスト2タイトルテスト2タイ",19));<script>タイトルテスト2タイトルテスト2タイト...</div> </a> </div> </div> <div class="carousel-container"> <div class="carousel-video-area" style="display: inline-block;"> <a href=""> <div class="carousel-video-wrap"> <video class="carousel-video-streaming" src="" type="video/mp4" autoplay="" muted="" loop=""></video> </div> <div class="carousel-video-title"><script>document.write(truncate("タイトルテスト1タイトルテスト1タイトルテスト1タイトルテスト1タイトルテスト1タイトルテスト1タイ",19));<script>タイトルテスト1タイトルテスト1タイト...</div> </a> </div> </div> </div> <!-- 左右のボタン --> <span id="prev" class="prev"></span> <span id="next" class="next"></span> <!-- インジケーター --> <ul class="indicator" id="indicator"> <li class="list"></li><li class="list active"></li> </ul> </div> ※横スライダーCSS <style> li { list-style: none; } /* ↓ スライドの外枠 */ .carousel-area { width: 50%; height: 300px; position: relative; overflow: hidden; /* はみ出したスライドを隠す */ } /* ↓ スライド(コンテンツ) */ .carousel { /*スライド全体 */ width: 500%; /*スライドが5枚なので100%に5をかける */ height: 100%; display: flex; transition: all 4s; } /* ↓ スライドの内枠 */ .carousel-container { width: 100%; /*スライド1枚分なので100% */ height: 300px; } .carousel-video-area { position: relative; width: 300px; height: 300px; } .carousel-video-wrap { width: 100%; height: 300px; } .carousel video { /* 質問掲示板 一覧表示画面の動画配置位置 */ width: 100%; height: 100%; object-fit: cover; } .next, .prev { /* スライド */ position: absolute; width: 15px; height: 15px; bottom: 50%; z-index: 10; cursor: pointer; border-top: solid 3px #fff; border-right: solid 3px #fff; } /* ↓ 左右のボタン */ .next { right: 10px; transform: rotate(45deg) translateY(50%); } .prev { left: 25px; transform: rotate(-135deg) translateY(-50%); } /* ↓ インジケーター */ .indicator { width: 100%; position: absolute; bottom: 20px; display: flex; column-gap: 18px; z-index: 10; justify-content: center; align-items: center; } .indicator li { width: 14px; height: 14px; border-radius: 50%; background-color: rgba(255,255,255,.4); border: 2px #000 solid; cursor: pointer; } .indicator li.active { background-color: #fff; } .carousel-video-title { position: absolute; top: 75%; left: 50%; white-space: nowrap; transform: translateX(-50%); font-size: 25px; font-weight: 700; color: #fff; } </style>
質問日時: 2024/08/10 20:23 質問者: 初心者サイト作成
解決済
1
0
-
スマホで特定のサイトを表示させないやり方。 view-source:をhttps野前に入力するとスマ
スマホで特定のサイトを表示させないやり方。 view-source:をhttps野前に入力するとスマホでもそのサイトのhtmlを表示出来ました。そこにnoindex robotsのようなコードを入力すると表示出来なくさせられるようです。しかしhtmlの編集が出来ません。 ストアのアプリで編集出来ますが元のサイトに貼り付けられないのでダメでした。どなたかご教示お願いします!
質問日時: 2024/08/04 07:48 質問者: たろう。太郎。
解決済
2
0
-
excelをhtmlに変換した途端、一部フォントが変わるのはなぜでしょうか。
excelをhtmlに変換した途端、一部フォントが変わるのはなぜでしょうか。理由も添えてください。 もしかして、excelとhtmlで利用できるフォントが違うとか。 また、当該フォントは、html側で外部URLを使用しても使えませんでした。 ちなみにフォントは、frutigerです。 サイトは、https://jp.maisfontes.com/です。
質問日時: 2024/07/29 07:17 質問者: 福本英一
ベストアンサー
2
1
-
HTML ul li で横並びにナビゲーションを設置したが、背景色がきっちり横幅に合わない
ul li で横並びにナビゲーションを設置したが、背景色がきっちり横幅700pxに合いません。 どうしたらいいでしょういか? 700pxの背景画像を入れてもだめです。 https://nihonjinji.jp/index.php/servicemuke/ HTML <ul class="umuke"> <li> 研修コース </li> <li ><a href="https://nihonjinji.jp/index.php/kangomuke/">< 訪問介護サービス事業向け </li> <li><a href="https://nihonjinji.jp/index.php/eventmuke/">< イベントプロデュース企業向け</a> </li> <li ><a href="https://nihonjinji.jp/index.php/servicemuke/">< サービス事業向け </a> </li> </ul> CSS ul.umuke { list-style:none; margin: 0 auto; padding: 0px; width: 700px; color: #ffffff; /*background: #03006b;背景色*/ background-image: url(images/var_muke.jpg); } ul.umuke li{ float: left; background: #03006b;/*背景色*/ color: #ffffff; margin-bottom: 3px;/*下のバーとの余白*/ border-bottom: solid 1px #dadada;/*下に灰色線*/ list-style-type: none!important;/*ポチ消す*/ text-align: left; padding-left: 10px; padding-right: 5px; line-height: 30px; vertical-align: middle; } ul.umuke a { color: #ffffff; } ul.umuke a :hover{ color: #ffff00; }
質問日時: 2024/07/26 18:56 質問者: kurobon619
解決済
2
0
-
HTMLです。画像をHTMLで表したいですどうすれば良いですか?教えてください。お願いします
HTMLです。画像をHTMLで表したいですどうすれば良いですか?教えてください。お願いします
質問日時: 2024/07/26 14:09 質問者: WhereMonthName
ベストアンサー
3
0
-
ベストアンサー
5
0
-
サイトにコンテンツを並べる際の CSS についてアドバイスお願い致します。
現在Q&A掲示板を作成しておりコンテンツを横に4列並べているのですが、ブラウザの横幅が変わる際にどう対応すべきか悩んでおります。 2つの方法で悩んでいて参考サイトを探してみたところYoutubeの動画一覧表示は➀の方法でコードが書かれているという記事を見つけました。 こちらのコードで CSS を設定した場合並べることは出来たのですが、ブラウザの横幅でコンテンツが右端に追加される仕組みなので、スペースが足りない場合に間隔が空いてしまいデザインが崩れるのではないかと心配しております。 どのように複数のブラウザ用に CSS を書くべきでしょうか? ➀ブラウザによって横に並べるコンテンツ数を変化させる(減らす・増やす) ➁横に並べるコンテンツ数は維持して横幅を広げる ※参考サイト https://ecsiter.com/limage ※該当コード <html> <div class="image-inline-player"> <div class="image-card-wrap" style="display: inline-block;"> <a href=""><div class="image-thumbnail-card"> <img src=""> </div> <div class="image-title-link">タイトルテスト1タイトルテスト1タイトル... </div> </a> </div> <div class="image-card-wrap" style="display: inline-block;"> <a href=""><div class="image-thumbnail-card"><img src=""> </div> <div class="image-title-link">タイトルテスト2タイトルテスト2タイトル... </div> </a> </div> <div class="image-card-wrap" style="display: inline-block;"> <a href=""><div class="image-thumbnail-card"><img src=""> </div> <div class="image-title-link">タイトルテスト3タイトルテスト3タイトル... </div> </a> </div> <div class="image-card-wrap" style="display: inline-block;"> <a href=""><div class="image-thumbnail-card"><img src=""> </div> <div class="image-title-link">タイトルテスト3タイトルテスト3タイトル... </div> </a> </div> </div> </html> <style> /* 雑談掲示板 一覧表示画面本体定義 */ .image-inline-player { width: 1140px; margin: 0 auto 50px; background-color: #fff; border: 2px solid #999; clear: both; } /* 雑談掲示板 一覧表示画面本体定義 */ .image-inline-player .image-card-wrap { width:260px; /* 枠の横幅 */ margin: 23px 0px 23px 19px; /* 枠のスペース */ vertical-align:top; /* 上端に揃える */ word-wrap:break-word; /* 文字を改行し枠内に収める */ display:inline-block; /* <li>要素を横に並べる */ /* display:inline; */ zoom:1; } /* 雑談掲示板 一覧表示画面配置位置 */ .image-inline-player .image-card-wrap .image-title-link { font-size: 150%; font-weight: 700; letter-spacing: .1em; } /* 雑談掲示板 一覧表示画面の画像配置位置 */ .image-inline-player .image-card-wrap .image-thumbnail-card { height: 150px; /* 画像の高さ */ width: 260px; /* 画像の横幅 */ } </style>
質問日時: 2024/07/08 21:39 質問者: 初心者サイト作成
ベストアンサー
5
0
-
縦書きのcssについて質問です。 随分前に自分で作ったページのcssに writing-mode:
縦書きのcssについて質問です。 随分前に自分で作ったページのcssに writing-mode: vertical-rl;/*縦書きにする*/ -ms-writing-mode: tb-rl;/*縦書きにする*/ と入れてたんですが、何故どうして両方とも入れたのかが思いだせません。 パッと見どっちか片方を記載すればそれでいいように思うのですが、それと -ms-てなんだ?と思いまして、まったく思い出せません。 ブランクありすぎてもはやちんぷんかんぷんです。 この二つの謎についてかれこれ5日程ネットで調べたのですが、私の検索の仕方が悪いのか解決しませんでした。 どなたか詳しい方いらっしゃいましたら教えてください。よろしくお願いいたします。
質問日時: 2024/07/04 03:27 質問者: まほそし
ベストアンサー
3
0
-
【至急!!助けて!】【スマホでサイトを開いた際、縮小表示されなくなりました】
ホームページビルダー16で作成したWEBサイトです。 【スマホでサイトを開いた際、縮小表示されなくなりました】 以前は小さいながらも全体が入るくらいまで縮小され表示されてました。 1年ほど前に、より見やすくできないものかとネットで調べ慣れない記述を加えたりしたのが原因かもしれません。思い出せる範囲で修正し、改めてviewportの記述を加えました。 が改善に至っておりません。 ・各デバイスで表示の際、サイト全体が表示されるようにしたい ・フレームページです ネットで検索し、以下サイトを参考に記述を加えましたが改善できていないようです。 https://www.plan-b.co.jp/blog/seo/53788/#:~:text=initial%2Dscale,-%E3%80%8Cinitial%2Dscale%E3%80%8D&text=%E3%81%93%E3%81%AE%E5%80%A4%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%A7%E3%80%81%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8C%E6%9C%80%E5%88%9D,%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E5%8F%AF%E8%83%BD%E3%81%A7%E3%81%99%E3%80%82 <meta name=”viewport” content=”width=device-width,initial-scale=1″> 上記を加える場合、ページ全てに同一に記載が必要か否かもご教授願います。 indexフレームページのソース画像添付します。 宜しくお願い致します。
質問日時: 2024/06/16 17:19 質問者: goahead1101
ベストアンサー
1
0
-
webデザインの勉強で、HTML/CSSから勉強するかPhotoshop/Illustratorかは
webデザインの勉強で、HTML/CSSから勉強するかPhotoshop/Illustratorかは勉強か、どちらを最初にするのがおすすめですか?
質問日時: 2024/06/14 12:36 質問者: あめはれの
解決済
4
1
-
私、Paiza Cloudやっているのだけど 上手くいきません どこかが間
私、Paiza Cloudやっているのだけど 上手くいきません どこかが間違ってますよね? 教えてください。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>正規表現情報取得・表示</title> </head> <body> <?php $val=$_POST['val'];//regex1.phpからvalを受け取り if(preg_match('/123|/',$val)){//もし,$valが123という数字ではあったら} echo"入力された数字"$val.は、123と一致しました。<br/>"; echo '<a href="regex1.php">再度,入力</a>'; }else{ //そうでなかった場合 echo "入力された数字".$val."は,123とは一致しません。再度,入力してください.<br />"; echo'<a href="regex1.php">再度,入力入力</a> } ?> </body>
質問日時: 2024/06/08 13:44 質問者: WhereMonthName
ベストアンサー
1
0
-
WEBサイトの作成で、imgタグには現在もwidthとheightの指定が推奨ですか?
お詳しい方アドバイスを頂けないでしょうか? タイトルの通りなのですが、現在サイトの作成を行っているのですが、何やらSEO対策の一環として、すべての画像へwidthとheightの指定を行うとのことなのですが、ここで質問です。 現在でもwidthとheightの指定を行うことは、HTMLのマークアップの観点、SEOの観点からして有効、また推奨されていることなのでしょうか?(GoogleやMozillaはこれらについて公式に何か出されていますでしょうか?) というのが、現在レスポンシブでの設定が一般的なので、PCでwidthとheightの指定を行っても、スマホサイトではこの指定した数字の意味はなくなると思います、その逆もしかりだと思います。 特にスマホサイトの場合には、親要素に対しての相対的な数字の指定が一派的ですし、それら多くの指定はHTMLの数字を上書きするという意味でもCSS側で行っていることがほとんどだと思います。 こういった状況を踏まえたうえでも、やはり画像へwidthとheightの指定は行うのが良いのでしょうか? 必要かつ有効ということであればすべてに定義したいと思いますが、その際はPCの際の画像として表示する際のサイズを指定した方がよいのでしょうか? 逆に、現在は記載しないのが一般的、推奨や指定しない分容量が少なくなるので記載しない方がよいなど、逆のご意見等ございましたら合わせてお伺いできればと思います。 宜しくお願いいたします。
質問日時: 2024/06/07 17:16 質問者: 404not_found
ベストアンサー
1
1
-
先日ウェブデザイン技能検定三級を受けたのですが、公式の解答では答えが②となっているのですがその理由が
先日ウェブデザイン技能検定三級を受けたのですが、公式の解答では答えが②となっているのですがその理由がわかりません。わかる方答えていただけないでしょうか。 Q.次のHTMLのリンク部分の表示についての適切な説明はどれか。以下より1つ選択しなさい。 HTML ----------------------------------------------------------------------- <! DOCTYPE html> <html lang="ja"> < head> <meta charset="utf-8"> <title>ウェブデザイン技能検定</title> ‹style > body { background-color: #FFF; } h1{ color: rgb (255, 0, 0); text-decoration: none; } a {color: rgb(0, 255, 0); } </style> </head> < body> <h1> <a href="index.html">ウェブデザイン技能検定</a> </h1> </body> </html> ----------------------------------------------------------------------- ①文字色は赤色で下線が引かれる。 ②文字色は緑色で下線が引かれる。 ③文字色は赤色で下線は引かれない。 ④文字色は緑色で下線は引かれない。
質問日時: 2024/05/27 13:04 質問者: tam_pp
解決済
3
0
-
X の仕様変更? 埋め込みフレーム、アカウントないと中身表示されない?
X サイトガイドでは、公開設定しとけばアカウントない誰のアクセスでも表示される と書いてあるけど。。 インフレーム設置側でどういう設定を確認すればいいですか?
質問日時: 2024/05/26 19:10 質問者: odasaga09
ベストアンサー
2
0
-
指定した演算を実施の結果を表示させるにはどうしたらいいですか?
指定した演算を実施の結果を表示させるにはどうしたらいいですか?
質問日時: 2024/05/25 13:37 質問者: WhereMonthName
ベストアンサー
1
0
-
指定した演算を実施の結果を表示させるにはどうしたらいいですか?HTMLです
指定した演算を実施の結果を表示させるにはどうしたらいいですか?HTMLです <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>指定した演算を実施の結果を表示</title> </head> <body> <?php $num1 = $_POST['num1']; $num2 = $_POST['num2']; $res = $num1+$num2; echo $num1.'+'.$num2.'='.$res."です。"; ?> </body> </html>
質問日時: 2024/05/25 13:34 質問者: WhereMonthName
ベストアンサー
1
0
-
htmlソース編集で、各タグを何かアイコン表示一覧クリック一つで自動で生成してくれるソフト?
現在さくらエディター常用ですが、タグ打ちをキーボード入力変換ではなく、よく使う主要なタグ(テキスト)一覧をあらかじめツールバーで常灯表示させておいてクリック一つで自動生成するエディター をどこかで1回試用した記憶があるのですが・・ もういちどそういうの使い勝手試したいのですが。。オススメのありますでしょうか?
質問日時: 2024/05/21 11:43 質問者: odasaga09
ベストアンサー
1
0
-
<!DOCTYPE html>あってますか?スペル間違ってませんか?
あってますか?スペル間違ってませんか? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>学籍番号チェック</title> </head> <body> <?php $stunum = $_POST['stunum']; // request1.phpから学籍番号を受け取り echo"あなたの学籍番号は".$stunum."です。 ", ?> </body> </html>
質問日時: 2024/05/12 18:59 質問者: WhereMonthName
ベストアンサー
3
0
-
<!DOCTYPE html>あってますか?スペル間違いしてませんか?
あってますか?スペル間違いしてませんか? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>学籍番号チェック</title> </head> <body> <form method="=POST" action="request2.php"> 学籍番号 : <input type="text" name="stunum" /> <input type="submit" value="送信" /> </form> </body> </html> 教えてください。
質問日時: 2024/05/12 18:52 質問者: WhereMonthName
ベストアンサー
2
0
-
<!DOCTYPE html>あってますか?↑
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>学籍番号チェック</title> </head> <body> <?php $stunum = $_POST['stunum']; // request1.phpから学籍番号を受け取り echo"あなたの学籍番号は".$stunum."です。 ", ?> </body> </html> あってますか?↑
質問日時: 2024/05/07 10:05 質問者: Wohinfahrensie
解決済
1
0
-
Duolingo のソースコードの名前、教えてください。
学習ソフト Duolingo のソースコードを、「Ctrl+U」で表示させたのですが、このソースコードの名前、教えてください。 <!doctype html><html dir="ltr"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="robots" content="NOODP"><noscript><meta http-equiv="refresh" content="0; url=/nojs/splash"></noscript><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style"
質問日時: 2024/04/29 09:28 質問者: 五体投地
ベストアンサー
2
0
-
ベストアンサー
2
0
-
、URL化させるにはどうしたらいいですか?
<!DOCTYPE html> <html lang="ja"> <head> <title>ページタイトル</title> </head> <body> 寿司は美味しい </body> </html> ↑を、URL化させるにはどうしたらいいですか? 教えてください
質問日時: 2024/04/27 13:17 質問者: Wohinfahrensie
ベストアンサー
3
0
-
goo は、放置?
https://beginreturnonassets.com/products/auric-spreader?utm_term=nPlamFeL3J0HqcrUAs9iU&adset_name=23&fbclid=IwAR3vJIHfh6Q-OYP4zgmMOIgABsh_s_PAJ45_XpJALqrB7EHIqnpQiiCtaGk_aem_AWoGuN07iOJhJpN0WYEf58C8Z-7ikE29METVt51SlKw2aH4sIMiohRnY5rizC6wLjuYvh5kl-WAHXk1VOatawuZx
質問日時: 2024/04/24 19:30 質問者: odasaga09
解決済
1
0
-
CSSについて教えてください。 こちらのサイトを参考にしているのですが、ナンバーを自動で付けているの
CSSについて教えてください。 こちらのサイトを参考にしているのですが、ナンバーを自動で付けているのを解除して、ナンバーではなく直接任意のテキストを表示したいです。 spanに入れただけだと白枠の中に表示されてしまうのですが、どうすれば良いかご教授いただけないでしょうか。 画像の上に要素を重ねるレイアウトの実装方法 https://tips-log.com/css-layout/ (コード貼り付けようとしたのですが文字数が足りませんでした) <span class="p-textImgBox__number"></span> .p-textImgBox__number::before { position: absolute; font-size: 70px; letter-spacing: 0.1em; line-height: calc(84/70); color: var(--base-color); right: 25px; font-weight: 100; content: "0"counter(number) " "; top: 0; } content: "0"counter(number) " "; を消せばいけるかと思いましたが、ダメでした…。
質問日時: 2024/04/19 17:23 質問者: 彩いろどり
ベストアンサー
3
0
-
CSS、Bootstrapについて containerはなんのためにあるのですか?単にレイアウトする
CSS、Bootstrapについて containerはなんのためにあるのですか?単にレイアウトするならrowとcolだけでいいですよね?
質問日時: 2024/04/18 19:03 質問者: だいぬ
ベストアンサー
3
0
-
HPレイアウトが同じページのヘッダー画像だけ変えたい
ホームページの作成にあたって、ホームページビルダーでレスポンシブルも出来るタイプのテンプレートを利用しました。 おおよその全体の作成が出来たのですが、メインページ以外のページでタイトル画像を入れ替えたいと思ったのですが、うまく行きません。 CSSを見て、メインページ用の「layout01」 と サブページ用の「layout02」でページのデザインが作られていると分かりました。(私はその程度の素人です…) この layout02 の中の「title2.jpg」を、ページ2・3・4で titie_2・3・4.jpgとして入れ替えたいのですが、どのようにCSSを変えれば可能でしょうか? 一応、CSSエディターで layout02 が関係していそうなあちこちの箇所を layout03としてコピペして、HTMLのbodyでclassをlayout03に変えてみたのですが、それでは画像すら出なかったり、何とか画像が出てもレスポンシブルではサイズが小さくならなかったりメニューが出なかったりと、うまく行きません… できれば layout02 を基本としたまま、各ページの画像だけが変わるように出来れば、今後ページが増えても対策しやすいのですが、可能でしょうか? みなさんは、どのように各ページを作られているのでしょうか… ネットで検索しても希望のものが見つからず、こちらでアドバイスを頂ければと思い投稿しました。 よろしくお願いいたします。
質問日時: 2024/04/14 14:41 質問者: RG_yoshi
ベストアンサー
2
0
-
htmlソース文の 各行 改行位置や行頭位置 タグがばらっばらになるのはどうして?
terapad や サクラ、またwysiwygのbluegrifonなんかの、その時々ばらばらアプリで開いてソース編集してるから?? 特にちょいめんどくさい時 wysiwyg でいじっちゃうから? の影響がでかいような気が・・
質問日時: 2024/04/09 22:06 質問者: odasaga09
ベストアンサー
3
0
-
1つの「ホームページビルダー22」のソフトでホームページは何個作れますか?
妻の勤める会社(訪問介護)のウェブサイトの作成を依頼され「ホームページビルダー22-SP」で作ってみました。その後、別の会社からもウェブサイトの作成を依頼されています。そこで質問ですが、このソフトウェアで、何個までウェブサイトを立ち上げることができるのでしょうか? 自分でも丸1日かけて調べてみたのですが、どうしても回答が見つかりません。どなたかご存知でしたら教えてください。
質問日時: 2024/04/01 00:16 質問者: 日々勉強
ベストアンサー
4
0
-
静止画画像をクリックすると音楽が鳴るスクリプトってありますか?
<audio>タグを使わないで、リンクもつけないで、演奏動画にしないで、その場で音楽再生音のみが聴けるような表示をつくりたいのですが・・
質問日時: 2024/03/31 22:49 質問者: odasaga09
ベストアンサー
1
0
-
テーブルのセルデータを自動改行させずに、はみ出た部分は切り捨てたい
いつもお世話になっています。 テーブルで、スマホ等の横幅が狭い画面で見た場合には、自動改行するのでなく、1行で表示できるように後尾を非表示にするには、どうすれば良いですか。 一番簡単な方法をご教示ください。
質問日時: 2024/03/31 05:19 質問者: zyousuke
ベストアンサー
15
0
-
コードを書いて下さい( ; ; )写真有り
添付している写真の html cssのコードを書いていただきたいです 白長方形の幅は1200px 画像の大きさ幅600px 縦408px テキスト内につきまして タイトルはh3 上部の余白56px 右側の余白75px(写真との余白) 下側の余白134px 左側の余白100px ノーコードで作成していたのですが、 うまくいかず、、、分かる方コードを手入力しようと思っています…よろしくお願いします( ; ; )
質問日時: 2024/03/28 18:55 質問者: Jijtmdp745j
解決済
2
0
-
CSSデータの作成方法について(FTP内)
専門の方にショップページを作成していただき、その後ちょっとしたページのレイアウト編集は、自力でしております。 FTP内に、CSSデータが組み込まれていますが、一部デザインの色を変更したいと考えております。 FTPをのぞいてみると、CSSファイルがあったのですが、そちらはメモ帳で開くことができました。 メモ帳でCSSデータを作成することは可能でしょうか。 ファイル名は「カスケードスタイルシートドキュメント」と記載されています。 どうぞ、よろしくお願いいたします。
質問日時: 2024/03/26 15:55 質問者: mikaco333
ベストアンサー
5
0
-
テーブルの行を折りたたみたいのですが、detailsタグとsummaryタグを使ってもうまくいきませ
テーブルの行を折りたたみたいのですが、detailsタグとsummaryタグを使ってもうまくいきませんでした。 テーブル全てならうまくいきました。 例えば情報4〜6のtrタグだけを折りたたむことは出来ないのでしょうか。 どうかご教示ください <table> <tr> <td>情報1</td> <td>情報2</td> <td>情報3</td> </tr> <tr> <td>情報4</td> <td>情報5</td> <td>情報6</td> </tr>
質問日時: 2024/03/18 14:47 質問者: piraniaman
ベストアンサー
3
1
-
htmlで<form>~</form>を並べて記述すると一行置きに記述されてしまうのですがこれを回避
する方法はあるでしょうか? <html><head></head><body> <form><button>ok</button></form> <form><button>ng</button></form> <form><button>xy</button></form> </body></html>
質問日時: 2024/03/18 06:24 質問者: reiman
ベストアンサー
3
0
-
ホームページのはじめのinebx ページの背景画像を画質の良いバカ大きいのを使っていて、PCでもスマ
ホームページのはじめのinebx ページの背景画像を画質の良いバカ大きいのを使っていて、PCでもスマホでも端っこの角しか表示されません。 これを、写真ファイルはそのままで画面内に合わせる方法はありませんか? 正方形なので横は合わせて下には繰り返しになっても構いませんが、 写真全体が使うデバイスに表示させたいです。 ↓が現在のたぐです。 よくわからないのですが↓これで最初のページは表示できてます。 (ちなみにHPといってもレンタルサーバー借りて物置き場にしてるのでHPの最初のページは背景画像以外要りません。リンクもなにも置いてない) どこにサイズというか どんなキーを書けばいいですか?? <html><head> <title>●●●●</title> </head> <body background="http: / /●●●●.png" background-size:="" contain;="" oncopy="return false;"> </body></html>
質問日時: 2024/02/22 03:07 質問者: 教えてグーちょきパー
ベストアンサー
2
0
-
HTML入門でもう躓いてしまった。
https://www.tohoho-web.com/wwwbeg1.htm#Display 上記サイトを参考にメモ帳ファイル(ファイル名はtest.html)に下記のコードをコピペした。 <!DOCTYPE html> <html> <head> <title>HTMLの練習</title> </head> <body> 初めてのWebページです。 </body> </html> 保存後、再度test.htmlファイルをダブルクリック。すると、「初めてのWebページです。」とブラウザで表示された。ここまでは順調だったけど、これ以降前に進みません。サイトの説明では、 「初めてのWebページです。」という文章を修正してみましょう。 メモ帳で、「初めてのWebページです。」を、「私の初めてのWebページです。」に変更してください。 と説明してありますが、テキスト変更する画面がありません。「私の」という文字を追加したいですが、どこで追加すればいいですか? この参考サイトにはそこまで説明していません。全然前に進めなくなってしまった。
質問日時: 2024/02/16 14:19 質問者: hまる子
解決済
10
0
-
青い枠のみのHTML
ログインとか、検索とか フチなしの青い枠(窓)がありますが、 この枠(窓)のHTMLを教えてくれませんか? 言うまでもなく、ログイン等、テキス文字が 入っていても構いません。
質問日時: 2024/01/28 15:45 質問者: toufu-mental
ベストアンサー
4
0
-
列のどこをクリックしてもソートできるようにするには
いつもお世話になっています。 テーブルの先頭行(タイトル行)をクリックしたときにソートできるようにしていたのですが、行数が増えてきて先頭行をクリックするのがしんどくなってきたので、列中のどこをクリックしてもソートするサンプルコードをご教示ください。
質問日時: 2024/01/27 16:54 質問者: zyousuke
ベストアンサー
7
0
-
CSSでつくったメニューのアニメーションがうまく動かない・変えたい
このHTMLでは、Widthが500px以下の場合、チェックボックスにチェックが入れられたらアニメーションで<ul id="topnav">を表示するのですが、チェックボックスのチェックを外した時にもアニメーションで消えていくようにできません。アニメーションが始まる(表示される範囲)をチェックボックスより下にしたいです。どうしたらいのか教えていただきたいです。フルのHTMLも教えていただきたいです。よろしくお願いいたします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Menu Example</title> <style> /* メニューボタン */ .menu-button { display: none; } /* 横幅が500px以下の場合にul要素を非表示にする */ @media only screen and (max-width: 500px) { #topnav { display: none; } .menu-button { display: block; } } /* メニューボタンをクリックしたらul要素を表示する */ @media only screen and (max-width: 500px) { .menu-button:checked ~ #topnav { display: block; animation: slide-down 0.5s ease-out; } } /* スライドダウンアニメーション */ @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } /* メニューボタンをクリックしたらul要素を非表示にする */ @media only screen and (max-width: 500px) { .menu-button:not(:checked) ~ #topnav { display: none; animation: slide-up 0.5s ease-out; } } /* スライドアップアニメーション */ @keyframes slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } </style> </head> <body> <input type="checkbox" class="menu-button"> <ul id="topnav"> <li><a>Home</a></li> <li><a href="about">About</a></li> <li><a href="contact">Contact</a></li> </ul> </body> </html>
質問日時: 2024/01/21 11:48 質問者: 優里さん
ベストアンサー
2
0
-
スマホ(android)のタッチパネル、指以外で反応させる方法ありますか?
なんらかの肉体接触、静電気反応という仕組みらしいですけど、体から離れた何かの物体で鍵盤アプリの長音を通低音として維持したいのですが。。
質問日時: 2024/01/18 17:14 質問者: odasaga09
ベストアンサー
2
0
-
ホームページのURLをコピーしてエクセルのシートに張り付けるとURLの文字が変わる場合があるのはナゼ
・ホームページのURLをコピーしてエクセルのシートに張り付けるとURLの文字が変わる場合があるのはナゼですか。 変わる場合は貼り付け後のURLの文字に「%」が多数付き文字数がとても長くなります。 ↓イメージ ’https://bkgr.sharepoint.com/%A767-F1%7D&file=%E2%98%85%E7%89%B9%E6%B3% ・また、変わる場合と変わらない場合は何が違うか教えて下さい。
質問日時: 2024/01/14 11:53 質問者: ニックネーム船長
ベストアンサー
1
0
-
pythonのコードについてご教示ください
ネットバンキングのログインする際のテキストボックスにワンタイムパスワード用のカードリーダーを使用してそのテキストボックスに入力した値を取得したいのですがうまくいきません。 テキストボックスになっている要素が下記です。 <input type="password" size="23" class="number-m otpinput" name="otp"> Selectorをコピーしたものが下記です body > form > div > table:nth-child(1) > tbody > tr:nth-child(2) > td.otpbg3 > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > input JSパスのコピーが下記です document.querySelector("body > form > div > table:nth-child(1) > tbody > tr:nth-child(2) > td.otpbg3 > table > tbody > tr > td > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(2) > input") ちなみに要素の画面で見ると、input type="password" のinputに下のところに赤い波線のようなラインが入っています。 valueがないので、.get_attribute("value")が使えないかと思います。この場合のヒントを是非ともどなかた教えてください。どうぞよろしくお願い致します。
質問日時: 2024/01/14 05:39 質問者: 太郎です
ベストアンサー
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
ピンとくる人とこない人の違いは?直感を鍛える方法を心理コンサルタントに聞いた!
根拠はないがなんとなくそう感じる……。そんな「直感がした」という経験がある人は少なくないだろう。ただ直感は目には見えず、具体的な説明が難しいこともあるため、その正体は理解しにくい。「教えて!goo」にも「...
-
中古物件転売時の節税対策にメス?不動産投資家は戦々恐々?元国税が解説
不動産の取引において、土地と建物を一括で売買する場合、土地に消費税はかからないが、建物には消費税がかかる。これを利用して、例えば土地と建物を合計1億円で売る場合、土地の値段を9999万9999円にし、建物を1円...
-
話題の「風呂キャンセル界隈」、お風呂に「入らない」のではなく「入れない」?
皆さんは、「風呂キャンセル界隈(かいわい)」という言葉を聞いたことはあるだろうか。「お風呂に入らない(入れない)人」のことで、最近ネット上などで話題になっているようだ。「教えて!goo」にも、「風呂に入...
-
マッチングアプリで出会ったカップルは成婚率が高い!?結婚カウンセラーに聞いてみた
パートナーとの出会いの場として、もはや主流となったネット婚活やマッチングアプリ。中でも手軽に登録できるマッチングアプリは、10代から50代と幅広い年代が利用している。一方で、“相手の目的が投資関係の詐欺や...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
2カラム、左メニュー、特定パーツの...
-
htmlの文字が縦書きになる
-
CSSでinputのテキストカラーを変え...
-
CSSを教えて下さい webデザイナーの...
-
CSSファイルの日本語コメントが文字...
-
css初心者 フレックスボックスの適...
-
静止画画像をクリックすると音楽が...
-
テーブルの行を折りたたみたいので...
-
iPhoneで HTMLファイルを閲覧
-
ウェブサイトにアップされているPDF...
-
CSSデータの作成方法について(FTP内)
-
cssのclipについて
-
スマホ(android)のタッチパネル、...
-
メモ帳の段落の揃え方
-
画像が分割されて切り替わる、ルー...
-
HTMLです。画像をHTMLで表したいで...
-
サイトにコンテンツを並べる際の CS...
-
アコーディオンメニューが思うよう...
-
別サイトのHTML内にある情報を自動...
-
HTML、cssのatomつぅーやつ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
iPhoneで HTMLファイルを閲覧
-
スマホで特定のサイトを表示させな...
-
HTML CSSの勉強のポートフォリオを...
-
css初心者 フレックスボックスの適...
-
WEBページを強制的に横画面で見るよ...
-
メモ帳の段落の揃え方
-
スライダーの枠に動画を収めるには...
-
角丸画像の背景色を透明にしたいです
-
、URL化させるにはどうしたらいいで...
-
excelをhtmlに変換した途端、一部フ...
-
テーブルタグのセルの幅の一部だけ...
-
ウェブサイトにアップされているPDF...
-
CSSファイルの日本語コメントが文字...
-
HTMLで特定の文字だけ色を変えたい...
-
先日ウェブデザイン技能検定三級を...
-
スマホでHTMLファイルを開いてリン...
-
静止画画像をクリックすると音楽が...
-
画像が分割されて切り替わる、ルー...
おすすめ情報