回答数
気になる
-
php値の受け渡しで旧情報に上書きされないようにするには?
PHPで、顧客検索、顧客検索結果、顧客情報修正確認と三つのプログラムを作りました。 それぞれ顧客検索ー>顧客検索結果、顧客検索結果ー>顧客情報修正確認と遷移することができます。 反対に前の画面に戻ることもできます。 顧客情報修正確認から前の画面(顧客検索検索)に戻るとき、どうしても前の画面(顧客検索検索)で入力した情報が反映されず、顧客検索で調べた情報(旧情報)に上書きされてしまうのですがどのようにプログラミングするとよいのでしょうか? 下記のプログラムは顧客検索結果の該当する部分だけ切り取ったものです。 <div class="control"> <label for="C_name">顧客名(全角文字のみ入力可)</label> <input id="C_name" type="text" name="C_name" value="<?php print($get_C_nam[0]); ?>" "> </div>
質問日時: 2021/02/02 21:37 質問者: 鎌やろう
ベストアンサー
3
0
-
HTML headerのcenterについて
はじめましてvbaなどではご利用しておりますが htmlでははじめましてです。 教えてほしいこと 下記のコードをセンターに したいのですが これをどこに書き加えたらいいのかおしえてくれませんでしょうか <div style="text-align:center">できるだけスタイルシートを使用してください。</div> --------------------------- <header> <h1><a href="http://www.htmq.com/blog/">○○のブログ</a></h1> </header>
質問日時: 2021/02/02 14:15 質問者: ぶどうと
ベストアンサー
3
1
-
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使うといいんですか?
質問日時: 2021/02/01 09:50 質問者: 鎌やろう
ベストアンサー
2
0
-
HTMLで全角文字のみ入力するにはどんな文を書けば良いんですか? 半角英数字が入らないようにした方が
HTMLで全角文字のみ入力するにはどんな文を書けば良いんですか? 半角英数字が入らないようにした方がいいというのは分かったのですが、それでは全角数字が入ってしまって何が何やらでわからなくなりました。 どういう文だったらいいのか教えてください。よろしくお願いします。
質問日時: 2021/01/31 14:32 質問者: 鎌やろう
ベストアンサー
3
0
-
excel vba で ulタグのなかのselect方法
excel vba での次の操作をどう書けばよいのか教えてください。 下記htmlでは「予想まとめ」が選ばれているが、「枠・馬番順」をselect状態にしたいです。 : : <ul class="localTab"> <li id="oddsPositionTab"><a href="#">枠・馬番順</a></li> <li id="oddsRankTab"><a href="#">人気高配当順</a></li> <li id="oddsViewerTab"> <a href="https://keiba.rakuten.co.jp/odds/compare/RACEID/202101300304220401#headline">オッズ比較ツール</a> </li> <li id="matomeTab"><span class="selected">予想まとめ</span></li> </ul> : :
質問日時: 2021/01/30 15:25 質問者: gonzoQQ
ベストアンサー
2
0
-
WEBフォーム プルダウンリスト表示項目を接続ユーザによって変えることはできるか
注文フォームを作ろうとしています。 接続元ユーザに合わせて、プルダウンリスト項目(選択肢)表示を変えることは可能でしょうか。 ■目的:他ユーザにとって意味のない不要な項目はフルダウンリストに表示したくない ■前提 ・接続元は不特定多数ではなく特定されている ・WEBサーバのバーチャルホストで社別単位でWEBページを設置せず1つのページ上でコントロールしたい ■表示イメージ A社ユーザ でログイン認証 > 注文フォームで 項目1 項目2 をプルダウン選択させたい B社ユーザ でログイン認証 > 注文フォームで 項目3 項目4 をプルダウン選択させたい C社ユーザ でログイン認証 > 注文フォームで 項目5 項目6 をプルダウン選択させたい ... これを可能とするやり方はあるでしょうか。
質問日時: 2021/01/29 15:08 質問者: lunarosa
解決済
5
0
-
HTML
HTMLをエスケープ処理したものをソースコードとして表示したいのですがgoo blog では最初は表示できますが二度目にはHTMLとして認識されてしまうのか普通の文書、表になってしまいます。 ソースコードの表示は画像で貼り付けてしかできない仕様なのでしょうか。
質問日時: 2021/01/29 14:02 質問者: あやしいおじさん
解決済
1
0
-
楽天のHTMLを使った店舗ページの作成について
楽天の店舗ページの作成をしたいのですが、現状HTMLのタグをある程度覚えた程度です。 レスポンシブデザインで作成したいのでbootstrapで作成しようと思っています。 お伺いなのですが、HTMLを使ったHPでセキュリティに関する記述というかそういった類の物はないのでしょうか? 勉強用に一冊本を購入したのですが、セキュリティに関する記述等は何も載っていませんでした。 基本的にはセキュリティは楽天側の”サーバー”がするという認識であってますか?
質問日時: 2021/01/27 09:05 質問者: j1111111
解決済
4
0
-
HTMLの記述<form method="get" action="http・・・について
ホームページを改変している、初心者なのですが、<form method="get" action="http....... の記載の後に<input type="text" name="sitem"等の記載があり</form>で閉じられているのですが これが検索ボックスに対する記述というのは分かったのですが、<form method="get" action="http.......とは何を表してますか?出来れば初心者でも分かりやすく説明頂けると助かります。
質問日時: 2021/01/26 10:09 質問者: j1111111
解決済
1
0
-
htmlとCSSを使いSelect class で選んだlistの数字を掛け算したいです。
https://bebor.jp/?lp=cbdmax_logly_mint こちらのサイトのたばこ計算ツールを自分でも作りたいのですがどのようにやれば良いか分からず困っております。 プログラミングが全くの初心者のため今勉強中なのですが、八方塞がりのため教えていただきたいです。 下記自分がやったところになります。(なおWPを使用しています) 結果を確認するとした時にクリックされましたという文字のところを下記の合計値を表示したいです。 (age)-(t_age)*tbox*365=合計値 何卒よろしくお願いいたします。 〜CSS〜 .tabacco_box_center { padding: 1em 1.5em; margin: auto; background: linear-gradient(to bottom, #ffffff, #eeeeee);/*背景色*/ background: -webkit-linear-gradient(top, #fffff, #eeeeee);/*背景色*/ border: 1px solid #eeeeee;/*枠線*/ border-top: 4px solid #00008b;/*上の線*/ box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset; color:#000000;/*文字色*/ text-align: center; } .tabacco_box_center p { margin: 0; padding: 0; } .tabacco_list_a { color:#dc143c; font-weight: bold; } .tabacco_box_button{ } .center { text-align: center; } .tabacco_list{ margin: auto; box-shadow: 10px 5px 5px red; width:50%; } /** ボタン **/ .disp-box label { display: inline-block; color: #ffffff; /* ボタンの文字色 */ background-color: #000000; /* ボタンの背景色 */ font-weight: bold; /* 文字の太さ */ padding: 0.5em 1em; /* ボタン内側の余白 */ /*border-bottom: solid 4px #000000; ボタンの影部分 */ border-radius: 3px; /* 角丸 */ cursor: pointer; /* ボタンにカーソルを合わせた時に指アイコンを表示 */ } /** ボタンクリック時のボタンを押し込む動作 **/ .disp-box label:active { -webkit-transform: translateY(4px); /* Chrome、Safari用 */ -moz-transform: translateY(4px); /* Firefox用 */ -ms-transform: translateY(4px); /* IE用 */ transform: translateY(4px); border-bottom: none; } /** チェックボックス **/ .disp-box input { display: none; /* 非表示 */ } /** 表示・非表示を切り替えるテキスト(「クリックされました!」の部分) **/ .disp-box .text { color: #ff0000; /* 文字色 */ font-weight: bold; /* 文字の太さ */ font-size: 24px; overflow: hidden; opacity: 0; /* 文字を非表示 */ transition: 0.2s; /* 文字が表示・非表示される時のスピード */ } /** チェックボックスにチェックが入った時の、テキストの処理 **/ .disp-box input:checked ~ .text { height: auto; opacity: 1; /* 文字を表示 */ } 〜html〜 <div class="tabacco_box_center"> <p class="tabaco_title b"><i class="fa fa-calculator"></i> たばこ計算ツール</p> <form id="form" action="" method="post"> <p class="center"><span class="tabacco_list_a">STEP1</span> 現在の年齢は?</p> <select class="tabacco_list" name="age" size="1"> <option value="">選択して下さい</option> <option value="70">70歳</option> <option value="71">71歳</option> <option value="72">72歳</option> <option value="73">73歳</option> <option value="74">74歳</option> <option value="75">75歳</option> <option value="76">76歳</option> <option value="77">77歳</option> <option value="78">78歳</option> <option value="79">79歳</option> <option value="80">80歳</option> </select> <p class="center"><span class="tabacco_list_a">STEP2</span> 吸い始めた年齢は?</p> <select class="tabacco_list" name="t_age" size="1"> <option value="">選択して下さい</option> <option value="20">20歳</option> <option value="21">21歳</option> <option value="22">22歳</option> <option value="23">23歳</option> <option value="24">24歳</option> <option value="25">25歳</option> <option value="26">26歳</option> <option value="27">27歳</option> <option value="28">28歳</option> <option value="29">29歳</option> <option value="30">30歳</option> <option value="31">31歳</option> </select> <p class="center"><span class="tabacco_list_a">STEP3</span> 1日に吸う量は?</p> <select class="tabacco_list" name="tbox" size="1"> <option value="">選択して下さい</option> <option value="250">半箱</option> <option value="500">1箱</option> <option value="1000">2箱</option> </select> あなたが今まで<br class="sp_image" />たばこに使ってきた金額は… <div class="disp-box"><label for="disp-btn">結果を確認する</label> <input id="disp-btn" type="checkbox" /> <p class="text">クリックされました!</p> <span class="small_font60 gray no-top">※1箱500円と計算した場合</span> </div> </form></div>
質問日時: 2021/01/25 22:47 質問者: ffnic
ベストアンサー
3
0
-
解決済
2
0
-
background-sizeでcontainすると縮小で余白サイズが変わってしまいます…。
行いたいことは、とあるDIVなどに background-size:contain; を用いて画像を常に全体を表示させる設定を行っています。 <div id="contain_box">背景画像指定</div> <p>次のコンテンツ</p> しかしながら、この指定ですとレスポンシブの際、画面を拡大縮小するたびに、その下にある次のコンテンツとの隙間も大きくなったり小さくなったりしてしまいます。 画像全体を表示したいので、coverの指定はできません、試したところ画像の一部が切れてしまいます。 この隙間部分を、どの画面でも統一して決まった高さを持たせることはできないものでしょうか? お詳しい方いらっしゃいましたらアドバイス頂けないでしょうか。 宜しくお願いいたします。
質問日時: 2021/01/19 13:58 質問者: oneday77
ベストアンサー
3
0
-
cssが触ってないのに崩れていました。 最後に触ったときはちゃんと表示されていたのですがphpをやっ
cssが触ってないのに崩れていました。 最後に触ったときはちゃんと表示されていたのですがphpをやって今またブラウザで表示してみるとpc用の画面ではできているのですがスマホ用の画面にしたときにヘッダーが横にずれて文字が画面からはみ出ていたり、borderが指定した要素の半分で切れていたりしています。 私のcssの指定方法がおかしいのでしょうか それともよくあることなのでしょうか?
質問日時: 2021/01/15 08:46 質問者: gtwapwja
ベストアンサー
3
0
-
【CSS】imgタグを、親要素の幅に収めるには?
半日かけてネットや本で調べてもわからなかったので教えてください。 幅が500pxの画像2枚を、800pxの親要素の中で横並びにしたいです。 この場合、画像2枚を合わせると1000pxになるので、親要素より多い200pxがはみ出してしまいます。 そうではなくて、親要素の幅に応じて画像の大きさを変える(縦横比を保ったまま)には、どうしたらいいのでしょうか。 下記が私が考えたソースなのですが、何か足りないものなどご指摘をいただけないでしょうか。 【HTML】 ケーキとプリンの画像を横並びにするべく、「oyatsu」という親要素を作りました。 ※画像+名前にしたかったので、<p>タグを追加しています。 <div class="oyatsu"> <div class="foods"> <img src="cake.jpg" alt="ケーキ"> <p>ケーキ</p> </div> <div class="foods"> <img src="pudding.jpg" alt="プリン"> <p>プリン</p> </div> </div> 【CSS】 ①親要素のoyatsuクラスにdisplay:flex;を指定し、横並びにしました。 また、幅を800pxに指定しました。 .oyatsu{display:flex; width: 800px;} ②ネットなどで調べて、いろんなセレクタを指定して試行錯誤しましたが、 最終的にはこうなりました。 .foods img{max-width: 800px; justify-content: space-between; } ③文字の位置を中央揃えにしました。 .foods p{text-align: center;} 画像の横並びには成功しました。しかし、とにかく何をしても、画像の大きさが変わりません。 imgタグは、たとえdivで親要素の中に含まれているものだとしても、従順にその中に納まることなく、 自由奔放に、画像本来のサイズとなってしまうのでしょうか。 私はてっきり、親要素の幅に合わせて、子要素である画像の方が大きくなったり小さくなったりするものだと思っていました。 試しに親要素(oyatsu)の幅を色々変えてみましたが、画像の大きさが変わることはありませんでした。 苦肉の策で、justify-contentを指定すれば、親要素の幅の中でやりくりしてくれるかと思いきや、変わりませんでした。 今日有給をとったのに、ほぼこの部分で時間を費やしてしまいました… ご教示願います。
質問日時: 2021/01/13 21:27 質問者: jamfruits
ベストアンサー
1
0
-
css 全体設定について、PCとスマホの設定を変えたい
いつもありがとうございます。 表題の件で質問です。 全体のフォントサイズを、PC画面とスマホ画面で分けて設定したいのですができません。 ---css---- body { font-family: "MS Pゴシック", sans-serif; font-size: 1.4rem; } @media only screen and (max-width:500px){ body { font-size: 1.2rem; line-height: 24px; } } と記載したのですが、上の設定がスマホでも優先され、@media only screen and (max-width:500px)で記載したフォントサイズが適用されません。 アドバイスいただければ幸いです。
質問日時: 2021/01/13 06:20 質問者: ハコ2222
解決済
2
0
-
Webデザイナー
HTML、CSS、JavaScript、SQL、Node.js辺りを習得すればWebデザイナーになれますか? また、プログラマーとWebデザイナーどちらが敷居高いですか?
質問日時: 2021/01/08 15:10 質問者: ぽらん千秋
ベストアンサー
5
1
-
cssの指示が効かない
いつもお世話になっております。 cssのことで質問です。 画像の通り、ulに対して .intro-ul{ font-size: 2.0rem; line-height: 40px; margin-left: auto; margin-right: auto; width: 50em; } という記載をしたのですが、下3つの margin-left: auto; margin-right: auto; width: 50em; の指示のみ効きません。 検証を見てみると、この3つが薄字になっています。 そしてその上にuser agent stylesheet という記載していない指示が表示されているのですが、 この指示が優先されてしまっているということですよね。 この指示をなくして、自分で記載したcssの指示を効かせるにはどうしたらいいでしょうか? リセットcssなど、いろいろと調べましたがよくわかりません。 よろしくお願いいたします。
質問日時: 2021/01/08 10:13 質問者: ハコ2222
ベストアンサー
4
0
-
webサービスでレスポンシブ対応をしたいのですができません。 画像のようにはみ出してしまいます。 v
webサービスでレスポンシブ対応をしたいのですができません。 画像のようにはみ出してしまいます。 viewportは指定してbox-sizeingをborder-boxにしたりwidthを100%にしましたがはみ出たままです。 なぜでしょうか?
質問日時: 2021/01/06 21:47 質問者: gtwapwja
ベストアンサー
1
0
-
ホームページでスクロースするごとに画像が動くサイトの作成方法について…。
以前より気になっていたのですが、動的な見た目のサイトを目にすることが多くなりどうやって作成するのかが大変興味あります。 参考サイトが今は見つからなかったのですが、最近のサイトでは、スクロールしてある所に到達すると、画像が左右から現れて真ん中で合体したり、矢印が右から左に流れたり、ボックスのborderがくるっと回って描画されたり、テキストにアンダーラインが引かれたり…などなど、スクロールであるところに到達すると動きのある見せ方をされるサイトが多く見受けられるのですが、これらはどういった仕組み?でしょうか? 基本的にはjavascriptやJqueryを利用しているのは理解できるのですが、動きの発火点は何になるのでしょうか?スクロールの到達点をポイントにしているのでしょうか? また、こういったものを簡単に実現するためのフレームワークというのでしょうか?ありましたら教えて頂けないでしょうか? ちなみにこういった技法を何というのでしょうか? わかりにくい質問ですみません、こういった方法でサイトの作成を試してみたいので、技法名など含め色々と詳細をアドバイス頂けますと大変助かります。 宜しくお願いいたします。
質問日時: 2021/01/06 20:38 質問者: yuyukina
解決済
1
0
-
もしホームページを作るとしたら……
たまにホームページを作りたいとか思った事があります。 完全無料でホームページを出せるところはそもそもありますか? また、お金がかかるとしたら基本どれだけかかるのですか? さらに、自分で全く新しいアドレスを作ったらどれだけの費用、手間が掛かりますか? (興味本位で聞いています) 自分は、HTML CSS javascript が使えます
質問日時: 2021/01/04 18:14 質問者: niku-zanmai
ベストアンサー
2
0
-
htmlで顧客検索システムを作っているのですが、プログラムでどう書いたらいいのか分からないところがあ
htmlで顧客検索システムを作っているのですが、プログラムでどう書いたらいいのか分からないところがあります。 それは検索ボタンをクリックしたらあらかじめ入力してある名前、番号を元にデータベースから電話番号、住所が出てくるようしたいのですが、どう書けば良いのか分かりません。 何を書けば良いのか教えて頂きますか?
質問日時: 2021/01/03 16:55 質問者: 釜野郎
ベストアンサー
2
1
-
ベストアンサー
2
0
-
Webサイト作成 プログレスバー HTML・CSS・JS
こんばんは。 表題の件、教えて欲しいです。 電子教材を作っているのですが、進捗がわかるプログレスバーを現在作っているサイトに組み込みたいです。具体的には、ページ内に「理解できた」ボタンを5つ作成し、一つ目の「理解できた」ボタンが押されるとページ上部に作られたプログレスバーの進捗が20%まで、2つ目が押されると40%まで、、、、、5つ押されると100%まで進捗するというバーを作りたいです。 簡単にHTML・CSS・JSのコードを教えていただけないでしょうか。もしくは参考になるサイトがあればご紹介いただけないでしょうか。 よろしくお願い致します。
質問日時: 2021/01/01 00:28 質問者: jun123.
ベストアンサー
3
0
-
このようなサイトで入力を押すと入力する画面になって一覧を押すと一覧が表示されるのは入力と一覧で別のブ
このようなサイトで入力を押すと入力する画面になって一覧を押すと一覧が表示されるのは入力と一覧で別のブラウザを使って入力用の画面と一覧用の画面を作って後から合わせるのですか? 仕組みが分からないのでコメントお願いします。
質問日時: 2020/12/31 11:11 質問者: gtwapwja
ベストアンサー
3
0
-
HP上にあるグラフの再現
https://kabuyoho.ifis.co.jp/index.php?action=tp1&sa=report_ts&bcode=2802 上記のHPで、【株価とリスクオン 相対指数の推移】の部分にグラフがあります。 質問① グラフの上にマウスを持っていくと、日付ごとの値が表示されます。この機能を自分で作ったHP上で実現するには、どのような機能を勉強する必要がありますか? 質問② 日付ごとの値を表示する機能を除いて、単なるグラフとして(.netのChart)表示するには、どの様にすればいいのか?教えてください。 多分、該当部分のHtmlは、 <g class="highcharts-series-group"><g class="highcharts-series highcharts-series-0" transform="translate(56,10) scale(1 1)" clip-path="url(#highcharts-1)"><path fill="none" d="M 1.0785123966942 87.38629842180774 L 3.2355371900826 93.96090387374461 L 5.3925619834711 89.76434720229554 L 7.5495867768595 93.47130559540888 L 9.7066115702479 87.80595408895265 L 11.863636363636 86.75681492109038 L 14.020661157025 86.61692969870873 L 16.177685950413 85.91750358680056 L 18.334710743802 85.28802008608321・・・・・・ だと思うのですが、どの部分がデータなのか?分かりません 詳し方いらっしゃいましたら教えてください。
質問日時: 2020/12/31 08:37 質問者: minarai_database
ベストアンサー
1
0
-
webツールを作っているのですが、スマホ用の画面にサイトを合わせるとpc用サイトの画面の横幅が小さく
webツールを作っているのですが、スマホ用の画面にサイトを合わせるとpc用サイトの画面の横幅が小さくなります。 pcの画面に合わせるとスマホ用サイトが横をはみ出してしまいます。 viewportは書きました。
質問日時: 2020/12/30 17:58 質問者: gtwapwja
解決済
1
0
-
解決済
1
0
-
このように種類を選択すると何個かの選択肢がでてその中のひとつを選択すると右のようになるようにするには
このように種類を選択すると何個かの選択肢がでてその中のひとつを選択すると右のようになるようにするにはなんのコードを使えばいいですか? vs codeを使用しています、 cssとhtmlだけで作れますか? 調べても出てこないのでお願いします。
質問日時: 2020/12/30 03:46 質問者: gtwapwja
ベストアンサー
1
0
-
css3のjustify-contentで、各々違う余白を設定する
例えば、 <section> <div class="a"><img src="a.html></div> <div class="b"><img src="b.html><div> </section> とあります。 これら、aクラスとbクラスをそれぞれ、横並びにして、aのマージンレフトを30px,bのマージンレフトを50pxとします。 このように、各々違うマージンをmargin-leftを使用せずに、justify-contentで、設定するには、どうすれば、良いでしょうか。
質問日時: 2020/12/30 00:15 質問者: finaltida108070809
解決済
1
1
-
CSSという文字をspanで色を変えたいのですが波線が出て出来ません。 なぜでしょうか?
CSSという文字をspanで色を変えたいのですが波線が出て出来ません。 なぜでしょうか?
質問日時: 2020/12/25 16:12 質問者: gtwapwja
ベストアンサー
2
0
-
width: のところ何故波線つくのですか? 何か間違ってるでしょうか?
width: のところ何故波線つくのですか? 何か間違ってるでしょうか?
質問日時: 2020/12/25 04:11 質問者: gtwapwja
ベストアンサー
1
0
-
解決済
2
0
-
VS codeでファイルに保存してChromeに貼り付けても上手くいかずVS codeで書いてあるま
VS codeでファイルに保存してChromeに貼り付けても上手くいかずVS codeで書いてあるまま書かれます。 なぜでしょうか?
質問日時: 2020/12/23 17:30 質問者: gtwapwja
解決済
1
0
-
プログラミング初心者です。 HTMLで今、電話予約の日時をカレンダーで指定するためのコードを書いてい
プログラミング初心者です。 HTMLで今、電話予約の日時をカレンダーで指定するためのコードを書いているのですが、下のコードはその1部を抜き取ったものです。付属の画像の赤い丸で囲んでいる部分のコードですが、 " placeholder="___年__月__日"のコードの部分なのですが、「XHTML10Transitionlでは、<input>属性で " placeholderを使用することができません」という表示がでてコードが発動しませんどうしたらよいでしょうか? 以下コード 付属写真の赤く囲ってある部分です。 <input type="text" id="input_date1" class="cal lt_004 hasDatepicker" name="time_Ldata01[]" placeholder="___年__月__日" readonly="readonly" value=""> 困っています。回答よろしくお願いします。
質問日時: 2020/12/20 22:14 質問者: pjdmgam
解決済
2
0
-
料理紹介ページ
プログラミング初心者です。HTMLとCSSで画像のような料理紹介のページを制作するとき、まずどこから手をつければいいですか?
質問日時: 2020/12/20 19:18 質問者: オバケイ
解決済
2
1
-
Html&Cssについての質問です。
ヘッダーのところにログインのボタンが載りません、 何故かヘッダーの下にいってしまいます何故でしょうか?
質問日時: 2020/12/19 18:00 質問者: gngg
解決済
1
0
-
3dモデリングとプログラミングを比較するならどちらの方が需要たかいですか?ものの考え方が似ているもの
3dモデリングとプログラミングを比較するならどちらの方が需要たかいですか?ものの考え方が似ているものだと個人的におもってます。
質問日時: 2020/12/18 21:19 質問者: タマネギ2369
解決済
3
0
-
html+CSSのみで作るスライドショー
html+cssで、前画像の上に右⇒左へスライドするスライドショーを試験しています。 画像は4枚です。 繰り返しは無限。 1回目は上手く行くのですが、2回目以降が上手く行きません。 CSSの何処を直せば良いか、ご教授下さい。 サンプルは以下です。 https://www.tfumi01.com 右クリックでソースを見て頂けますが、下記します。 ○html <div class="photobox"> <img src="1.gif" alt="スライドショー1" /> <img src="2.gif" alt="スライドショー2" /> <img src="3.gif" alt="スライドショー3" /> <img src="4.gif" alt="スライドショー4" /> </div> ○css .photobox { position : relative; overflow : hidden; width : 500px; height : 150px; margin : 0 auto; background : #fff; } .photobox img { display : block; position : absolute; width : inherit; height : inherit; left : 100%; animation : slideAnime 20s ease infinite; } /*アニメーションを段差で開始 */ .photobox img:nth-of-type(1) { animation-delay: 0s; } .photobox img:nth-of-type(2) { animation-delay: 5s; } .photobox img:nth-of-type(3) { animation-delay: 10s; } .photobox img:nth-of-type(4) { animation-delay: 15s; } /*スライドのアニメーション */ @keyframes slideAnime{ 1% { left: 100% } 23% { left: 0% } 100% { left: 0% } }
質問日時: 2020/12/15 11:24 質問者: t_fumiaki
ベストアンサー
1
0
-
htmlの改行タグについてご意見ください
仕事であるサイトのメンテナンスを受けているのですが、 改行<br>タグが全て先頭についているのです。 最近では、<br>タグは使わない方がいいという方向性ですが、 語尾ならまだしも先頭についているのは初めて見ました。 なので見ていてどこで改行されているのか分からなくなってしまいます。 違反ではないのでしょうが、納得いく説明で今後このような作り方はやめた方がいいと 伝えたいのですが、どのように伝えればよろしいでしょうか。 宜しくお願いいたします。
質問日時: 2020/12/15 03:46 質問者: mintohime
ベストアンサー
2
0
-
構文サイトでチェックするとtableでエラーになります。
下記のサイトを構文チェックサイトでチェックするとtableの中身が致命的なエラーとなります。 https://slimebeth.sakura.ne.jp/spread.html 利用したサイトは以下のサイトです。 http://openlab.jp/k16/htmllint/htmllinte.html エラーの中身は「<TBODY>〜</TBODY> 内に普通のテキストを書くことはできません。」です。ですが、私には正しいように見えます。どこが悪いのでしょうか。
質問日時: 2020/12/10 12:53 質問者: slime_bess
ベストアンサー
1
0
-
構文チェックサイトでチェックするとtableでエラーが出ます
構文チェックサイトで下記のtableでチェックすると<TBODY>〜</TBODY> 内に普通のテキストを書くことはできませんというエラーが出てきます。いったいどこが悪いのでしょう。 <table summary="取り扱い銘柄"> <tr><td class="item">通貨ペア</td> <td class=comment>50銘柄</td></tr> <tr><td class="item">貴 金 属</td> <td class=comment>4銘柄(現物)</td></tr> <tr><td class="item">エネルギー</td> <td class=comment>1銘柄(現物)</td></tr> <tr><td class="item">株 式</td> <td class=comment>10銘柄</td></tr> <tr><td class="item">株価指数</td> <td class=comment>14銘柄(現物)</td></tr> <tr><td class="item">仮想通貨</td> <td class=comment>10銘柄</td></tr> </table>
質問日時: 2020/12/10 10:59 質問者: slime_bess
ベストアンサー
1
0
-
<br>の連続を回避する方法
次のサイトを作りました。しかし、一番下までスクロールしてくれず困っています。 https://slimebeth.sakura.ne.jp/account.html コードで一番下の画像の次に<br>を7個連続打ち込めば理想の動きになります。しかし、チェックサイトでチェックすると重症度の高いエラーとなってしまいます。 そこで<br>を連発せずに一番下までスクロールする方法があったら教えて下さい。
質問日時: 2020/12/09 11:30 質問者: slime_bess
ベストアンサー
3
0
-
htmlについて
htmlで質問です。 <h1>/大見出し <h2>/中見出し <h3>/小見出し <h2>/中見出し <h3>/小見出し 1.このような使い方は順番的に正規の使い方ですか? 2.また、このような使い方をしてもseo的には問題ないですか?
質問日時: 2020/12/09 09:47 質問者: 9うい9p
ベストアンサー
4
0
-
CSS3のflexboxで、絶対位置を指定できるか
flexboxの使い方を学んでいるのですが、いまいちわかっていません。 <ul class="abc"> <li class="one">今週のメニュー</li> <li class="two">ハンバーグ</li> <li class="three">目玉焼き</li> </ul> .abc { display:flex; flex-direction:row; } .one { width:50px; height:60px; } .two { width:70px; height:80px; } .three { width:80px; height:100px; } というコードがあったとします。 これに絶対位置をX座標、Y座標の順に与えます。 one:50,130; two:130,10; three:250,50; このコードを上記の絶対値で、表示するには、どのようなコードを書けばよろしいでしょうか。
質問日時: 2020/12/08 22:25 質問者: finaltida108070809
解決済
1
1
-
wordpressについて
wordpressで、プロが作るようなhpを作成すると仮定した場合、どのようなプロセスを踏むのが良い手段なのかいまいちわかっていないため、質問させていただきます。 ダッシュボードで、文字などを入力したのですが、とてもお粗末なものだったのですが、実際にプロがwordpressを使用してサイトを作る場合、このようにword形式で、作っていくものなのでしょうか。 それともhtml,cssを駆使して、ベースのページを作成し、その中に、プラグイン などを入れていくようなことなのでしょうか。
質問日時: 2020/12/07 22:50 質問者: finaltida108070809
解決済
2
1
-
別ページをベージを写す
https://elaws.e-gov.go.jp/document?lawid=327AC1000000239_20190914_501AC0000000037&keyword=%E6%97%85%E8%A1%8C こちらのページの条文をそのまま私のページに移したいのですが、なにかいい方法はありますか? 確かphpでdivタグで囲った部分を移す関数ありませんでしたっけ? 無理ならiframeですとるか...
質問日時: 2020/12/05 20:39 質問者: 9うい9p
ベストアンサー
1
0
-
iPhoneのSafariで動くCSSを書きたいです
先の悩みが解決しましたトタンに新しい壁が出来てしまいましたが、 レスポンシブ対応のホームページでiPhoneのSafariでだけ明らかに レイアウト崩れが起きております。 添付画像のように、ブラウザ画面の右下固定で画像を置きたいのに iPhoneのSafariだけ画像が左上にきます。 その画像を閉じるボタン(×マーク)も画像の右上に配置していますのに、 iPhoneのSafariだけ画像の外に(しかも画像の左下に)出ています。 iPhoneのSafariに対応します為にはどうしましたら宜しいでしょうか? 【CSS】 @media screen and (max-width: 768px) { .panel{ position:fixed; bottom:0px; right:60px; width:300px; hight:auto; z-index:10; } .kankan{ width: 350px; height: auto; } .deleteButtonContainer { width: 30px; height: 30px; position: absolute; top: 2px; right: -40px; } .deleteButton { width: 100%; height: 100%; border-radius: 10px; padding-left:0; padding-right: 1.5px; text-align: center; line-height: 9px; vertical-align: middle; color:grey; cursor: pointer; position: absolute; top: 0; left: 3px; } } 【html】 <div id="banner_Panel" class="panel panel-default"> <a href="ttps://google.com"><img class="kankan" src="img.png" alt=""></a> <div class="deleteButtonContainer"> <button type="submit" id="banner_Close" class="deleteButton">×</button> </div> </div>
質問日時: 2020/12/02 13:55 質問者: risaghon
解決済
1
0
-
ホームページ上に『位置固定』のリンクを置きたいです
ホームページの右下へと、添付画像のようなリンクのバナー?を置きたいです。 単純に、リンク付き画像をCSSでブラウザ右下へ表示させることは出来ましたけれど、 『閉じるボタン』を追加したくて、その『×印』とリンク付き画像をクリックした際の アクションの切り分け方や『×印』をクリック時の画像の閉じ方が分からずに困って おります。 具体的なアドバイスを頂けますかたお願いします。
質問日時: 2020/12/01 10:49 質問者: risaghon
ベストアンサー
3
0
-
CSSのtransform: translate(-50%,-50%);を行う意味
CSSで真ん中に配置する際に、positionを使った際のtransform: translate(-50%,-50%);の定義の意味について教えてください。 例えば以下の定義があった場合なのですが…。 ■HTML <div id="parent"> <div class="child"></div> </div> ■CSS #parent { width: 500px; height: 500px; background: tomato; position: relative; } #hoge .child { position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: blue; } 親の中の真ん中を定義する記述で、 top: 50%; left: 50%; を行いますが、この時点では子要素分がずれてしまって、真ん中では無いですよね? この挙動の意味が良くわかりません、縦横50%で指定しているので、真ん中に来てくれてもよさそうなのに子要素の要素分がずれてしまいますよね? そのためだと思うのですが、 transform: translate(-50%, -50%);の記述を行うのですが、この記述の意味としては、自分自身、子要素のサイズの半分を縦横50%マイナスに移動させるという定義内容の理解でよいのでしょうか? 何だか、 transform: translate(-50%, -50%);の記述を行うのにとても違和感があるのですが、positionで定義する場合には、こうのようなものだと割り切って理解したらよいでしょうか? 普段はflexで対応しますが、まれにpositionの指定が必要になるのですが、毎回気になってしまいまして…。 transform: translate(-50%, -50%);の意味について私の理解でよいか教えてください。 また、 top: 50%; left: 50%; だけでは真ん中に来ない挙動についてご説明頂けますと助かります。 宜しくお願いいたします。
質問日時: 2020/11/29 13:55 質問者: yuyukina
ベストアンサー
3
0
-
phpのcss操作
pHpで作ったリンクボタンについてです。 〈?php if(!empty($row[1])) 〈style〉{ .link_button:before { font-family: "Font Awesome 5 Free"; コンテンツ: '\ f02b'; フォントの太さ:900; } .link_button { font-weight: bold;/*太字に*/ text-decoration: none;/*下線消す*/ background: skyblue;/*背景を水色に*/ color:white;/*文字を白に*/ padding:1% 2%;/*内側の余白*/ margin:1%; display:inline-block; border-radius: 20px;/*角を丸くする*/ font-family: 'Avenir','Arial';/*フォントをいい感じに*/ } .link_button:hover { background: silver;/*背景色をシルバーに*/ text-decoration: none;/*下線を消す*/ } .link_button a:visited { color: gray;/*文字をグレイに*/ }} .link-button a {font-size:1.5vw; }‹/style› }:?〉 とaタグのクラスを link_bottonにしているのですが、 [1]~[6]まである時 上記と同じcssをつかうのですが、〈a href="[$row2]" class="link_botton2"〉のようしてクラスを分けないといけないのでしょうか? 空白のときはcssを表示したくないです。 ネックなのがFont Awesomeを使っているので[](配列)があってもなくってもcssが適応されてしまうのでFont Awesomeは諦めるしかないですか?
質問日時: 2020/11/27 12:21 質問者: 9うい9p
ベストアンサー
1
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
風水の観点で選ぶ観葉植物とは?置き場所や上げたい運気ごとの注意点を紹介!
飾ると部屋の雰囲気がぱっと明るくなる観葉植物。新年度を迎えたこの時期、気持ちも新たにインテリアに取り入れたいと思う人もいるだろう。せっかく飾るなら、運気もアップできれば一石二鳥だ。「教えて!goo」 にも...
-
メダロット:第239話「Vol.239※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
フキノトウ、ワラビ、タラノメなどの「山菜」を若い人は知らない?食べたことない?
春の訪れと共に、八百屋やスーパーには様々な種類の野菜が並ぶ。春野菜といって思い浮かぶのは、「春キャベツ」や「春タマネギ」という人が多いだろう。一方で、「フキノトウ」「ワラビ」「タラノメ」など、かつて春...
-
摘発相次ぐ「モペット」法律的な問題点を弁護士に聞いてみた
電動モーターを搭載し、走行可能な二輪車である「モペット」に関する交通違反が増加しているため、警視庁は10日、東京の渋谷で取り締まりを行った。警視庁によると、昨年、東京都内で「モペット」と呼ばれる電動モー...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Webページのリンクの貼り方を教えて...
-
Duolingo のソースコードの名前、教...
-
CSSでつくったメニューのアニメーシ...
-
、URL化させるにはどうしたらいいで...
-
htmlの文字が縦書きになる
-
HTMLとCSSを初心者ながらProgateと...
-
goo は、放置?
-
静止画画像をクリックすると音楽が...
-
コードを書いて下さい( ; ; )写真...
-
HTMLですCSSです この画像のように ...
-
初心者html・CSS ウィンドウを縮小...
-
HTML に © は、© を使わず、そ...
-
ホームページをちょっと加工する程...
-
HTML入門でもう躓いてしまった。
-
AWSのhtml
-
HTML 訪問カウンターを自作したい
-
1つの「ホームページビルダー22」...
-
テーブルのセルデータを自動改行さ...
-
テーブルの行を折りたたみたいので...
-
かっこいいウェブを作るテク
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
htmlで<form>~</form>を並べて記述...
-
WEBページを強制的に横画面で見るよ...
-
コードを書いて下さい( ; ; )写真...
-
css初心者 フレックスボックスの適...
-
テーブルのセルデータを自動改行さ...
-
CSSデータの作成方法について(FTP内)
-
HTMLで画像をポップアップで表示す...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネル、...
-
HTMLで特定の文字だけ色を変えたい...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いてリン...
-
テーブルタグのセルの幅の一部だけ...
-
CSSでつくったメニューのアニメーシ...
-
大至急。webのシングルページを作ろ...
-
角丸画像の背景色を透明にしたいです
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというのは、 ...
おすすめ情報