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

アイテムの大きなコレクションを取得し、それらをCocoaのWebViewのHTMLにポップするソフトウェアのプラグインを作成しています（WebKitをレンダラーとして使用しているため、基本的にこのHTMLファイルがサファリ）。 それが作成するDIVは動的な高さですが、あまり変化しません。通常は約200pxです。とにかく、ドキュメントごとにこれらのアイテムが約600あり、印刷するのに非常に時間がかかっています。運がよければ、各ページの下と上に半分に切り刻まれたエントリーがあり、実際にプリントアウトを使用するのは非常に困難です。 page-break-before、page-break-after、page-break-inside、およびこれら3つの組み合わせを試してみましたが、役に立たなかった。WebKitが命令を適切にレンダリングしていないか、それとも使い方の理解が足りないのかもしれません。とにかく、私は助けが必要です。印刷時にDIVの半分をカットしないようにするにはどうすればよいですか？

199 css  cocoa  printing  page-break 

2つのinline-block divの高さが異なる場合、2つのの短い方がコンテナの上部に揃わないのはなぜですか？（デモ）： .container { border: 1px black solid; width: 320px; height: 120px; } .small { display: inline-block; width: 40%; height: 30%; border: 1px black solid; background: aliceblue; } .big { display: inline-block; border: 1px black solid; width: 40%; height: 50%; background: beige; } <div class="container"> <div class="small"></div> <div class="big"></div> </div> …

199 css 

私はあなたが書くことができることを知っています... background-color: #ff0000; ...あなたが赤い何かが欲しいなら。 そして、あなたは書くことができます... background-color: rgba(255, 0, 0, 0.5); ...何か赤く半透明にしたい場合。 部分的に透明な色を16進数で書く簡単な方法はありますか？私は次のようなものが欲しい： background-color: #ff000088; <--- the 88 is the alpha ...または... background-color: #ff0000 50%; すべての色を16進数で取得しているため、すべての色を10進数の0〜255のスケールに変換するのは面倒です。

199 css  colors  rgba 

iPhoneで表示したときに電話番号からデフォルトの青いハイパーリンクの色を削除する方法はありますか？追加する特定のMobile SafariタグまたはCSSが好きですか？ 私は数のためにこれを適切に持っています： <p id="phone-text">Call us on <strong>+44 (0)20 7194 8000</strong></p> ハイパーリンクはありませんが、iPhoneはこのテキスト番号をハイパーリンクとしてレンダリングします。一部のウェブサイトでこのレンダリングの問題が発生していますが、これが発生している理由がわかりません。 私はこの記事を読みました： モバイルHTMLレンダリング数 しかし、それが可能な唯一の解決策ですか？

198 html  ios  css  mobile-safari 

ライトボックスを使用している間、親のhtml / bodyスクロールバーを無効にしようとしています。ここでの主な言葉はdisableです。で隠したくないoverflow: hidden;。 これはoverflow: hidden、サイトがジャンプして、スクロールがあった領域を占めるためです。 スクロールバーを表示したままスクロールバーを無効にできるかどうか知りたい。

198 javascript  jquery  html  css 

私はこれを試しました：http : //jsfiddle.net/ilyaD/KGcC3/ HTML： <select name="state" class="ddList"> <option value="">(please select a state)</option> <option class="lt" value="--">none</option> <option class="lt" value="AL">Alabama</option> <option class="lt" value="AK">Alaska</option> <option class="lt" value="AZ">Arizona</option> <option class="lt" value="AR">Arkansas</option> <option class="lt" value="CA">California</option> <option class="lt" value="CO">Colorado</option> </select> CSS： select { width: 400px; text-align: center; } select .lt { text-align: center; } ご覧のとおり、機能しません。選択ボックス内のテキストを中央揃えにするCSS専用の方法はありますか？

198 css 

IE9ベータ版をインストールしたばかりで、作成した特定のサイト（HTML5）で、手動で指示しない限り、IE9は互換モードにジャンプします。ウェブサイトのいくつかの部分を削除しようとしましたが、変更はありませんでした。すべてのCSSインクルードの削除を含みます。私の他のいくつかのウェブサイトではそれはうまくいきます。 また、IE9がユーザー設定を記憶し、自動に戻すことができないため、手動で設定しないでください（または、プライベートブラウジングやキャッシュを空にすることによっても、方法を見つけることができませんでした）。 とにかく。互換モードにジャンプするサイト：http : //alliancesatwar.com/guide/ 正しく表示されるサイト：http : //geuze.name/basement/（複数のハイパーリンクを投稿することはできません） どちらも同じものdoctypeを使用します。これらのサイトには、同じ基本テンプレート（エンコーディング、メタタグ、Doctype、および同じJavaScript）を使用して多くの共通点があります（外観は別として） 誰かが私に答えてくれるといいですね！IE7モードでレンダリングするHTML5 Webサイトはかなり...不十分です。

