タグ付けされた質問 「html」

設計中のサイトにBootstrap 3を使用しています。 このサンプルのようなフッターが欲しいです。 サンプル 修正したくないので、ブートストラップnavbar-fixed-bottomで問題が解決しないことに注意してください。常にコンテンツの最下部に配置し、応答性も高くしたいだけです。 どんなガイドでも大歓迎です。 編集： よくわからなかったらすみません。現在、コンテンツ本文に十分なコンテンツがない場合に発生します。フッターが上に移動すると、下部に空きスペースができます。 これは今私が私のnavbarのために持っているものです <nav class="navbar navbar-inverse navbar-bottom" style="padding:0 0 120px 0"> <div class="container"> <div class="row"> <div class="col-sm-4"> <h5 id='footer-header'> SITEMAP </h3> <div class="col-sm-4" style="padding: 0 0 0 0px"> <p>News</p> <p>contact</p> </div> <div class="col-sm-4" style="padding: 0 0 0 0px"> <p>FAQ</p> <p>Privacy Policy</p> </div> </div> <div …

177 html  css  twitter-bootstrap  footer 

JavaScriptを使用して現在のWebページの場所を変更するために使用する推奨方法は何ですか？window.navigateとdocument.locationの両方が使用されているのを見てきました。行動に違いはありますか？ブラウザの実装に違いはありますか？

177 javascript  html  navigation 

またはで、弾丸がどれだけの水平方向のスペースを<li>右に押すかを制御したいと思います。<ol><ul> つまり、常に持っている代わりに * Some list text goes here. それを変えられるようにしたい * Some list text goes here. または *Some list text goes here. 見回したが、ブロック全体を左または右にシフトするための指示しか見つかりませんでした。たとえば、http：//www.alistapart.com/articles/taminglists/

177 html  css  html-lists 

私はdivを持っていますが、水平方向に中央揃えにしたいのですが、中央揃えではありmargin:0 auto;ません... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

私はこれとこの質問を読みましたが、クライアント側でJavaScriptを使用してファイルのMIMEタイプを確認できることを示唆しているようです。現在、実際の検証はサーバー側で行う必要があることを理解しています。サーバーリソースの不要な浪費を避けるために、クライアント側のチェックを実行したいと思います。 これがクライアント側で実行できるかどうかをテストするために、JPEGテストファイルの拡張子をに変更し、.pngアップロードするファイルを選択しました。ファイルを送信する前に、JavaScriptコンソールを使用してファイルオブジェクトをクエリします。 document.getElementsByTagName('input')[0].files[0]; これは私がChrome 28.0で取得するものです： ファイル{webkitRelativePath： ""、lastModifiedDate：Tue Oct 16 2012 10:00:00 GMT + 0000（UTC）、名前： "test.png"、タイプ： "image / png"、サイズ：500055…} これはimage/png、MIMEタイプではなくファイル拡張子に基づいてチェックが行われたことを示すと思われるタイプを示します。Firefox 22.0を試しましたが、同じ結果が得られました。ただし、W3C仕様によると、MIMEスニッフィングを実装する必要があります。 現時点では、JavaScriptを使用してMIMEタイプを確認する方法がないと言ってもよろしいですか？それとも何か不足していますか？

177 javascript  html  file-upload  mime-types 

スクロールした後、ナビゲーションバーを一番上に固定したいのですが、うまくいきません。理由がわかりません。あなたが助けてくれるなら、これが私のHTMLとCSSコードです： .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: 50px; transition: 1.5s; } .nav-selections:hover{ transition: 1.5s; color: black; } ul { background-color: #B79b58; overflow: auto; } li { list-style-type: none; } <nav style="position: sticky; position: -webkit-sticky;"> <ul align="left"> …

177 html  css  css-position 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> これは私のCSSスクリプトです .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } 細胞background-image全体を伸ばしたい<td>

176 html  css  background 

私は現在、CSSスタイルを適用するHTMLを制御できないプロジェクトに取り組んでいます。そして、要素を区別するのに十分なidとクラスの宣言がないという意味で、HTMLは十分にラベル付けされていません。 だから、私はidまたはclass属性を持たないオブジェクトにスタイルを適用する方法を探しています。 フォーム項目に「名前」または「値」属性がある場合があります。 <input type="submit" value="Go" name="goButton"> name = "goButton"に基づいてスタイルを適用する方法はありますか？「価値」についてはどうですか？ Googleの検索では、「名前」や「値」などの一般的な用語がウェブページに表示されるあらゆる種類のインスタンスを見つけるため、これを見つけるのは難しい種類のことです。 私は答えがノーだと疑っています...しかし、おそらく誰かが巧妙なハックをしていますか？ どんなアドバイスもいただければ幸いです。

