fji-jpのプロフィール

@fji-jp fji-jp
ありがとう数14
質問数0
回答数22
ベストアンサー数
11
ベストアンサー率
84%
お礼率
0%

  • 登録日2016/09/05
  • CSSだけで添付図のように表示できますか?

    CSSのスキルアップのための問題を作りました。 ・フランス国旗にホバーするとベルギー国旗に変わります。 ・ベルギー国旗からマウスアウトするとフランス国旗に戻ります。 ・国旗の下にある国名のためのタグは不要です。 (JS無用)    [仕様]   1.2とおりの国旗を切り替え表示します。   2.CSSだけで整形のこと   3.ベンダープレフィックスも追記のこと   4.タグは変更、追加、削除ができない   5.画像やリンクによる表示は無効   6.配色はつぎのとおり    ・フランス:青、白、赤    ・ベルギー:黒、黄、赤 CSSのスキルアップに励んでいる方の回答をお待ちしております。 [CSS] <style> body { background-color: skyblue; } .flag { width: 150px; height: 75px; border: solid 1px gray; } /* 添付図のように整形するスタイル設定 */ </style> [HTML] <div class="flag"></div>

    • ベストアンサー
    • CSS
  • CSSだけで添付図のように整形できますか?

    CSSだけで添付図のように整形できますか? CSSのスキルアップのための問題を作りました。    [仕様]   ・商品には 括弧付き番号が振ってある   ・点線の下線が引いてある   ・元値は 青色文字で 薄い桃色の背景色になっている   ・売値は 赤色文字で 黄色の背景色になっている   ・タグは変更、追加、削除ができない   ・CSSだけで整形のこと [CSS] <style> /* 添付図のように整形するスタイル設定 */ </style> [HTML] <ul id="Product_List"> <li>商品A<p><del>345円</del> 234円</p></li> <li>商品B<p><del>2,000円</del> 1,234円</p></li> <li>商品C<p><del>1260円</del> 850円</p></li> <li>商品D<p><del>100円</del> 80円</p></li> <li>商品E<p><del>150円</del> 120円</p></li> <li>商品F<p><del>500円</del> 450円</p></li> </ul> CSSのスキルアップに励んでいる方の回答をお待ちしております。

    • ベストアンサー
    • CSS
  • プログラムについて

    最近、htmlやcssを使いこなせるように なってきました。 計算ツール系を作ろうと思い、他の javascriptなどを学習し始めました。 しかし、なかなか動作しません。 スマホ(iPhone SE3)でも、javascriptは 動作しますか? 動作するのであれば、どうやって、htmlと javascriptと連携すれば良いのでしょうか。 ・別ファイルで連携する方法 ・1つのファイルで収める方法 どちらかでもわかる方がいたら、 教えてください! できればのいいのですが、⬜︎+⬜︎=⬜︎ になるように、コードを作ってください。 わかる方がいたら教えてください

    • junko
    • 回答数2
  • モーダルウィンドウの作成方法を教えて欲しいです。

    https://choro-dsgn.com/lp/1 こちらのLPで以下の表示の仕方を【HTML】【CSS】で 教えて欲しいです。 Javaが必要ならJavaの作成方法をご教示お願いいたします。 https://choro-dsgn.com/lp/1 こちらのLPの ・Q&Aの背景を全て方眼紙にしたい。 ・特定商品取引法をプライバシーポリシーを https://salon-labo.net/weblp/ このLPの表示にしたい。 何卒宜しくお願いいたします!

  • 再挑戦:分割子が混在したデータの成型コードは?

    <h1>JS 分割子が混在したデータの成型コードは?</h1> <pre> さまざまな分割子が混在したデータがあります。 これを1つの分割子に統一するには どんなコードでできますか? 【仕様】 [分割子] ・二重引用符 ・一重引用符 ・タブ区切り  ・・・ 単語と単語の間 ・半角空白       同上 ・パイプ(縦棒)・・・ 行頭と末尾に有る、無いの2ケース [データ型式] (注) 適合しないデータが含まれています 1列目:3桁カンマ区切り 2列目:文字データ 3列目:整数・小数(負数を含む) [備考] ・空白行は詰める ・エラーデータは「****」と出力 </pre> <pre id="data"> 1,234 あさがお 23.45 7,904 みかん 0.92 5,021 うさぎ 5.63 8,753 えんどう 1.724 2,657 いちご 10.87 9,841 ひまわり 77.33 432 ベニバナ 4.09 7,123 メロン 98.14 432 しらゆり 4.09 6,722 ナツメグ 65.1 "333,333","fish","67.82" "98,765","animal","26.5" "216,017","lion","5.74" "60,580","cat","31.07" "43,604","river","25.94" '90,742','lamp','0.45' '23,809','teacup','7.23' '3,582','dish','80.72' '5,600','stove','59.35' '4,65','soap','23.84' 9,001|violin|28.03 5,345|guitar|4.52 |4,890|goldfish|135.45| |2,8760|mountain|79.43| |5,032|radio|17.03| </pre> <div> <button id="button1">成型する</button> </div> <textarea id="output" cols=60 rows=30></textarea> <script> //例 button1.onclick = function(){ // step.1 データから、分割子を除いた単語として配列に格納 // step.2 エラーデータは「****」に変換 // step.3 分割子を指定してテキストエリアに出力 }; </script> くわしい方のお力添えをお待ちしております。