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

左divと右の2列のレイアウトがありますdiv。 右側divには灰色background-colorがあり、ユーザーのブラウザウィンドウの高さに応じて垂直方向に拡大する必要があります。現在、background-colorその最後のコンテンツで終了していdivます。 私が試したheight:100%、min-height:100%;など、

2140 html  css  height 

私は次のようなレイアウトを持っています： <div> <table> </table> </div> divなるべく広い範囲に拡大していきたいtableです。

2071 html  css  width 

他の回答も確認してみましたが、特にW3schoolsのHTML 5リファレンスを確認した後も混乱しています。 HTML 4.01は単一タグがそのまま<img>であることを「許可」するはずだと思っていました<br>。次に、XHTMLが<img />and と共に登場しました<br />（誰かが古いブラウザ用のスペースがあると言ったところ）。 HTML 5を練習するときにコードをどのようにフォーマットすればよいのでしょうか。 それですか<br>、<br/>それとも<br />？

2033 html 

idHTML要素の属性を作成する場合、値にはどのような規則がありますか？

2015 html  id 

なぜvertical-align: middle動作しないのですか？そして、まだ、vertical-align: top ない仕事を。 span{ vertical-align: middle; } <div> <img src="http://lorempixel.com/30/30/" alt="small img" /> <span>Doesn't work.</span> </div> コードスニペットを実行する結果を非表示スニペットを展開

1967 html  css  alignment  vertical-alignment 

コンテンツを画面全体の高さいっぱいにしたいWebアプリケーションに取り組んでいます。 このページには、ロゴを含むヘッダーとアカウント情報があります。これは任意の高さになる可能性があります。content divでページの残りの部分を一番下まで埋めてほしい。 ヘッダーdivとコンテンツがありdivます。現時点では、次のようなレイアウトにテーブルを使用しています。 CSSとHTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: auto; /* or overflow: hidden; */ } <table id="page"> <tr> <td id="tdheader"> <div id="header">...</div> </td> </tr> <tr> <td id="tdcontent"> <div id="content">...</div> </td> </tr> </table> コードスニペットを実行する結果を非表示スニペットを展開 ページの高さ全体が埋められ、スクロールは必要ありません。 content divの内部では、設定top: 0;によりヘッダーのすぐ下に配置されます。コンテンツは、高さが100％に設定された実際のテーブルになる場合があります。header内部contentに置くと、これは機能しません。 を使用せずに同じ効果を達成する方法はありtableますか？ …

1910 html  css  html-table 

OverаэтотвопросестьответынаStack Overflowнарусском：КаксоздатьHTML-кнопку、котораябудетвесвесвесисебя、как リンクのように機能するHTMLボタンを作成したいと思います。したがって、ボタンをクリックすると、ページにリダイレクトされます。できるだけアクセスしやすいようにしたいと思います。 また、URLに余分な文字やパラメータが含まれないようにしたいと考えています。 どうすればこれを達成できますか？ これまでに投稿された回答に基づいて、私は現在これを行っています： <form method="get" action="/page2"> <button type="submit">Continue</button> </form> しかし、これの問題は、SafariとInternet Explorerでは、URLの末尾に疑問符文字が追加されることです。URLの末尾に文字を追加しないソリューションを見つける必要があります。 これを行うには他に2つの解決策があります。JavaScriptを使用するか、リンクをボタンのようにスタイリングします。 JavaScriptの使用： <button onclick="window.location.href='/page2'">Continue</button> ただし、これには明らかにJavaScriptが必要です。そのため、スクリーンリーダーからのアクセスは困難です。リンクのポイントは、別のページに移動することです。したがって、ボタンをリンクのように振る舞うことは、間違った解決策です。私の提案は、リンクを使用して、ボタンのように見えるようにスタイルを設定することです。 <a href="/link/to/page2">Continue</a>

1909 html  button  hyperlink  anchor  htmlbutton 

