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

HTMLフォームでウィザードを作成するとします。1つのボタンは戻る、もう1つは進む。を押すと、マークアップの最初に戻るボタンが表示されるので、Enterそのボタンを使用してフォームを送信します。 例： <form> <!-- Put your cursor in this field and press Enter --> <input type="text" name="field1" /> <!-- This is the button that will submit --> <input type="submit" name="prev" value="Previous Page" /> <!-- But this is the button that I WANT to submit --> <input type="submit" name="next" value="Next Page" …

263 html  forms  form-submit  submit-button 

のサブパラグラフに分割されたテキストの大きなパラグラフがあります<br>。 <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> 2つの<br>'s'やそのようなものがあるように、これらのサブパラグラフ間のギャップを広げたいです。これを行う正しい方法はを使用すること<p></p>ですが、現時点ではこのレイアウトを変更できないため、CSSのみのソリューションを探しています。 私は設定を試してみた<br>のline-heightとheightでdisplay: block、私はまた、簡単にGoogleで検索し、スタックオーバーフロー-編が、任意の解決策を見つけることができませんでした。これはレイアウトを変更せずに可能ですか？

263 html  css 

脱出する推奨方法はあります<、>、"および&プレーンなJavaコードでHTMLを出力する際に、文字？（手動で以下を実行することを除いて、つまり）。 String source = "The less than sign (<) and ampersand (&) must be escaped before using them in HTML"; String escaped = source.replace("<", "<").replace("&", "&"); // ...

262 java  html  escaping 

:before別の画像の上に画像を配置するためにセレクターを使用しようとしていますが、img要素の前に画像を配置するだけでは機能せず、他のいくつかの要素しか見つかりません。具体的には、私のスタイルは次のとおりです。 .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: -20px; } そして、これはうまくいくことがわかります： <a href="[url]" class="container"> <span class="overlay"/> <img width="200" src="[url]"/> </a> しかし、これはしません： <a href="[url]" class="container"> <img width="200" src="[url]" class="overlay"/> </a> その代わりにdivまたはp要素を使用することができspan、ブラウザーは私の画像をimg要素内の画像の上に正しくオーバーレイしますが、オーバーレイクラスをimgそれ自体に適用すると機能しません。 余分にspan気分を害するので、これを機能させたいのですが、さらに重要なのは、変更したい約100のブログ投稿があり、スタイルシートを変更することができれば、これを一度に実行できることです。しかし、前に戻っspanてa、img要素と要素の間に余分な要素を追加する必要がある場合、これはより多くの作業になります。

262 html  css 

stackoverflowでは、ユーザーの評判にカーソルを合わせると、テキストが表示されます。私は多くの場所でこれを見てきましたが、ソースコードはそれがjsなしで実行できることを教えてくれます。そして私はこれだけを試してみました- <div="text">hover me</div>

262 html  hover 

ボタンがクリックされたときにアイテムを削除できるようにする関数を記述しようとしていますが、関数と混同していると思います$digest。使用しますか？ HTMLとapp.js： <ul ng-repeat="bday in bdays"> <li> <span ng-hide="editing" ng-click="editing = true">{{bday.name}} | {{bday.date}}</span> <form ng-show="editing" ng-submit="editing = false"> <label>Name:</label> <input type="text" ng-model="bday.name" placeholder="Name" ng-required/> <label>Date:</label> <input type="date" ng-model="bday.date" placeholder="Date" ng-required/> <br/> <button class="btn" type="submit">Save</button> <a class="btn" ng-click="remove()">Delete</a> </form> </li> </ul> $scope.remove = function(){ $scope.newBirthday = $scope.$digest(); };

261 html  angularjs  edit 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 2年前休業。 この質問を改善する 私のプロジェクトでは、Googleのキャッシュエージを重要な情報として追加する必要があります。Googleのキャッシュエイジ、つまり、Googleがリストされたページのインデックスを最後に再作成してからの日数をソースで検索してみました。 Googleのキャッシュエージはどこで取得できますか？

261 html  url  hyperlink  web-scraping 

