Proof4 の回答履歴

全304件中101～120件表示
  • どなたか下付き文字のnやkを持ってる方いませんか？

    どなたか下付き文字のnやkを持ってる方いませんか？ a₁　a₂　a₃　のような小さな文字です。 数列などのとき大変有用かと思うのですが、一般にはないようなので困っています。

  • メディアアクセス制御

    データリンク層における競合型メディアアクセス制御において、パケットの衝突が発生した後、パケットを再送するまでの待ち時間をランダムに設定する理由を教えてください。

  • メディアアクセス制御

    純アロハ方式よりもスロット化アロハ方式の方が最大スループットが高くなるのはどうしてですか。

  • FlexboxのレシポンシブCSSで困ってます2

    Proof4さんスミマセン！再度質問させてください。教えて頂いた通りにしたらboxのレシポンシブ化は出来たので、infofl-item2にｈ3とリストを作成したらinfofl-item2のリストがｈ3の下に来なくて右横に来てしまいました。どこが悪いのかわかりません？お手数ですが教えて下さい。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>Introduction to CSS(flex-basis)</title> <script src="js/flexibility.js"></script> <style> <!-- .infofl{ display: -webkit-flex; display: flex; padding:0; width:100%; } .infofl-item1 { display: -webkit-flex; display: flex; flex-basis: 40%; } .infofl-item2 { display: -webkit-flex; display: flex; flex-basis: 60%; } @media screen and (max-width:567px) { .infofl{ display: block; } .infofl > div{ width: 100%; } } --> </style> </head> <body> <div class="infofl"> <div class="infofl-item1" style="background-color : yellow;"> <dl> <dt>■test1 <dd>test <dd>test <dt>■test2 <dd>test <dd>test <dt>■test3 </dl> </div> <div class="infofl-item2" style="background-color : silver;"> <h3 style="color : white;background-color : #212121;padding-top : 0.5em;padding-left : 0.5em;width : 98%;height : 1.5em;">お知らせ・新着情報</h3> <dl> <dt>■test1 <dd>test <dt>■test2 <dt>test <dt>■test3 <dt>■test4 <dt>■test5 </dl> </div> </div> </body> </html> 何度お尋ねしてもうしわけありまんがよろしくお願いいたします。

    • ベストアンサー
    • jeday8118
    • CSS
    • 回答数1
  • ハンバーガーメニューの作成について

    Proof4様、今回いろいろご回答頂き有難うございました。初心者なものでいろいろ勉強になりました。Proof4の経験上から教えて頂きたいのですが、ハンバガーメニューに変わる3階層のレシポンシブメニューを作成するにあたりluxbar、SlickNav、その他どれが初心者にとってお勧めでしょうか？ナビバーの上にはLogoやテキストを記述するエリアが必須でその下にレシポンシブメニューを配置、また色が任意に選択出きIEにも対応できるのが希望です。訳あってHPをどうしても作成しなくてはいけないので是非教えてください。

    • ベストアンサー
    • jeday8118
    • CSS
    • 回答数1
  • FlexboxのレシポンシブCSSで困ってます。

    Flexboxのレシポンシブの書き方で困ってます。各クラスのitemをPC版での場合は横並びで幅は20％、20％、60％。スマホ版では各itemが100%の画面横一杯に縦並びに表示したいです。他のCSSの関係上@media screen and (max-width:567px) の書き方は変えないでおきたいのですが上手くできません。 どなたか教えて下さい。宜しくお願いします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title></title> <style> <!-- .infofl{ display: -webkit-flex; display: flex; padding:0; width:100% } .infofl-item1 { display: -webkit-flex; display: flex; 　 flex-basis: 20%; } .infofl-item2 { display: -webkit-flex; display: flex; flex-basis: 20%; } .infofl-item3 { display: -webkit-flex; display: flex; flex-basis: 60%; } @media screen and (max-width:567px) { .infofl-item1 { display: block; } .infofl-item2 { display: block; } .infofl-item3 { display: block; } } --> </style> </head> <body> <div class="infofl"> <div class="infofl-item1" style="background-color : green;">フレックスアイテム1</div> <div class="infofl-item2" style="background-color : fuchsia;">フレックスアイテム2</div> <div class="infofl-item3" style="background-color : silver;">フレックスアイテム3</div> </div> </body> </html>

    • ベストアンサー
    • jeday8118
    • CSS
    • 回答数1
  • luxbarの表示について3

    Proof4さん回答ありがとうございます。お陰様で改善できました。 申し訳ないのですがあと数点教えてください。 1.luxbarの上部にヘッダー用のlogo画像等設置用のスペースの開けたいのですが可能でしょうか？試しに<br>でスペースを開けてみたのですが不可でした。もしもスペースが確保できた場合のスマホ用の大きさになった場合、ハンバーガーメニューは右上に表示しているのでしょうか？ 2.配色を試しに#91D0CDで行ってみましたが色は変わりませんでした。 3.全てのメニューに多階層を設置したいのですが、メニュー一番初めの 　<li class="luxbar-item active"><a href="#">Home</a></li>を 　<li class="luxbar-item dropdown"><a href="#">Home</a></li> にすると問題があるのでしょうか？ 4.https://okwave.jp/qa/q9621783.htmlにFlexboxのレシポンシブCSSで困って質問しています。かなりお詳しそうなので是非教えて頂けないでしょうか？ 初心者なものですから多数質問して申し訳ないのですが宜しくお願い致します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css"> <style> <!-- .luxbar-navigation{ justify-content: flex-start; } .dropdown >ul{ display: none; } /******* カスタムの色設定 *******/ .luxbar-menu-custom, .luxbar-menu-custom .dropdown ul{ background-color: #91D0CD; /* 背景色 */ color: #fff; /* 文字色 */ } .luxbar-menu-custom .active, .luxbar-menu-custom .luxbar-item:hover{ background-color: #91D0CD; /* アクティブなメニューとhover時の色 */ } .luxbar-menu-custom .luxbar-hamburger span, .luxbar-menu-custom .luxbar-hamburger span::before, .luxbar-menu-custom .luxbar-hamburger span::after { background-color: #91D0CD; /* ハンバーガーメニューの色 */ } --> </style> </head> <body> <br> <br> <br> <br> <div class="luxbar luxbar-static"> <input type="checkbox" id="luxbar-checkbox" class="luxbar-checkbox"> <div class="luxbar-menu luxbar-menu-right luxbar-menu-dark"> <ul class="luxbar-navigation"> <li class="luxbar-header"> <a class="luxbar-brand" href="#">Brand</a> <label class="luxbar-hamburger luxbar-hamburger-doublespin" for="luxbar-checkbox"> <span></span> </label> </li> <li class="luxbar-item dropdown"><a href="#">Home</a> <ul> <li class="luxbar-item" ><a href="#">Max</a></li> <li class="luxbar-item" ><a href="#">Edgar</a></li> <li class="luxbar-item" ><a href="#">John</a></li> </ul> </li> <li class="luxbar-item dropdown"><a href="#">Users</a> <ul> <li class="luxbar-item" ><a href="#">Max</a></li> <li class="luxbar-item" ><a href="#">Edgar</a></li> <li class="luxbar-item" ><a href="#">John</a></li> </ul> </li> <li class="luxbar-item dropdown"><a href="#">HomeHome</a> <ul> <li class="luxbar-item" ><a href="#">MaxMaxMax</a></li> <li class="luxbar-item" ><a href="#">Edgar</a></li> <li class="luxbar-item" ><a href="#">JohnMax</a></li> </ul> </li> <li class="luxbar-item dropdown"><a href="#">HomeHomeHome</a> <ul> <li class="luxbar-item" ><a href="#">Max</a></li> <li class="luxbar-item" ><a href="#">EdgarMax</a></li> <li class="luxbar-item" ><a href="#">John</a></li> </ul> </li> </ul> </div> </div> </body> </html>

  • luxbarの表示について2

    luxbarについて再度お聞きしたいです。 .luxbar-navigation{ justify-content: flex-start; } でIE11でもうまく表示されましたが、どのブラウザもハンバーガーメニューにした時、階層下メニューは開いたままでした。これを閉じた状態から開くように修正できないのでしょうか？また、ナビバー時の背景色は任意で好みの色に変更できないでしょうか？よろしくお願いいたします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css"> <style> <!-- .luxbar-navigation{ justify-content: flex-start; } --> </style> </head> <body> <div class="luxbar luxbar-static"> <input type="checkbox" id="luxbar-checkbox" class="luxbar-checkbox"> <div class="luxbar-menu luxbar-menu-right luxbar-menu-dark"> <ul class="luxbar-navigation"> <li class="luxbar-header"> <a class="luxbar-brand" href="#">Brand</a> <label class="luxbar-hamburger luxbar-hamburger-doublespin" for="luxbar-checkbox"> <span></span> </label> </li> <li class="luxbar-item active"><a href="#">Home</a></li> <li class="luxbar-item dropdown"><a href="#">Users</a> <ul> <li class="luxbar-item" ><a href="#">Max</a></li> <li class="luxbar-item" ><a href="#">Edgar</a></li> <li class="luxbar-item" ><a href="#">John</a></li> </ul> </li> </ul> </div> </div> </body>

  • luxbarのIE表示について

    HP作成でハンバガーメニューの作成が難しく、ネットで探していたらluxbarが便利そうでした。早速作成して色々なブラウザで検証してみたのですがIEのみ表示が上手くできません非対応なのでしょうか？ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css"> </head> <body> <div class="luxbar luxbar-static"> <input type="checkbox" id="luxbar-checkbox" class="luxbar-checkbox"> <div class="luxbar-menu luxbar-menu-right luxbar-menu-dark"> <ul class="luxbar-navigation"> <li class="luxbar-header"> <a class="luxbar-brand" href="#">Brand</a> <label class="luxbar-hamburger luxbar-hamburger-doublespin" for="luxbar-checkbox"> <span></span> </label> </li> <li class="luxbar-item active"><a href="#">Home</a></li> <li class="luxbar-item dropdown"><a href="#">Users</a> <ul> <li class="luxbar-item" ><a href="#">Max</a></li> <li class="luxbar-item" ><a href="#">Edgar</a></li> <li class="luxbar-item" ><a href="#">John</a></li> </ul> </li> </ul> </div> </div> </body>

  • カスタム検索で検索結果をオーバーレイ表示させたい

    googleのカスタム検索でHTML フォームを使用した検索ボックスの作成した場合、 [検索エンジンの編集 -> デザイン -> レイアウト]から「オーバーレイ」を選んでも オーバーレイで検索結果を表示してくれません。 下記のアドレスのサンプルとIDの部分以外は全く同じです。 　https://support.google.com/customsearch/answer/1351747?hl=ja googleの仕様？のようですがこれと同じことをjQueryなどほかの方法で 作成することできないでしょうか。 もし同じことをやられている方や知識をお持ちの方、お力をお貸しください。 よろしくお願いします。 ※今回はページのデザインに合わせた検索ボックスにしたいためデフォルトのものを 使用する予定はありません。

    • 締切済み
    • Vthole
    • HTML
    • 回答数1
  • アメリカのおっさん料理動画は？

    アメリカのおっさん料理動画は？ こんな動画を探していますが、ご存知ないでしょうか？ アメリカ 素人のおっさん 料理 適当にワイルドに焼く だいたいのイメージとしてあげましたが、酔っ払ったアメリカ人のおっさんが適当に料理している画像みたいな感じです。

  • HTMLを使った画像と文章の配置について

    ご覧頂きありがとうございます。 イメージ画像のように画像と文章を配置したいのですが、この場合どのようなコーディングを行えばよいでしょうか？ワードプレスを使用しております。

    • 締切済み
    • kin66
    • HTML
    • 回答数2
  • safariでのtransformを有効にさせたい

    webデザインについてです。 BODY <div id="wrap"> <main> <h1> <ruby> <span>題</span><rt>dai</rt>名<rt>mei</rt> </h1> <hr> <nav> #page2_INFO# #page4_MAIN# #blog1_LOG# </nav> </main> </div> CSS * { -webkit-box-sizing: border-box; box-sizing: border-box; } *:before,*:after { position: absolute; content: ""; } body { text-align: center; font-family: 'Lora','IPA 明朝'; font-size: 15px; letter-spacing: 1.5px; margin: 0 auto; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } #wrap:after { background: url(画像url) right center; z-index: -9999; position: fixed; top: 0; left: 0; width: 100vw; height: auto; min-height:100vh; background-size: cover; } h1{ font-size: 60px; font-weight: normal; line-height: 1; letter-spacing: 4px; font-family: 'Lora','IPA 明朝'; text-align: center; margin: 0 auto; } h1 span { display: block; padding-top: 8px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -webkit-transform: -webkit-translateY (180px); -webkit-backface-visibility: visible; backface-visibility: visible; } ruby rt { font-size: 8px; letter-spacing: 8px; line-height: 1; text-align: center; } nav{ text-align: center; } nav a{ font-size: 20px; font-family: Cinzel; line-height: 2; color: #000; text-align: center; background: url(画像url); background-size: 300px; padding: 2px; margin: 0 5px; } a{ background: rgba(255,255,255,0.5); color: #000; font-size: 10px; line-height: 14px; text-decoration: none; } main { background: rgba(255,255,255,0.9); padding: 5%; margin: 100px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } main hr{ width: 70%; border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); margin-top: 10px; } （サイトタイトルや画像url等を一部ぼかしています。web fontのコードは省略しています。） この状態で、chromeやfirefoxから閲覧すると、題名の題という文字がY軸180度回転(鏡文字のような状態)になっているのですが、なぜかsafariから確認すると題という文字がすっぽりと消えてしまいます。ルビ部分はそのまま消えていません。 safariからでも題の文字の部分が鏡文字のように見える状態で閲覧するにはどうしたら良いでしょうか。 よろしくお願い致します。

  • モニター画面が黒くなり１枚の写真が表示され消せない

    出来れば遠隔で画面を見て教えて下さい。有料でもかまわないです。 ※OKWAVEより補足：「ソースネクスト株式会社の製品・サービス」についての質問です。

  • ITに特化した質問サイト

    このサイトのような質問サイトで、 It関連に特化したものがあれば おすすめを教えてください。 よろしくお願いします。

  • フラワーシャワーのようなパララックスの実装について

    wordpressでウェブサイトを作っています。 htmlやcssを独学で勉強しながら、アニメーション等を実装していて https://demo.kallyas.net/wedding2/のようにスクロールすると花がでてくるようなパララックスを作りたいのですが、デベロッパーツールを見てもどのように実装しているかが解りません、、、 こちらのサイトでは要素の上に被るように花が出てくるのですが、どのようなhtmlとcssを実装したら良いですか？ ※こちらのサイトのテーマは使用していません。。。 ご教授頂けますと幸いです。

  • C++のsetprecisionは四捨五入ですか？

    リファレンスを見ると精度を指定みたいなことが書いてあるのですがその意味がよく解りません。 Googleで検索をしても四捨五入であるというものは見つけられませんでした。 おそらく四捨五入ではないからだとは思うのですが 58.57を少数第1位で出力すると58.6になります どういうことでしょうか？ プログラミング初心者です、よろしくおねがいします。

  • グーグルクロームの事で質問です

    グーグルクロームで画面１番上に表示されるサイトの数などを、クロームを立ち上げた時に前回と同じ状態で表示するにはどうすれば良いでしょうか？ ご回答お待ちしています。

  • string型文字列を数値に変更したい

    サーバーのポート番号を書かれたファイルをmicro SDカードにいれて、ESP-WROOM-32で読み出して、そのファイルからそのポート番号をint Portという変数に格納したいと思っています。 そのために次のようなプログラムを作成しました。 const int port = 0; bool getAwsServerPort(fs::FS &fs, String path) { //File file = SD_MMC.open(path, "r"); File file = fs.open(path, "r"); if (!file) { Serial.printf("Can't Open File %s \n", path); return false; } while (file.available()) { String line = file.readStringUntil('\n'); line = line.substring(0, line.indexOf('#')); //Serial.printf("DeviceID: %s \n", line.c_str()); //String deviceCheck = line.substring(0, line.indexOf("device name")); if (line.indexOf("aws server port") != -1) { String deviceID = line.substring(line.indexOf(':')+1); deviceID.trim(); Serial.printf("aws server port: %s \n", deviceID.c_str()); port = stoi(deviceID.c_str()); return true; } } return false; } この関数を getAwsServer(SD, "/config"); このコードで呼び出した際に、次のようなエラーが発生します。 （エラー内容） /Users/myname/Google Drive/wifiAutoConnection/wifiAutoConnection.ino: In function 'bool getAwsServerPort(fs::FS&, String)': wifiAutoConnection:364:35: error: 'stoi' was not declared in this scope port = stoi(deviceID.c_str()); 文字列から数値への変換で検索してみたところstoiというのがあると聞いて、やってみたのですが、このようなエラーが出てくるのですが、解決方法などご教示頂きますよう、よろしくお願い致します。

  • HTMLのブラウザでの表示

    メモ帳でHTMLを書き、ブラウザで表示したとき、文字が表示できるとき（XX．html）とできないとき（XX01．html）があります。比較した添付ファイルがありますが、どこに問題があるのでしょうか。教えてください。 プログラムは下記のようになっています。 <HTML> <HEAD> <TITLE>STAY</TITLE> <STYLE type="text/css"> <!-- BODY{ 　color:white; background-color:black; } H1{ 　color:red; } --> </STYLE> </HEAD> <BODY> <CENTER> <H1>STAY</H1> <H2>-〇◎の紹介ページ-<?/H2> <HR> ようこそ、〇◎へ </CENTER> </BODY> </HTML>

活動履歴