176 html  css  css-selectors 

拡張ライブラリがない場合、同じキャンバス要素に複数のレイヤーを含めることはできますか？ それで、トップレイヤーでclearRectを実行しても、ボトムレイヤーは消去されませんか？ ありがとう。

176 html  canvas  layer 

<div>CSSで高さを特定のパーセンテージに設定しようとしていますが、その中のコンテンツと同じサイズのままです。<!DOCTYTPE html>ただし、HTML 5を削除すると機能し、<div>必要に応じてページ全体が使用されます。ページを検証したいのですが、どうすればよいですか？ このCSSは<div>にあり、IDはpage次のとおりです。 #page { padding: 10px; background-color: white; height: 90% !important; }

176 html  css  height 

ページにブロック要素のコレクションがあります。CSSルールの空白、オーバーフロー、テキストオーバーフローがすべて設定されているため、オーバーフローしたテキストは削除され、省略記号が使用されます。 ただし、すべての要素がオーバーフローするわけではありません。 とにかく、どの要素がオーバーフローしているかを検出するためにJavaScriptを使用できますか？ ありがとう。 追加：使用しているHTML構造の例。 <td><span>Normal text</span></td> <td><span>Long text that will be trimmed text</span></td> SPAN要素は常にセルに収まり、省略記号ルールが適用されます。省略記号がSPANのテキストコンテンツにいつ適用されるかを検出したいと思います。

176 javascript  html  css  ellipsis 

これは簡単なはずですが、検索キーワードを見つけるのに苦労しています。 私がこれを持っているとしましょう： <div class="a c">Foo</div> <div class="b c">Bar</div> CSSでは、「（。aまたは.b）および.c」に一致するセレクターをどのように作成できますか？ 私はこれができると知っています： .a.c,.b.c { /* CSS stuff */ } しかし、私がこの種のロジックをさまざまな論理的な組み合わせで何度も実行する必要があると仮定すると、より良い構文はありますか？

176 html  css  css-selectors 

XML-RPCバックエンドと通信するJavascriptコードがあります。XML-RPCは次の形式の文字列を返します。 <img src='myimage.jpg'> ただし、JavaScriptを使用してHTMLに文字列を挿入すると、文字どおりにレンダリングされます。画像は表示されません。文字列は文字通り表示されます。 <img src='myimage.jpg'> 私の推測では、HTMLはXML-RPCチャネルを介してエスケープされています。 Javascriptで文字列のエスケープを解除するにはどうすればよいですか？私はこのページのテクニックを試しましたが失敗しました：http : //paulschreiber.com/blog/2008/09/20/javascript-how-to-unescape-html-entities/ 問題を診断する他の方法は何ですか？

176 javascript  html  escaping  xml-rpc 

トレースを残さずにブラウザー（CORSではなく同じドメイン上）の複数のタブまたはウィンドウ間で通信する方法を探していました。いくつかの解決策がありました： ウィンドウオブジェクトの使用 postMessage クッキー ローカルストレージ 1つ目はおそらく最悪のソリューションです。現在のウィンドウからウィンドウを開く必要があり、ウィンドウを開いたままにしておく限り通信できます。いずれかのウィンドウでページをリロードすると、おそらく通信が失われます。 postMessageを使用する2番目のアプローチは、おそらくクロスオリジン通信を可能にしますが、最初のアプローチと同じ問題が発生します。ウィンドウオブジェクトを維持する必要があります。 3番目の方法では、Cookieを使用して、一部のデータをブラウザーに保存します。これは、実質的に同じドメインのすべてのウィンドウにメッセージを送信するように見えますが、問題は、すべてのタブが「メッセージ」を以前に読んだかどうかを確認できないことです。清掃。Cookieを定期的に読み取るには、なんらかのタイムアウトを実装する必要があります。さらに、Cookieの最大長（4KB）によって制限されます。 localStorageを使用する4番目のソリューションは、Cookieの制限を克服するようであり、イベントを使用してリッスンすることもできます。利用方法は、回答欄に記載されています。 2018年の編集：承認された回答は引き続き機能しますが、BroadcastChannelを使用するための最新のブラウザーの新しいソリューションがあります。BroadcastChannelを使用してタブ間でメッセージを簡単に送信する方法を説明する簡単な例については、他の回答を参照してください。

176 javascript  html  browser  broadcast-channel 

SWFファイルをHTMLページに埋め込むにはどうすればよいですか？

175 html  embed  flash