これは、CSSのマイナーな問題の1つであり、常に悩まされています。Stack Overflowの周りの人々はどのようにして垂直方向に整列checkboxesし、labels一貫してクロスブラウザですか？私はサファリ（通常使用して、それらを正しく合わせるたびvertical-align: baselineにinput）、彼らは完全にオフにFirefoxとIEでいます。Firefoxで修正すると、SafariとIEは必ず混乱します。フォームをコーディングするたびに、これに時間を浪費しています。 これが私が使用する標準コードです： <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> コードスニペットを実行する結果を非表示スニペットを展開 私は通常、Eric Meyerのリセットを使用するため、フォーム要素のオーバーライドは比較的クリーンです。あなたが提供しなければならないヒントやトリックを楽しみにしています！

1733 html  css  cross-browser  alignment  forms 

DIV要素を別の要素内に移動したいと思います。たとえば、これを移動したい（すべての子を含む）： <div id="source"> ... </div> これに： <div id="destination"> ... </div> 私がこれを持っているように： <div id="destination"> <div id="source"> ... </div> </div>

1689 javascript  jquery  html 

ほとんどのサイト（SOを含む）を見ると、ほとんどのサイトで以下が使用されます。 <input type="button" /> の代わりに： <button></button> 2つの主な違いは何ですか？ 一方を他方の代わりに使用する正当な理由はありますか？ それらを組み合わせて使用​​する正当な理由はありますか？ を使用する<button>と互換性の問題が発生しますが、あまり使用されていませんか？

1635 html  button  compatibility  html-input 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？ Stack Overflowのトピックとなるように質問を更新します。 3年前休業。 Firefox 3およびIE 7で適切にレンダリングされるHTML（XHTMLではない）ドキュメントがあります。これは、かなり基本的なCSSを使用してスタイルを設定し、HTMLで適切にレンダリングします。 私はそれをPDFに変換する方法を探しています。私が試してみました： DOMPDF：テーブルに大きな問題がありました。私は大きな入れ子になったテーブルを除外しましたが、それは役に立ちました（128Mのメモリを消費する前に死んでしまいました-これはphp.iniでのメモリの制限です）が、テーブルを完全に混乱させ、取得できないようです画像。テーブルは基本的なものであり、さまざまなポイントに線を追加するためのボーダースタイルがいくつかあります。 HTML2PDFとHTML2PS：実際にこれでうまく運んだ。一部の画像（すべての画像はGoogleチャートのURLです）をレンダリングし、テーブルのフォーマットははるかに優れていましたが、まだ理解していない複雑な問題があり、不明なnode_type（）エラーが発生し続けているようです。ここからどこに行くべきかわからない。そして Htmldoc：これは基本的なHTMLでは問題なく動作するようですが、CSSをほとんどサポートしていないため、HTMLですべてを実行する必要があります（Htmldocランドではまだ2001年であることに気づきませんでした...）。 私はHtml2Pdf Pilotと呼ばれるWindowsアプリを試してみましたが、実際にはかなりまともな仕事をしましたが、少なくともLinux上で実行でき、理想的にはWebサーバー上のPHPを介してオンデマンドで実行できるものが必要です。 何が欠けていますか、またはこの問題を解決するにはどうすればよいですか？

1628 php  html  css  pdf  pdf-generation 

ロード時に別のページにリダイレクトする基本的なHTMLページを設定することは可能ですか？

1580 html  redirect  xhtml  meta  html-head 

私は、次のようなHTML要素のXとYの位置を取得する方法を知りたいimgとdiv、ブラウザウィンドウにはJavaScriptに相対。

1570 javascript  html  css  dom  position 

私はうまく機能しているテキスト入力用のプレースホルダーを使用しています。しかし、selectboxにもプレースホルダーを使用したいと思います。もちろん、私はこのコードを使用することができます： <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> ただし、「オプションを選択してください」はライトグレーではなく黒で表示されます。したがって、私のソリューションはCSSベースである可能性があります。jQueryも問題ありません。 これにより、ドロップダウンのオプションがグレーになります（矢印をクリックした後）。 option:first { color: #999; } 問題は、人々はどのようにしてセレクトボックスにプレースホルダーを作成するのかということです。しかし、それはすでに答えられています、乾杯。 これを使用すると、選択された値は常に（実際のオプションを選択した後でも）灰色になります。 select { color: #999; }

1542 html  css  html-select  placeholder 

HTML5 Doctypeの文字セットを定義するには、どの表記法を使用すればよいですか？ ショート： <meta charset="utf-8" /> 長いです： <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

1535 html  meta-tags  doctype