回答数
気になる
-
HTML、CSS、JavaScriptはプログラミング言語ですか?マークアップ言語とプログラミング言
HTML、CSS、JavaScriptはプログラミング言語ですか?マークアップ言語とプログラミング言語は別物ですか?
質問日時: 2022/07/31 13:54 質問者: かなぽーん
解決済
3
0
-
<a>リンクが飛ばない・・ パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのです
<a>リンクが飛ばない・・ パソコン初心者です 、本を見ながらHTMLで<a>でコードをかいたのですがWebに表示されません、本に書いてある通りにスペルも何度も見直しましたがリンクが飛びません そして以下の表示が出てました↓ ☆【 このコンピューターが差出人に識別されることを予防するため画像がブロックされています画像を表示するには、このアイテムを開いて下さい。】 意味がわからなくて困っています! 対応策をご存知の詳しい方おられましたら教えてください。 よろしくお願いいたします。
質問日時: 2022/07/30 20:21 質問者: maricoon
ベストアンサー
6
0
-
docxをmht形式で保存したファイルをedgeで開くと文字化けする
docxファイルをmhtで保存してedgeで開くと文字化けします。 文字化けを防ぐ方法を教えて下さい。 ちなみに、chromeで開くと同様に文字化けします。 IEだと問題なく表示できますが、警告がうっとおしいのでなるべく使いたくありません。 (ローカル上にあるファイルを開くだけなので、問題ないと思うのですが) よろしくお願いします。
質問日時: 2022/07/29 13:14 質問者: bari_saku
解決済
1
0
-
HTMLソースの質問
ホームページビルダーで作ったHTMLソース <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> <title></title> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> </head> <body> <p><b>◆メーカー / 商品名</b><br> <br> RAYS / TE37SAGA SL<br> <br> <b>◆サイズ/インセット/PCD</b><br> <br> 17×8.5J +39 4H-100<br> <br> <b>◆カラー</b><br> <br> プレストグラファイト(PG)<br> <br> <b>◆ハブ径</b> <b>◆DRILL</b><br> <br> 65φ φ29-φ15<br> <br> <b>◆付属品<br> </b> バルブ、専用スポークステッカーセット(同梱)<br> <br> <b>◆備考<br> </b><br> <br> <b>◆対応車種</b><br> <br> <br> <b><font COLOR="#ff0000">※落札前に必ずお読みください。</font></b><br> <br> ■<b>送料</b><font COLOR="#ff0000"><b></b>(法人)</font> :3,000円 1本~3本<br> :4,000円 4本<br> <br> <font COLOR="#ff0000">(個人)</font> :4,000円 1本~4本<br> :5,000円 4本<br> <br> (北海道 沖縄 一部離島は商品により価格が変わりますのでお問い合わせください)<br> <br> <font COLOR="#ff0000">上記の価格と違う送料が表示されている場合は、購入後こちらで変更させていただきます。</font><br> <br> ■こちらに届いたお客様の情報に法人名が無い場合は、個人あての送料となります。<br> <b><font COLOR="#ff0000">お店の屋号がある場合は必ずお知らせください。</font></b><br> <br> ■商品は、当店在庫品ではありません。購入頂いてからメーカー発注とさせていただきます。<br> その場合、メーカー欠品、生産終了等も御座いますのお急ぎの場合は納期の確認をお願いします。</p> </body> </html> 上記のソースを 下記の様にエンターキーの改行を消したいのですが? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> <title></title> <meta charset="UTF-8"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 21.0.5.0 for Windows"> </head> <body> <p><b>◆メーカー / 商品名</b><br> <br> RAYS / TE37SAGA SL<br> <br> <b>◆サイズ/インセット/PCD</b><br> <br> 17×7.5J +31 4H-100<br> <br> <b>◆カラー</b><br> <br> プレストグラファイト(PG)<br> <br> <b>◆ハブ径</b> <b>◆DRILL</b><br> <br> 65φ φ29-φ15<br> <br> <b>◆付属品<br> </b> バルブ、専用スポークステッカーセット(同梱)<br> <br> <b>◆備考<br> </b><br> <br> <b>◆対応車種</b><br> <br> <br> <b><font COLOR="#ff0000">※落札前に必ずお読みください。</font></b><br> <br> ■<b>送料</b><font COLOR="#ff0000"><b></b>(法人)</font> :3,000円 1本~3本<br> :4,000円 4本<br> <br> <font COLOR="#ff0000">(個人)</font> :4,000円 1本~4本<br> :5,000円 4本<br> <br> (北海道 沖縄 一部離島は商品により価格が変わりますのでお問い合わせください)<br> <br> <font COLOR="#ff0000">上記の価格と違う送料が表示されている場合は、購入後こちらで変更させていただきます。</font><br> <br> ■こちらに届いたお客様の情報に法人名が無い場合は、個人あての送料となります。<br> <b><font COLOR="#ff0000">お店の屋号がある場合は必ずお知らせください。</font></b><br> <br> ■商品は、当店在庫品ではありません。購入頂いてからメーカー発注とさせていただきます。<br> その場合、メーカー欠品、生産終了等も御座いますのお急ぎの場合は納期の確認をお願いします。</p> </body> </html> エクセルのセル内にHTMLソースを埋め込みアップロードする場合に、セル内に改行があるとエラーが出てしまうためです。 ※必要のない「改行」(<BR>ではなく、エンターキーの改行)は、削除ください。と書いてあります。 宜しくお願いします。
質問日時: 2022/07/28 13:29 質問者: 栗本
ベストアンサー
3
0
-
要素の幅をいろんな写真の幅に合わせたい。
仮にDiv領域として、画像とその説明文が入るとします。 画像の幅も説明文の文字数もバラバラだとします。 Div領域の幅を写真の幅に合わせ、文章の方は適宜自然に 改行されるようにしたいのですが、何かいい方法はないでしょうか。 width:fit-contentにすると、画像の横幅より文字の方が長くなると、 Div領域の幅が文字の長さに合わされてしまいます。 画像の幅がそろっていれば、その画像の幅でDiv領域の幅を決めればいいのですが、 画像の幅がいろいろあるので、それごとにClassやIDを多発するのも気が引けます。
質問日時: 2022/07/25 20:11 質問者: reachedduty
ベストアンサー
1
0
-
【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反
【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反映させると細長くなってしまいます。 横2:縦1の比率でスライドショーに乗せたいのですが、どのように変更すればいいのでしょうか? スライドショーは正常に動いてるので、画像変更に必要だと思われる部分だけ載せておきます。 【CSS】 img { width: 1200px; height: 600px; } .ss-image { width: auto; height: auto; padding: 0px; margin:0px; } <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="ss-image" src="./images/aa.jpg"> </div> <div class="swiper-slide"> <img class="ss-image" src="./images/bb.jpg"> </div> <div class="swiper-slide"> <img class="ss-image" src="./images/cc.jpg"> </div> </div>
質問日時: 2022/07/16 13:57 質問者: あああああいうなたなま
解決済
5
1
-
使用しているプラグインの自動表記リンクを目立たなくする方法はありますか?
Wordpressでとあるプラグインを利用しているのですが、 (記事にプラグインで作ったデータをはめ込むタイプ) はめ込むとその下に自動でプラグインの名前と開発者のページリンクが表示されます。 無料で使わせていただいているので、表記されるのは構わないのですが、 はめ込んだ部分の下に自分でいくつかリンクをはっているものとぶつかってしまい、 ちょっとまぎらわしく、見にくい感じがしてしまいます。 一部のテキストリンクだけ色を変える方法がありますが、 自動で表示されるものなので適応が難しく、ひょっとしたら方法はないのかもしれません。 できたら、プラグインのテキストリンクだけ別の色にしたいのですが、 なにか方法はあるものなのでしょうか?
質問日時: 2022/07/15 19:00 質問者: haru-ranran
ベストアンサー
1
0
-
サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです
サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです。 会社のサイトが古い為、リニューアル予定です。 ヘッダー・フッターの外側は指定のテンプレートがあるのですが、コンテンツエリアのパーツに対するテンプレートがありません。 コンテンツエリアのパーツというのは、見出し、テーブル、リスト、画像やテキストを組み合わせ等のHTMLコードとCSS等の事です。 検索すればテンプレートはいくらでも出てきますが、ちゃんとした情報(各ブラウザに準拠してる、最新情報を掲載しているなど)を掲載している、サイトを作る上で参考にする事を推奨されるようなサイトがあれば知りたいです。 諸事情でWordPress等のcmsは使えません。 また、外注はできません…。 どうかよろしくお願い致します。
質問日時: 2022/07/13 22:15 質問者: 彩いろどり
ベストアンサー
1
0
-
解決済
2
0
-
VB.net コンボボックス
コンボボックスでドロップダウンボタンのとこだけ表示して(テキストのところは表示されたくない) ドロップダウンボタンを押したらリストがしっかり見えるように表示されるようにしたいのですがいい方法ありませんか。 コンボボックスのWidthを小さくしたらリストの幅も小さくなり見えなくなってしまって困ってます
質問日時: 2022/06/30 20:37 質問者: sige_417
ベストアンサー
2
1
-
全部のアクセスを指定したページに転送させたい
指定した配下のどこにアクセスしても、こちらで指定したページに全てのアクセスを転送させたいのですがどのようにしたら宜しいでしょうか?アドバイスを頂けますと助かります。 具体的には、このようなドメインとディレクトリ構成だった場合 https://example.com/hoge/ この/hoge/以降にアクセスがあった場合は全て、/hoge/にアクセスを転送させたいです。 https://example.com/hoge/a/b/c/ も https://example.com/hoge/xxx/info.php など、/hoge/配下へのアクセスは全て、/hoge/一か所に転送させたいです。 しかし、/hoge/ の上には自由にアクセスができる状態にしたいです。 https://example.com/ や https://example.com/aaa.html などへのアクセスはそのまま維持したいです。 このような設定は可能でしょうか? 調べてみますと、htacessというもので設定ができそうなのですが、記述方法が良くわからず…。 この方法以外でも構わないので、ご存知の方アドバイスを頂けないでしょうか。 宜しくお願いいたします。
質問日時: 2022/06/28 16:33 質問者: yuyukina
解決済
2
0
-
PrettierのHTMLの記述変更 linkタグ
お世話になります。 最近、HTMLの勉強を始めた者ですが、わからないことがありますので教えてください。 内容: 教科書どおりに、 <link rel="stylesheet" href="css/style.css" > と打ったのですが、formatterにPrettierを使用しており、セーブすると、 <link rel="stylesheet" href="css/style.css" /> と、"/"が最後の">"に入ってしまいます。 動作させると、それなりに動くのですが、間違いでしょうか、 また、もし、わかりますようであれば、これを直すPrettierの設定を教えて頂けないでしょうか。 以上、よろしくお願い致します。
質問日時: 2022/06/23 04:06 質問者: berkel
ベストアンサー
1
0
-
brにクラスをつけてcssでdisplay:none;としても改行されてしまいます
wordpressの投稿部分に <br class="brnone"> と記述し、 cssで .brnone { displat:none !important; } としているのですが、改行されて困っています。 同じページに <div class="brnone">test</div> としてやるとそこは非表示になっています。 どのようにやればいいか、どこをチェックすればいいかご教示お願いします。
質問日時: 2022/06/22 14:45 質問者: sakura393938
ベストアンサー
2
0
-
webサイトを作っているのですが、imgタグのurlのスラッシュ「/」を逆「\」にしてもちゃんとur
webサイトを作っているのですが、imgタグのurlのスラッシュ「/」を逆「\」にしてもちゃんとurlとして機能しています。これはどちらでもいいのでしょうか? 調べてもどこにも書いておらずモヤモヤと悩んでいます。 どなたか分かる方いたら教えてくださいm(_ _)m
質問日時: 2022/06/11 19:01 質問者: reo96319
解決済
2
0
-
ホームページにfacebockとtwiterの画像を連携で貼り付けることはできますか?
既存ホームページの記事欄にfacebockとtwiterの画像を連携して貼りつけたいのですが可能でしょうか? この場合facebockとtwiterの更新がされるとホームページの画像も自動更新されるようにしたいのです 連携のやり方を教えていただけると助かります よろしくおねがいします
質問日時: 2022/06/08 13:24 質問者: giveme2
ベストアンサー
0
2
-
Google Search Consoleについて
アクセス数を知るにはWEBページに何かスクリプトを埋め込む必要がありますか? よろしくお願いします。 (Google Search ConsoleにアカウントとURL登録済み、サイトマップ送信済みです。)
質問日時: 2022/06/05 10:27 質問者: jimunobethy
ベストアンサー
1
0
-
Chrome のキャッシュについて
ダイアルアップの時代ならともかく、今の時代でもやはり必要なのでしょうか? WEBページの作成に取り組んでいるのですがブラウザのキャッシュが原因で時々ひどいストレスを感じます。 何回リロード(再読み込み)しても変化なし。再起動しても変化なし。 CSSやHTMLのコーディングにミスがあるのだろうか?何が原因なのだろうか?と迷路にはまり込んでしまう時があります。 特に初めて使うCSSの機能などを使う時は先ず自分のコーディングや考え方に疑問を持ち、そちらの方を調べて行くうちに迷路にはまり込んでしまうパターンが多いのです。 最後に手動でキャッシュをクリアしたら難なく思い通りに表示されて拍子抜け。 そこで思うのはブラウザにキャッシュさせないように設定できないものかということなのですが可能でしょうか? 昔、IEはキャッシュの容量など設定できたような記憶があります。 よろしくお願いします。
質問日時: 2022/05/26 07:50 質問者: jimunobethy
ベストアンサー
3
0
-
エクセルでリンクページを作り、HTML形式で保存
エクセルでリンクページを作り、HTML形式で保存後、 プロバイダの無料Web用レンタルサーバーへアップロ ードしました。 アドレスはこれです。 http://afurieitohannei.la.coocan.jp/sns/Qiita/Qiita.htm しかし、リンクが切れてつながりません!? リンクを復活するにはどうすればいいでしょうか? よろしくお願いいたします。
質問日時: 2022/05/23 03:38 質問者: Campus2
解決済
1
2
-
HTMLは、プログラミング言語じゃない。その理由・根拠を教えてください。
タイトルのとおりです。 別に責めてるわけではありません。 また、HTMLはプログラミング言語である という人の理由も教えてください。
質問日時: 2022/05/11 20:20 質問者: niku-zanmai
解決済
10
0
-
分数が正常に表示されない。
今まで、正常に表示されていた分数が、編集中突然、分数の横棒がブラウザの画面いっぱいに伸びてしまいました。 PCを再起動かけても、PCを変えても、ブラウザを変えても、編集アプリをVSCodeからBracketsに変えても、ブラウザのキャッシュもクリヤしても症状は改善されませんでした。画像は添付してあります。よろしくお願いします。htmlとcssはコピペして使っています。 html <span class="fraction"> <span class="fraction_n"> 1 </span> <span class="fraction_d"> 2 </span> </span> css .fraction{ display: inline-block; vertical-align: middle; text-align: center; } .fraction_n{ display: block; } .fraction_d{ display: block; } .fraction_n{ border-bottom: 1px solid #333; }
質問日時: 2022/05/09 18:53 質問者: nebokken
ベストアンサー
6
0
-
ホームページについての質問です 最近学校でhtml等に触れる機会があったのですが、疑問がわきました
ホームページについての質問です 最近学校でhtml等に触れる機会があったのですが、疑問がわきました ホームページを持っている会社はたくさんあると思うのですが、更新ってどうしているのですか?お知らせとか新しい商品情報とか色々後から付け足すものって多いと思うのですが… わざわざhtmlやcssに書き加える作業が必要なのでしょうか? 更新がある度に業者などに依頼しているのでしょうか? Twitterなどのように投稿的な感じで付け加えるシステムなどが導入されているのでしょうか? 詳しい方よろしくお願い致します。
質問日時: 2022/05/06 15:42 質問者: 三日月平太
解決済
7
0
-
解決済
2
0
-
HTMLエディタBracketsの文字化け
BracketsというHTMLエディタが気に入って使いだしたのですが、ある一つのファイルが文字化けします。3桁の数のファイル中で、今の所その1ファイルだけが文字化けします。Bracketsからキックしたブラウザ(Chrome)も文字化けします。しかしエクスプローラー上でダブルクリックして立ち上がったChrome、Edge、IEでは文字化けしません。 更に調べてみた結果ですが、 エクスプローラーのプレビューウィンドウでも文字化けしていません。 メモ帳、サクラエディタ、xyzzy、CrescentEve、Meryでも文字化けしません。 状況は以上のようになっているのですが原因として何が考えられるでしょうか? 原因が分からないとBraketsは使えないので困っています。 よろしくお願いします。
質問日時: 2022/04/28 14:50 質問者: jimunobethy
ベストアンサー
3
0
-
ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表
ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表示されるようにしたいです。 名前の入力フォームが空の時にJavascriptによるアラートエラーがボタンをクリックした時に出るようになっています。それとは別にさらに、ボタンを押したときに、アラートの他に、入力フォームの下部に 「入力欄が空白です」というテキストメッセージが表示されるようにしたいです。 付属画像のような感じです。 どうコードを書いたらよいでしょうか? 回答よろしくお願いいたします <!DOCTYPE html> <html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="mouthlp.css"> <title></title> <style> </style> </head> <body> <!--javaによるエラー表示のためid="form"を追加--> <form action="LPmouth1.php" method="post" id="form"> <div class="auto-style1"> <p class="tel-titile"> 名前:※ </p> <input type="text" class="name" name="name" id="name" value="" /> </div> <div class="auto-style1010"> <!--classを2つ追加 example8、画像の大きさ指定 button-simple yureru-sは左右に動くアニメーション--> <button type="submit" id="submit" name="submit" class="auto-style40" value="submit"> <img src="image/25mouth.png" alt="確認画面へ" class="button-simple yureru-s example80" /></button> </div> </form> <div class="kuuhaku30"></div><!--空白の設定--> <script> // javaでエラーメッセージの表示 const key = 'date_key'; const form = document.querySelector('#form'); const name = document.querySelector('#name'); form.addEventListener('submit', function(event) { let msg = ""; if (name.value == "") msg += "名前が入力されていません。\n"; if (msg != "") { event.preventDefault(); alert(msg); } }); form.addEventListener('change', function() { if (name.value != "") sessionStorage.setItem('name', name.value); }); name.value = sessionStorage.getItem('name'); </script> </body> </html>
質問日時: 2022/04/27 16:25 質問者: hayosato
ベストアンサー
1
0
-
HTMLとCSSコードを教えてください
添付資料の画像をしようして、以下リンクの1ページの目の画像にしたいのですが、 うまくできません。 https://xd.adobe.com/view/cdab8d41-5698-4ff2-b2d9-9fd314398731-98f8/ HTMLとCSSのコードを教えてください!
質問日時: 2022/04/27 09:47 質問者: Masami5323
解決済
1
0
-
flex の指定する数値について
grow、shrink、basis がありますが、 例えば、grow で、flex: 1; と指定した場合、もしくは、 flex: 2; とした場合、 何に対する、 1 、 2 何でしょう ? 数値の意味がわかる方、教えてください !
質問日時: 2022/04/26 22:23 質問者: unlogic80
ベストアンサー
2
0
-
display: flex; と flex の違い
class 名 { display: flex; } class 名 { flex: 1; } display: flex; は主に指定した親要素の小要素を横並びにしたい時に使う。 ただの flex は使い方がよくわかりません。 指定も難しいというか、理解しにくいです。 このただの flex の使用方法などをわかりやすく教えてください。
質問日時: 2022/04/25 20:52 質問者: unlogic80
ベストアンサー
1
1
-
display flex の使い方
<ul> <li>1</li> <li>2</li> <li>3</li> </ul> 上記があるとして、 1 を 1 行目。 2 と 3 を 2 行目にと display flex で可能でしょうか ?
質問日時: 2022/04/25 19:13 質問者: unlogic80
ベストアンサー
1
0
-
検索窓とcssハックについて
現在自分のWEBサイトに検索窓を設置しております そしてその検索窓なんですが、iPhoneから見た画面とAndroidから見た画面で大きさが違うのです 入力ボックスも送信ボタンも高さをPXで指定しているのですが、なぜか入力ボックスと送信ボタンの高さが同じ数字を入力しても左右合わないのです 仕方ないので別々のpx数字を入力して合わせたのですがiPhoneからだと大丈夫なんですがAndroidから見るとまたズレています 解決方法を自分で調べたところ、cssハックが有効とのことで色々調べました そしたら CSS Browser Selector というものを見つけましたのでさっそくダウンロードしようとしたのですがダウンロードボタンがどこにもありません 仕方ないのでcssハック以外の方法でボタンのサイズを合わせようと試みたのですがいい方法が見つからず途方に暮れている状態です どなたか解決方法を教えていただけませんか よろしくお願い申し上げます
質問日時: 2022/04/22 12:21 質問者: 匿さま
解決済
3
0
-
スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ
スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきません。画像を横に(画面99%)ほど、高さを50pxほどに広げると、 高さもそれだけ高くしないと、(付属画像のよう)に画像が欠けて表示されてしまいます。自由な大きさに高さや横幅を変えても画像が欠けないように表示させたいです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://rensyuu12.tokyo/PHPMailer/jquery-3.6.0.min.js"></script> <title>k</title> </head> <style> </style> <body> <div class="box"></div> <p><a href="" id="sstop_btn"></a></p> </body> <script> //追従ポップ スマホのみ表示 場所問わず出現 display:none !important $(function(){ $("#sstop_btn").on("click", function(){ $("html, body").animate({ scrollTop: 0//ページトップまでスクロール }, 1000, "swing"); //ページトップスクロールの速さ。数字が大きいほど遅くなる }); }); </script> </html> cssのコード /* PCのみ追従する画像のスタイル */ #sstop_btn { position: fixed; bottom: 50px; left: 20px; background: url(https://rensyuu12.tokyo/PHPMailer/nana.png); background-repeat: no-repeat; /*background: url 画像の繰り返しを指定しない */ background-size:cover; /*background: url画像の縦横比を維持したまま余白を埋めたいのなら 画像のサイズを指定 */ width:680px; /* 画像のサイズを指定 */ height:250px; /*画像のサイズを指定 */ padding-top: 6px; padding-right: 3px; padding-bottom: 6px; padding-left: 3px } .box{ background-color: blue; width: 100%; height: 900px; }
質問日時: 2022/04/18 12:52 質問者: hayosato
ベストアンサー
2
0
-
ブログ記事冒頭に要約を示すならどんなHTMLタグが適切か
ブログを使っており、そこで冒頭に記事の要約を書きたいのです。 この記事の概要: 犬は散歩が好きである。雨でも出かけないと機嫌が悪くなり吠えるから彼ら用の雨合羽があるとよい。 猫は気まぐれである。飼い主を噛むことに意味を求めてはいけない。傷薬を常備しよう。 仮に上記のような出だしだとします。 1行目から3行目はそれぞれどのようなHTMLタグで囲うのが適切なのでしょうか。
質問日時: 2022/04/17 23:50 質問者: pandashock
ベストアンサー
3
0
-
下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない
下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されないのですが、(付属画像参考)このボタンの中にある画像をボタンにいっぱいに表示させたいです。 回答よろしくお願いいたします。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" href="o.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src="https://rensyuu12.tokyo/PHPMailer/jquery-3.6.0.min.js"></script> <title>k</title> </head> <style> </style> <body> <button id="top_btn">トップに戻る</button> <h1>トップ</h1> <br><hr><hr><br><hr><hr><br><hr><hr><br><hr><hr><br><hr><hr><br><hr><hr><br><hr><hr><br><hr><hr><br><hr><hr><br><hr><hr><br> </body> <script> $(function(){ $("#top_btn").on("click", function(){ $("html, body").animate({scrollTop: 0 }, 1000, "swing"); }); }); </script> </html> cssのコード以下 #top_btn { position: fixed; bottom: 10px; right: 10px; background: url(https://rensyuu12.tokyo/PHPMailer/abcde.png); background-repeat: no-repeat; /* 画像の繰り返しを指定 */ background-size:contain; /* 画像のサイズを指定 */ width:30%; /* 横幅のサイズを指定 */ height:30%; padding-top: 6px; padding-right: 3px; padding-bottom: 6px; padding-left: 3px }
質問日時: 2022/04/16 21:31 質問者: hayosato
ベストアンサー
1
0
-
(Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!!
恐れ入ります。 お力をお借りしたいと投稿いたします。 用紙の大きさが違う3種類(A4横とA4縦とA5)のPDFファイルの用紙サイズに応じて、別タブに飛ばしたwindow.print()指示の用紙サイズ(Microsoft EdgeでのPDFビューワーにて印刷プレビュー画面で選択されている用紙サイズ)を自動で切り替えたいと考えています。 下記のソースにて、 ①縦横変更 ②印刷サイズ(縦100mm、横150mmなどの実寸サイズ) などの反映までは実現できたのですが、最も重要な用紙切り替えができていません。 ご多忙のところと存じますが、ご一考いただけないでしょうか。 ∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵ (下記がソースになります、下記は切り替え判断などを省いて「どうにか用紙切り替えできないものか」と試行錯誤したものです。) ∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵ <!DOCTYPE html> <html lang="jp" xmlns="http://www.w3.org/1999/xhtml" style="background-color: gray;"> <head> <meta charset="UTF-8"> <title>print_preview_test</title> <style type="text/css" media="all"> /* ここで用紙サイズを指定する(A4=210mmx297mm、A5=148mmx210mm) */ @media print { body { width: 210mm; height: 148mm; }; div { width: 177mm; height: 121mm; }; } @page{ size:A5 landscape } </style> </head> <body> <div style="width:100%; height:95vh; border: 1px solid black; background-color: white;"> <iframe src="用紙を切り替えたい!!(A4サイズ).pdf" width="100%" height="100%"></iframe> </div> </body> </html> ∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵∴∵ よろしくお願いいたします。
質問日時: 2022/04/11 12:04 質問者: 蒼山熾音
ベストアンサー
2
0
-
PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ
PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ400px以下の時に、縦に、赤青赤青と交互に並ぶようにしたいです。 今までスマホサイズ 400px以下 で赤青と交互にきちんと縦に並んでいたのですが、html内に、新たに PCサイズ2000px以下でのみ<div class="parallax-bg3">を適応したいと思い、 <div class="parallax-bg3"> を 2か所を追加したら、 <div id="me"> の直下でflexが効かなくなってしましました。 これを <div class="parallax-bg3"> をPCでのみ適応させて、さらに、 <div id="me">の直下でflexを400pxで適応させたいです。 実際のサイトのURL( <div id="me">)が効かない ものが以下です。 https://rensyuu12.tokyo/PHPMailer/abab.html <!DOCTYPE html> <html lang="ja"> <head> <meta content="text/html; charset=utf-8" /> <title></title> <style> </style> </head> <body> <!--☆PCのみ適応parallax-bg3--> <div class="parallax-bg3"> <!--スマホサイズ直下を指定する--> <div id="me"> <!--赤い画像--> <div class="wrap0001"> <div class="item2 parallax-bg2"><!--ぼかしパパラックス適応> <img src="red1.png"> </div> <div class="item2 parallax-bg2"> <img src="red2.png"> </div> </div> </div> </div> <!--☆PCのみ適応parallax-bg3--> <div class="parallax-bg3"> <!--青い画像--> <div class="wrap0001"> <div class="item2 parallax-bg2"> <img src="blue1.png"> </div> <div class="item2 parallax-bg2"> <img src="blue2.png"> </div> </div> </div> </div> </body> </html> ◎◎◎aaa.css /* 400px*/ @media screen and (max-width: 400px){ /* 赤青赤青に縦に */ #me { /* me直下*/ display: flex; flex-wrap: wrap; } .wrap0001 { display: contents; } .wrap0001:nth-child(1) .item2:nth-child(1) { order: 1; } .wrap0001:nth-child(1) .item2:nth-child(2) { order: 3; } .wrap0001:nth-child(2) .item2:nth-child(1) { order: 2; } .wrap0001:nth-child(2) .item2:nth-child(2) { order: 4; } .item2 { width: 100%; text-align: center; } } /*2000px以下 */ @media screen and (max-width: 2000px){ /* PC横ならび */ .wrap0001 { display: flex; width: 80%; margin: 0 auto; } .item2 { width: 33.3%; text-align: center; } /*パパラックスぼかし画像*/ .parallax-bg2 { } /*※PCのみパパラックス画像*/ .parallax-bg3 { background-image: url('45mouth.png'); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat; } }
質問日時: 2022/04/11 12:01 質問者: hayosato
ベストアンサー
5
0
-
GETをPOSTに変更したところ 送信 不能です。
プログラムは以下のURLから 見れます。 http://afurieitohannei.la.coocan.jp/sns/keizi.top.htm URL 先の プログラムに <form method="GET" action="keizi_top.php"> がありますが GET を POST に変更すると 送信できくなりました。 GET送信の特性など ▶URLに付けてデータを送る (❶データがみられてしまう。❷不正なデータを送信される恐れあり) ▶送信できるデータはテキストのみ ▶何も宣言しなければGETメソッドが使われる(デフォルト) POST送信の特性など ▶データはURLには付けいない ▶送信できるデータは「❶テキスト」と「❷バイナリ」の両方が可能 以上は 手元の 電子書籍 の説明です。 GET送信よりPOST送信 が 秘匿性があります。 以上ですが! POST が いいですよね、それと GET ができることは POST でも できりので 送信ができそうですが POST に変えたら 送信できなくなりました。 なんで 送信が できなのでしょうか? よろしくお願いいたします。
質問日時: 2022/04/10 17:31 質問者: Campus2
ベストアンサー
1
0
-
CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか
下記サイトを参考にさせてもらっているんですが、 https://rilaks.jp/wordpress/profile/ HTML ---------------------------- <div class="profile"> <div class="profile_image"> <img src="" alt="名前"> </div> <div class="profile_text"> <p class="profile_text_name">名前</p> <p class="profile_text_description">プロフィール文章</p> </div> </div> ---------------------------- CSS ---------------------------- .profile { background-color: #fff; /* 背景色 */ padding: 20px; display: flex; border: solid 3px #EAF4F3; /* 枠線の種類、太さ、色 */ } .profile_image { text-align: center; padding-right: 14px; } .profile_image img { max-width: 80px; border-radius: 100%; } .profile_text_name { font-weight: bold; margin: 6px 0; } .profile_text_description { font-size: .8em; margin: 0; } @media screen and (max-width:480px) { .profile { display: block; } .profile_image { padding-right: 0; } .profile_image img { max-width: 120px; } .profile_text_name { text-align: center; margin-top: 6px; } } ---------------------------- このうち、プロフィール文章の文字サイズだけなぜかCSSが効きません。 (もしかしたら他にも効いていない所があるかもしれませんが、目につくのは文字サイズ) .profile_text_description { font-size: .8em; } 0.8emや13pxなど変えてみたんですが、変わりなく、 GutenbergでもClassic Editorでも同じでした。 ちなみに他にCSSを記載していないので、かぶっていることはないと思います。 この部分は少し文字サイズを小さくしたいため、 もしお分かりになる方がいたら教えてください。
質問日時: 2022/04/09 17:52 質問者: haru-ranran
ベストアンサー
5
0
-
svgクリップパスの応用コーディング方法
長方形のjpgを使って添付画像のようなコーディング(レスポンシブ対応)をしたいです。 試したこと 1.svgのクリップパスで画像をくり抜き(波線がはみ出している箇所は除く) 2.背景画像に上記svgを設定(黒いラインを付与するため) 3.波線ラインの画像は別に書き出して、絶対指定でちょうど良い位置に配置 上記のやり方だとレスポンシブ時に波線の位置がずれてしまい、うまくいきませんでした。 左下部分を波線含む三角形の画像でまるごとかぶせるやり方も考えましたが、 背景が単色ではないケースの時に対応できません。 良いアイデアがあったら、ご教授いただけますと幸いです。
質問日時: 2022/04/09 09:07 質問者: 25taku
ベストアンサー
2
0
-
【HTML】記事下の監修欄で使われるh5などのヘッダーについて
Wordpressで個人サイトをつくっています。 記事下に監修欄をつくろうといろんなサイトを拝見しておりましたら、 監修者名などにh5や、たまにライター名にh2など、ヘッダーを利用しているケースがありました。 基本的にヘッダーは文章を構造的に見せるために使うものだと思っていたんですが、 文章ではh2,h3までしか使っていなくても、突然監修者名などにh5を使うのは、SEO的に有利に働くからなど、何か理由があるのでしょうか? 例)https://domani.shogakukan.co.jp/394837 https://oggi.jp/6455283 企業のページでいくつか拝見したので、なぜ使っているのか教えていただけないでしょうか。
質問日時: 2022/04/06 17:55 質問者: haru-ranran
ベストアンサー
2
0
-
【html】検索ボックスを作りたい
https://www.google.com/search?q= の後をテキストボックスで任意に指定してgoogleで検索できるようにしたいです。 テキストボックスだけが見えるようにして、エンターを押したら検索みたいな感じにしたいです。 初心者ですがよろしくお願いします
質問日時: 2022/04/02 17:25 質問者: パソコンHTML初心者
ベストアンサー
4
0
-
ベストアンサー
2
0
-
html,CSSのfloatについて教えてください。
◆html◆ <div class="footer"> <div class="footer-logo">Progate</div> <ul> <li>会社概要</li> <li>採用</li> <li>お問い合わせ</li> </ul> </div> ◆CSS◆ .footer { height: 120px; background-color: #2f5167; color: #fff; padding: 40px; } .footer-logo { float: left; font-size: 32px; } .footer li { float: right; } footer-logoを左側に、liの3つを右側に縦に3つ並ぶようにしたいのですが、これだとliが右側に横並びになってしまします。なぜでしょうか。
質問日時: 2022/03/10 22:18 質問者: オレオノクッキー
解決済
3
0
-
htmlについて教えてください。
◆HTML◆ <div clss="contact-form"> <h3 class="section-title">お問い合わせ</h3> <p>メールアドレス(必須)</p> <input> <p>お問い合わせ内容(必須)</p> <textarea></textarea> <p>※必須項目は必ずご入力ください</p> <input class="contact-submit" type="submit" value="送信"> </div> ◆CSS◆ .contact-form input, textarea { width: 400px; border: 1px #dee7ec solid; padding: 20px; margin-bottom: 30px; font-size: 18px; } と記載すると、textareaにしかcssで記述した内容が反映されないのはなぜですか?
質問日時: 2022/03/09 22:26 質問者: オレオノクッキー
ベストアンサー
1
0
-
HTML とCSSを使って模写をしているのですが、作り方が多少違っても見た目が同じようならいいですよ
HTML とCSSを使って模写をしているのですが、作り方が多少違っても見た目が同じようならいいですよね?
質問日時: 2022/03/09 18:45 質問者: コーヒー飲んでもねてまう
ベストアンサー
2
0
-
スマホホームページ作成について
お世話になります。 スマホのホームページを作成しています。 スマホの画面を縦にすると正常に表示されます。 スマホの画面を傾けて横にすると上の部分がきれて表示されません。 画像のHOMEの上にロゴが表示されないといけませんが 表示されません。 どのような原因で解決方法はありますでしょうか?
質問日時: 2022/03/06 23:01 質問者: sea_clear
ベストアンサー
1
0
-
HTMLで <p>~</p>内で2回以上連続で改行する方法
HTMLで <p>~</p>内で2回以上連続で改行する方法 を教えてもらえないでしょうか <br>を2回連続で使うのは 文法上おかしいと 知りました。 通常は<p>~</p><p>~</p> にして段落を2つに分けると思うのですが それではなく 1行空欄をあけたいのです。 (文章から段落を分けるのは違うからです) よろしくお願いいたします。
質問日時: 2022/03/04 14:57 質問者: motoentaro
ベストアンサー
5
0
-
ホームページ作成で、テキスト(文字)の背景色を左から右へグラデーションかけれますか?
CSSではなく、個別にタグで指定したいです。ググりましたがよくわかりませんでした。 例えば添付の画像は単色ピンクを指定してなんとかできたのですが、(余計なタグもあるかもですが)背景を左から右へグラデーションかけたいです。タグを教えてください!
質問日時: 2022/03/04 12:11 質問者: shukronajon
ベストアンサー
1
0
-
STUDIOについて SUDIOを利用して、自分で作成したホームページの著作権は運営側にもあるのでし
STUDIOについて SUDIOを利用して、自分で作成したホームページの著作権は運営側にもあるのでしょうか? また、STUDIOは直接HTMLやCSS,Scriptを編集することができません。 そのため、SUDIOを利用して、自分で作成したホームページを開発者ツールを利用してコードを読み取り、そこからまた編集することは、法律や規約に反しますか?
質問日時: 2022/02/26 23:17 質問者: Hiroki_1120
ベストアンサー
1
0
-
画像にURL、電話、上部のHTMLのタグについて
画像にURLと電話番号を入れて発信させるタグを入れたいのですが、 どうしても反映するとうまくできず、バナーが変になってしまいます。 下記の画像の中にリンク先のURLと<a href="tel:電話番号"> </a> を入れる場合はどこに入れるのが正しいのでしょうか? また、「上部へ」のタグも入れたいです。 <img class="alignnone size-full wp-image-779" src="https://pleasurenakameguro.jp/wp-content/uploads/2022/02/TOPバナーPOP.jpg" alt="" width="1125" height="216" /> ご教示いただけますと幸いです。 宜しくお願い致します。
質問日時: 2022/02/22 15:51 質問者: tomo20121210
解決済
3
0
-
レッツノートCF-MX5は、htmlで操作パネルを隠す(hidden="true")が認識不可?
ホームページを作成している者です。録音した音を出すように以下の通りコーディングし、ホームページでは音の操作パネルを隠す(hidden="true")ようにコーディングしていますが、パナソニックのレッツノートPCのCF-MX5(タブレットにも変わる機種であり、たぶんMX3もMX4も同様か?)だけが認識できないようで、パナソニックの他のレッツノートPCや一般のスマホはちゃんと認識できて、操作パネルを隠すように表示されます。 どなたか、ご経験のある方、善処方法がお分かりになる方、ご教示お願いいたします。 <!-- BGMの出力 --> <embed src="故郷bgm2022_02_13_18_21_08.mp3"autostart="true"loop="false"hidden="true">
質問日時: 2022/02/19 21:09 質問者: パパうさ
ベストアンサー
3
0
-
display flex について
display flex は float の進化版のようなものと理解して間違いないでしょうか ?
質問日時: 2022/02/15 21:24 質問者: i-d-a-i
ベストアンサー
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で特定の文字だけ色を変えたい...
おすすめ情報