HTML
- cssが読み込まれません。
VScodeでhtmlの練習を始めましたが、どうやってもcssが読み込まれません。同じフォルダ内に保存してます。名前間違いもないです。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>方法1</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>方法1:外部のCSSファイルを読み込む</p> </body> </html> CSS @charset "UTF-8"; p { color: blue; }
- html メッセージ出力後にsubmitする方法？
質問タイトルの文字数制約のため、わかりにくい表現になってしまいましたが、実現したい事は下記です。 (1) input.html で、検索条件の入力フォームを作り、入力が完了したら「検索開始」ボタンで、実際に検索処理をする search.php に遷移する。 私の場合は、下記で実現している。 <form method="POST" action="search.php" <input type="submit" value="検索開始" (2) しかし、検索処理の内容が重たい時（検索件数が多い or 検索条件が複雑等々）、「検索開始」ボタンを押してから結果が表示されるまで時間がかかりその間は画面表示に変化が無いため、その間に例えば「ただいま検索を開始しました。」というようなメッセージを表示させたい。 (3) 試しに、serach.php のトップに echo "ただいま検索を開始しました。"; を記載しても、（私には理由がわかりませんが）上記メッセージは search.php 側で検索処理が終わってから表示されてしまう。 (4) そこで、input.html 側で、search.php に遷移する前に、上記のようなメッセ－ジを出力したいが、その方法が良くわからない。 Web 設計に詳しい方より、簡単に実現できる方法をご教示頂きたく、よろしくお願いいたします。
- ベストアンサー
- kmsakutomo
- HTML
- 回答数13
- 開発者ツールで展開したhtmlをfileにcopy
chromeの開発者ツールですべての子要素を展開した後（これはできています）、そのすべての子要素（html）をファイルにexportする方法を教えてください。 全体をselectして、copy&pasteでどうかと思いましたが、全体をselectするのもうまくできないです。 開発者ツールの表示画面では、全体の見通しが悪いので、exportしたファイルをエディタで参照したいのです。 pythonでseleniumを使うための準備段階です。 展開したHTLは何ページにもわたり、操作したい項目は多数あります。
- 開発者ツールで表示したHTMLをexportする
chromeの開発者ツールですべての子要素を展開した後、そのすべての子要素（html）をファイルにexportする方法を教えてください。 開発者ツールの表示画面では、全体の見通しが悪いので、exportしたファイルをエディタで参照したいのです。
- ＨＰレンタルサイトのフッターの位置調整について
http://shinsama1980.web.fc2.com/hyakuhoh-data4.htm このＨＰのフッターに「Powered by FC2ホームページ」という文字でレンタルサイトへのリンクがあるのですが、 このサイトをスマホで見た時のフッターが中央から左の位置にズレてしまいます。 （フッターは中央寄せの設定） これをスマホで見た時でも中央寄せで表示するには、どうすれば良いのでしょうか？ Ｐ．Ｓ 当方はＨＴＭＬ、ＣＳＳについては初心者ですので、 回答される方はＨＴＭＬやＣＳＳをなるべく具体的に書いていただけると幸いです。 何卒宜しくお願い致します。
- ベストアンサー
- katsufutaba
- HTML
- 回答数2
- 表の表示／非表示の切替の方法
http://shinsama1980.web.fc2.com/hyakuhoh-data4.htm 上記サイトで表の上部に表の表示切替ボタンを設けたいと思っています。 切替対象は<tbody>と<tfoot>で定義した箇所で、 この２つを交互に表示しようと思っているのですが、 この場合どうすれば良いのでしょうか？ Ｐ．Ｓ 当方はＨＴＭＬ、ＣＳＳについては初心者ですので、 回答される方はＨＴＭＬやＣＳＳをなるべく具体的に書いていただけると幸いです。 何卒宜しくお願い致します。
- ベストアンサー
- katsufutaba
- HTML
- 回答数1
- HTMLで入力項目をテキストファイルに落とす方法
会員制サイトを作りたいと思います。氏名や年令などをWeb上で入力してもらい、それをテキストファイルに落としたいのですが、やり方が分かりません。HTMLとCSSだけではできないのでしょうか。
- スタイルシートのセレクターについて
御世話になります。 ネットからダウンロードした、オブジェクト指向PHPの教本の中に、下に挙げるスタイルの記述があります。これはGoogleなどで検索した時に使われているようなページナビゲイターを作ろうとしている部分でのスタイルの記述すが、最初の " .navigator a " というセレクターの意味がわかりません。 .navigator a, span.inactive{ margin-left:0px; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #000000; border-bottom:1px solid #000000; padding: 0px 5px 2px 5px; } コンマの後の "span.inactive" は inactive というクラス名を持った<span> エレメントだとわかりますが、" .navigator a "は navigator というクラス名を持った<a> エレメントではないですよね？ W3School の CSS レファランスなども調べましたが, クラス名の後にスペースがあって、その後に<a> エレメントがあるような組み合わせはみつけられませんでした。 このセレクターの意味を教えていただきたく、よろしくお願いいたします。
- ベストアンサー
- papashiroSooke
- HTML
- 回答数2
- CSSが反映されない
試しに明治大学のHPをすべてコピーしてVSコードで保存してブラウザにドラッグしたのですが、HTMLしか反映されず、ｃｓｓとｊｃが見れない状況です。どうしたらｃｓｓを表示できるのでしょうか？
- 長いCSSコードについて
https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css このようなコードは１から手書きでかかれてるのですか？それともなにかダウンロードが必要なのですか？
- HTML の<object> タグについて
御世話になります。 カラオケ音楽の再生システムを作りたくてHTMLとPHPを使ってやっています. はじめは<video> タグを使おうとしましたが、全く再生されないので、<object>タグにしました。しかし元になる音楽ファイルが .avi フォーマットなのが原因かどうかわかりませんが、<object> タグの data 属性にファイルのパスを指定しても再生されず、"This plug-in is not supported" というメッセージが出てきます。 環境はWindows10, ブラウザーはEdgeです。FireFox, Chromeでやってもダメでした。 しかし不思議ですが、Internet-Explorer では再生できます。 ただIEはもうサポートがなくなっていますし、いつまでも使い続けることが出来なくなるかもしれないので、IE以外のブラウザーでも再生できるように<object>タグで .avi 形式のビデオを再生するためplug-inを探しています。 出来れば無料でダウンロードできるようなものが在ればと思っていますが、どなたかご協力いただけないでしょうか。 どうかよろしくお願いいたします。 HTML文書とPHPのソースを添付します。 HTML： <!DOCTYPE HTML> <HTML> <head> <title> upload song file</title> </head> <body> <form method="POST" action="showSongVideo.php" enctype="multipart/form-data"> input song file: <input type="file" name="songFile" size="50"><br> <input type="submit" value="send"> </form> </body> </html> PHP: showSongVideo.php <?php $fname = $_FILES['songFile']['name']; $temp = $_FILES['songFile']['tmp_name']; $target ="./sampleSong/".$fname; move_uploaded_file($temp, $target); echo "<object data ='".$target."' width='800px' height='640px' type='video/avi'></object><BR>"; ?>
- ベストアンサー
- papashiroSooke
- HTML
- 回答数4
- HTML で任意のファイルをuploadする
御世話になります。 <input type="file"> タグを使ってファイルをサーバーに送る場合、元のファイルは必ずHTML文書と同じレベルのフォルダーつまり htdocs の中に、裸で（つまりサブフォルダー等の中ではなく）置いてなくてはならないのでしょうか？ それとも、htdocs とは無関係のフォルダー内のファイルを、絶対パスを指定してアップロードする方法はあるのでしょうか？ 詳しい方がいらっしゃいましたら、教えて頂きたく、お願い申し上げます。
- ベストアンサー
- papashiroSooke
- HTML
- 回答数3
- HTML の<img> タグについて
御世話になります。 Windows10でHTMLの<img> タグを使って画像を表示させたいのですが、タグの中の src 属性に、ファイルエ・クスプローラーでShiftキーを押したままマウスの右クリックで得られるファイルのパスを張り付けると、画像が表示されず、小さなサムネイルのようなもの（決して実際の画像のサムネイルではありません）だけになります。 HTML文書と同じレベルにおいてあるフォルダー内の画像はちゃんと表示されるのですが。 これはコンピューターのあちこちにある任意の画像を表示させたければ、HTML文書と同じレベル以下のフォルダーにコピーしておかなければならないという事なのでしょうか？それとも各画像をコピーしてこなくてもそのままの位置に置いたまま表示させる方法があるのでしょうか？ どなたか詳しい方がいらっしゃいましたら、詳しく教えて頂きたいと思います。 自分のソースコードを張り付けておきます。 まず表示されるもの。 <!DOCTYPE HTML> <HTML> <head> <title> example02</title> </head> <body> <img src="C:/xampp/htdocs/PHP-OOP/images/EVEdAnT.jpg" width="600" height="400"> </body> </html> 次に、表示されないもの。 <!DOCTYPE HTML> <HTML> <head> <title> example02</title> </head> <body> <img src= "images/EVEdAnT.jpg" width="600" height="400"> </body> </html> 以上、よろしくお願いいたします。
- ベストアンサー
- papashiroSooke
- HTML
- 回答数3
- 例えば、文字の縦横比を維持したまま、左揃えとかって
例えば、文字の縦横比を維持したまま、左揃えとかって可能ですか。 <td colspan="2" style="padding:6px 0px; width:50%; line-height:95%; text-align:right; line-height:60%; white-space: nowrap; transform: scale(0.9,1);"><a href="/wiki/%E4%BA%AC%E9%83%BD%E9%A7%85" title="京都駅"><span style="color:#fff; font-size:18pt;" class="nextstation"><b>栂・美木多</b></span><span style="color:#fff; font-size:10.5pt; letter-spacing: 0.01em;" class="nextstation"><b>とが・みきた</b></span></a> </td> これですと、どうしても、右揃えは可能なんですが、左に揃えることはできません。 かといって、position relativeや、position absoluteを使えば、 文字によって、その都度対応しなければならなくなり、億劫です。 もうどうしたらいいかわかりません。
- ベストアンサー
- semboku_love
- HTML
- 回答数1
- <object> と<video>タグの使い方
新年明けましておめでとうございます。 新年早々に、皆様お正月休みのところを不躾ながら、早速に質問をさせて頂きたいと思います。お時間のある方は是非ご回答いただきたく、よろしくお願いいたします。 質問タイトルのごとく、<OBJECT> TAG ,<VIDEO> TAG を使ってhtml 文書を作成しましたが、写真も動画も全く表示されません。 環境はwINDOWS10、使用したブラウザーはEdge, FireFox, Chrome, Internet Explorerの４つです。いずれのブラウザーでも表示されませんでした。 自分のHTML文書を張り付けておきます。 どこが間違っているのかをご指摘いただくと有難いです。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> video-test</title> </head> <body bgcolor="pink"> <h1> object and video test</h1> <object data="C:/Users/Shiro/Desktop/P2220270.JPG" width='640px' height='480px' type='image/jpg'></object> <video width='900px' height='700px' controls> <source src="C:/HitPaw Video Converter/Converted/04 三年目の浮気.mp4" type='video/mp4' > </source> </video> </body> </html> ちなみに、ビデオの方は元々 .avi フォーマットであったものを、HitPaw Video Converter というソフトを使って変換したもんですが、お試しバージョンのため、動画の1/3しかないものです。Windows Media Player ではちゃんと再生できます。 どうかこのあたりに詳しい方がいらっしゃいましたら、どうぞお考えをお聞かせください。
- ベストアンサー
- papashiroSooke
- HTML
- 回答数2
- 違うページ途中へのジャンプがそのページトップになる
ソフト：BiND8（すでにメーカー保証対象外） 操作はブロックエディタで実施 ①ジャンプ先：1ページ目の途中のブロック内にアンカー設定。なお1ページ目は全部で30ブロックぐらいある長めのページで、アンカーを設定したブロックはその真ん中ぐらいの位置にあり、ヘッダー位置からかなり下の方です。 HTML表示： <a id=CCCC></a> ②ジャンプ元の設定 設定箇所：2ページ目のバナーボタン画像部分 HTML表示： <a href="index.html#CCCC" ><img id=***** src="****" alt=""></a> この設定で、ジャンプ先がなぜか1ページ目のトップになってしまい、1ページ目途中のブロックにはジャンプしません。 試しにジャンプ先の他のブロックにアンカーを設置しても同様にページトップに遷移します。 また、念のため、ＨTMLの埋め込みもできるソフトなので、自分でHTMLを書いて入れてみましたが、やはりジャンプ先のページトップに遷移してしまいます。 ちなみにCSSには何も設定していません。 paddingを使って修正できるほどの小さなズレでもありません。 解決方法をご教示ただければ幸いです。
- ベストアンサー
- villamoderna
- HTML
- 回答数1
- エディタで書いたコード
ATOMエディタで書いたHTMLコードをクロームブラウザで表示すると ある文が右に寄っています。 コードは教科書と比較して同じですが表示するとある文が右に寄ってしまいます。 原因と解決策を教えてください。 WINDOWS10です。 よろしくお願い致します。
- なかなかサイトを引越しできない
昨日、サイトのサーバーの引っ越し作業をやってまして、2日前に引っ越した2つのサイトは時間かかりましたが、無事サーバーの引っ越しが完了できたのですが、昨日引越し作業をしていたもう一つのサイトの引っ越しが上手くいきません。 https://himanahito.com/ ←が私のそのサイトですが、アクセスすると、https://himanahito.com/login_up.php?success_redirect_url=%2F にリダイレクトされてしまいます。 もちろん自分でこんな設定をした覚えはありません。 リダイレクトされたURLは移動前のサーバーのコントロールパネルのログイン画面です。もちろんサイトは移動先のサーバーに移してます。 で、移動前のサーバーにまだ私のそのサイトを削除していなかったので昨日の夜に削除しても改善されません。あと、移動前のサーバーはまだ解約はしておりません。 このサイトの移動に時間がかかってしまったので、昨日、途中で一度引越し前のサーバーに戻して、そのあとまた移動先のサーバーに移したのですがそれがまずかったのでしょうか？ ネームサーバーも、移動先サーバー→移動前のサーバー→移動先のサーバーという感じで何度も変えてしまいました。これがまずかったでしょうか？ で、移動前のサーバーに問い合わせたら、「現在当該ドメインは移動先に向いているようですので、弊社サーバーではないサーバーに接続されているものと思われます」という回答でした。 でもSEOチェキで調べたら、ホストがまだ移動前のサーバーのままなんですよね。何度か押したりしたら、現在のホストになったりしますが。。 対処法をわかる方がおりますでしょうか？ ググっても同じような感じになってる情報がでてきません。。