197 html  css  internet-explorer-9  compatibility-mode 

HTMLボタンの幅を固定すると、ボタン内のテキストが折り返されないことに気づきました。私はワードラップでそれを試しましたが、ラップできるスペースがあってもそれは単語のカットです。 他のテーブルセルのように固定幅でHTMLボタンのテキストをラップするにはどうすればよいですか？ <td class="category_column"> <input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;" /> </td> コードスニペットを実行する結果を非表示スニペットを展開 CSSクラスは、境界線を追加してパディングを変更するだけです。word-wrap:break-wordこのボタンに追加すると、次のようにラップされます。 Roos Sturingen / Sen sors そして、単語の途中で切り取れるのであれば、途中で切り取ってほしくない。

197 html  css  button  word-wrap 

16進数の色があります（例：（#F4F8FBまたはrgb(244, 248, 251)））、可能な限り透明な rgba色に変換したい（白で表示した場合）。理にかなっていますか？私はアルゴリズムを探しています。少なくとも、アルゴリズムのアイデアを探しています。 例えば： rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 ) rgb( 152, 177, 202 ) --> rgba( 50, 100, 150, .5 ) // can be better(lower alpha) アイデア？ Guffaの回答に基づくFYIソリューション： function RGBtoRGBA(r, g, b){ if((g == null) && (typeof r === 'string')){ var hex …

196 javascript  colors  css  rgba 

まあ、これはかなり簡単です。Chromeのデベロッパーツールでスタイルがオーバーライドされていることが示されている場合、どのCSSルールがそれをオーバーライドしているかを確認するにはどうすればよいですか？ 「これを上書きするものを見せて」のようなものがあるかどうか知りたい。 OBS： 私をFirebugに向けないでください。

196 css  google-chrome  developer-tools  inspector 

次のようなHTMLスニペットがあるとします。 <div style="width:300px;"> <label for="MyInput">label text</label> <input type="text" id="MyInput" /> </div> これは私の正確なコードではありませんが、重要なことは、固定幅のコンテナー内の同じ行にラベルとテキスト入力があることです。ラッピングせず、ラベルのサイズを知らなくても、コンテナーの残りの幅を満たすように入力をスタイル設定するにはどうすればよいですか？

196 html  css 

の反対visibility: hiddenですvisibility: visible。同様に、反対はありますdisplay: noneか？ プロパティdisplay: noneを使用するほど明確ではないため、要素がある場合に要素を表示する方法を理解することに多くの人々が混乱しvisibilityます。 のvisibility: hidden代わりに使用するdisplay: noneこともできますが、同じ効果が得られないため、使用しません。

196 css 

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 6年前休業。 この質問を改善する メールニュースレターのHTMLテンプレートをデザインしています。多くのメールクライアントはリンクされたスタイルシートを無視し、他の多く（Gmailを含む）はCSSブロック宣言を完全に無視することを学びました。インラインスタイル属性は私の唯一の選択肢ですか？HTMLメールのスタイルを設定するためのベストプラクティスは何ですか？

195 html  css  html-email 

JavaScriptを使用して要素のCSSプロパティを削除することは可能ですか？たとえばdiv.style.zoom = 1.2、JavaScriptを使用してズームプロパティを削除したいですか？

195 javascript  css 

私はウェブサイト（g-floors.eu）を持っていて、背景（cssではコンテンツのbg-imageを定義しました）も反応させたいです。残念ながら、私が考えることができる1つのことを除いて、これを行う方法についてはまったくわかりませんが、これはかなりの回避策です。複数の画像を作成し、CSS画面サイズを使用して画像を変更しますが、これを実現するためのより実用的な方法があるかどうか知りたいです。 基本的に私が達成したいのは、画像（ウォーターマーク 'G'付き）が自動的にサイズ変更され、表示される画像が少なくなることです。もちろん可能なら リンク：g-floors.eu これまでに持っているコード（コンテンツ部分） #content { background-image: url('../images/bg.png'); background-repeat: no-repeat; position: relative; width: 85%; height: 610px; margin-left: auto; margin-right: auto; }

195 css  responsive-design  background-image  image-resizing