<input type="file">プログラムでタグに対してクリックイベントを発生させたいのですが。 click（）を呼び出しただけでは何も実行されないか、少なくともファイル選択ダイアログがポップアップされません。 私はリスナーを使用してイベントをキャプチャし、イベントをリダイレクトする実験をしてきましたが、誰かがクリックしたように実際にイベントを実行することはできませんでした。

261 javascript  html 

多くの行を含むHTMLテーブルを印刷する必要があるプロジェクトがあります。 私の問題は、表が複数ページにわたって印刷される方法です。場合によっては、行が半分にカットされ、半分がページの端にあり、残りが次のページの上部に印刷されるため、読み取れなくなります。 私が考えることができる唯一のもっともらしい解決策は、テーブルの代わりにスタックDIVを使用し、必要に応じて改ページを強制することです。しかし、全体の変更を行う前に、前にここで質問できると思いました。

261 html  css  printing  html-table 

存在しないCSSクラスを介してjQueryで列全体を表示/非表示にするテーブルがあります。 <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> このDOMを使用すると、jQueryを介して1行でこれを行うことができます。 $('.target').css('display','none'); これは完全に機能しますが、定義されていないCSSクラスを使用することは有効ですか？空のクラスを作成する必要がありますか？ <style>.target{}</style> 副作用はありますか、これを行うより良い方法はありますか？

260 html  css  w3c-validation  web-standards 

バナーとiframeを使用してWebページをデザインしたい。iframeが残りのすべてのページの高さを埋め、ブラウザのサイズが変更されると自動的にサイズ変更されることを願っています。CSSでのみ、JavaScriptコードを記述せずにそれを実行することは可能ですか？ 私はheight:100%iframeに設定してみましたが、結果はかなり近いですが、iframe 30pxはバナーdiv要素の高さを含むページ全体の高さを埋めようとしたため、不必要な垂直スクロールバーが表示されました。それは完璧ではありません。 更新メモ：質問をうまく説明できなかったので失礼します。CSVマージンを試し、DIVでパディング属性を使用して、Webページの再配置高さ全体を正常に占有しましたが、iframeではうまくいきませんでした。 <body> <div style="width:100%; height:30px; background-color:#cccccc;">Banner</div> <iframe src="http: //www.google.com.tw" style="width:100%; height:100%;"></iframe> </body> コードスニペットを実行する結果を非表示スニペットを展開 どんなアイデアでも大歓迎です。

260 html  css  iframe 

からすべてのインデントを削除したいul。私は、設定しようとしたmargin、padding、text-indentに0、しかし無駄。text-indent負の数に設定するとうまくいくようですが、それがインデントを削除する唯一の方法ですか？

260 html  css 

箇条書きの箇条書きまたは10進数がすべて上位のテキストブロックと揃っている「内部」リストが欲しいのですが。リストエントリの2行目は、1行目と同じインデントにする必要があります。 例えば： Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, 1. Text 2. Text 3. longer Text, longer Text, longer Text, longer Text, longer Text, longer Text …

260 html  css  html-lists 

フレックスボックスを使用して、ページに合わせて動的にサイズ変更される8つのアイテムを表示しています。アイテムを強制的に2行に分割するにはどうすればよいですか？（1行に4つ）？ 以下は関連する抜粋です。 （または、jsfiddleを使用する場合-http : //jsfiddle.net/vivmaha/oq6prk1p/2/ ） .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: flex; font-size: 0; flex-wrap: wrap; margin: -10px 0 0 -10px; } .child { display: inline-block; background: blue; margin: 10px 0 0 10px; flex-grow: 1; height: 100px; } <body> <div class="parent-wrapper"> …

260 html  css  flexbox 

Twitter Bootstrapでフォームを作成していますが、フォームの入力の下にボタンを中央に配置することに問題があります。私はすでにcenter-blockボタンにクラスを適用しようとしましたが、それはうまくいきませんでした。どうすれば修正できますか？ これが私のコードです。 <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>

259 html  css  twitter-bootstrap  button