プログラミング css

9

div#thing { position: absolute; top: 0px; z-index: 2; margin: 0 auto; } <div id="thing"> <p>text text text with no fixed size, variable font</p> </div> divは一番上にありますが、<center>またはで中央揃えすることはできませんmargin: 0 auto。

93 html css xhtml

8

なぜマージンを自動調整しないのですか？

<html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> divそれが必要として100％に拡大するが、画像自体を中央にしません。どうして？

93 html css

6

iOSは角を丸め、入力にグレアをかける

iOSデバイスは、フォーム入力、特にinput [type = submit]に多くの迷惑なスタイルを追加します。以下に示すのは、デスクトップブラウザーとiPadでの同じ単純な検索フォームです。デスクトップ： iPad： input [type = text]はCSSボックスシャドウインセットを使用しており、-webkit-border-radius：none;も指定しています。これは明らかに上書きされます。入力[type = submit]ボタンの色と形がiPadで完全に粗雑になっています。誰かがこれを修正するために何ができるか知っていますか？前もって感謝します。

93 css ios forms

10

jqueryで第1レベルの要素のみを選択する

<ul>このようなリストから親のみのリンク要素を選択するにはどうすればよいですか？ <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> だからCSS ul li aではありませんがul li ul li a ありがとう

93 jquery html css css-selectors

2

LESSには「拡張」機能がありますか？

SASSには、@extendセレクターが別のセレクターのプロパティを継承できるという機能がありますが、（ミックスインのように）プロパティはコピーされません。 LESSにもこの機能がありますか？

93 css sass less extend

12

Twitterのブートストラップサブメニューを左側に開く方法は？

ドロップダウンメニューでTwitterブートストラップサブメニューを作成しようとしましたが、問題があります。ページの右上隅にドロップダウンメニューがあり、そのメニューにはもう1つのサブメニューがあります。ただし、サブメニューが開いたとき-ウィンドウに収まらず、右に移動しすぎるため、ユーザーは最初の文字しか表示できません。そのサブメニューを右ではなく左に開く方法は？

93 javascript jquery css twitter-bootstrap

6

jQueryを使用して要素のCSS属性を設定解除するにはどうすればよいですか？

特定の要素にCSS値を設定した場合： $('#element').css('background-color', '#ccc'); その要素固有の値を設定解除し、カスケードされた値を使用できるようにしたい： $('#element').css('background-color', null); しかし、その構文は機能していないようです–これは別の構文を使用して可能ですか？編集：値は親要素から継承されません。元の値は要素レベルのセレクターから取得されます。混乱してすみません！

93 jquery css

13

複数のCSS / JSファイルを組み合わせて縮小する

CSSファイルとJSファイルを統合して圧縮することにより、サイトのパフォーマンスを最適化しようとしています。私の質問は、私が直面している実際の状況（ただし、他の開発者の間でも典型的であるはずです）を前提として、これを達成するための（具体的な）ステップについての詳細です。私のページは、次のようないくつかのCSSおよびJSファイルを参照しています。  <link type="text/css" rel="stylesheet" href="/css/main.css" /> <link type="text/css" rel="stylesheet" href="/css/secondary-1.css" /> <link type="text/css" rel="stylesheet" href="/css/secondary-2.css" /> <script type="text/javascript" src="/scripts/js/main.js"></script> <script type="text/javascript" src="/scripts/js/adapter/adapter.js"></script> <script type="text/javascript" src="/scripts/js/adapter/title-adapter.js"></script> 本番リリースでは、3つのCSSファイルを1つにまとめ、たとえばYUI Compressorを使用してそれを縮小します。しかし、その後、新しく縮小されたCSSを参照するために、これらの3つのファイルを必要とするすべてのページを更新する必要があります。これはエラーが発生しやすいようです（たとえば、多くのファイルでいくつかの行を削除して追加しています）。他にリスクの少ないアプローチはありますか？JSファイルと同じ問題。

93 javascript css optimization yui-compressor http-compression

9

より高い解像度の画面をシミュレートするにはどうすればよいですか？[閉まっている]

現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。ブラウザが画面よりも高い解像度でWebサイトをテストする方法はありますか？例：1440 x 900の画面があり、1920 x 1200、1920 x 1080などでWebサイトをテストしたい。

93 html css resolution

5

（ビューポートだけでなく）ページ全体のオーバーレイを作成しますか？

だから私はかなり一般的だと思う問題を抱えていますが、まだ良い解決策を見つけていません。ページ全体を覆うオーバーレイdivを作成したい...ビューポートだけでなく。なぜこれが難しいのかわかりません... body、htmlの高さなどを100％に設定してみましたが、うまくいきません。ここに私がこれまでに持っているものがあります： <html> <head> <style type="text/css"> .OverLay { position: absolute; z-index: 3; opacity: 0.5; filter: alpha(opacity = 50); top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: Black; color: White;} body { height: 100%; } html { height: 100%; } </style> </head> <body> <div style="height: 100%; …

93 html css

9

Chart.js折れ線グラフのラベル数を制限する

取得したデータからチャート上のすべてのポイントを表示したいのですが、それらのすべてのラベルを表示したくありません。チャートが読みにくいためです。ドキュメントで探していましたが、これを制限するパラメータが見つかりませんでした。たとえば、グラフも3つのポイントに制限されているため、ラベルを3つだけ取りたくありません。出来ますか？私は今そのようなものを持っています： 3/4のレーベルを残すだけでいいのであれば、それは素晴らしいことです。しかし、ラベルオプションについてはまったく何も見つかりませんでした。

93 javascript css canvas charts chart.js

8

CSSの疑似クラスと疑似要素の違いは何ですか？

a:linkまたはのようなものdiv::after... 違いに関する情報は乏しいようです。

93 css css-selectors pseudo-class pseudo-element

4

定義された幅/高さのdivのコンテンツの中央に垂直に配置する方法は？

定義された幅/高さでコンテンツを垂直方向に中央揃えする正しい方法は何でしょうかdiv。この例では、高さが異なる2つのコンテンツがあり、クラスを使用して両方を垂直方向に中央揃えする最良の方法は何ですか.content。（そしてそれはすべてのブラウザで動作し、の解決策はありませんtable-cell）心にいくつかのソリューションを持っていますが、1が使用され、他のアイデアを知っていただきたいと思いますposition:absolute; top:0; bottom: 0;とmargin auto。

93 html css vertical-alignment

10

無効な入力テキストの色

以下の単純なHTMLは、FirefoxとWebKitベースのブラウザーでは異なって表示されます（私はSafari、Chrome、iPhoneでチェックインしました）。 Firefoxでは境界線とテキストの両方が同じ色（#880000）ですが、Safariではテキストが少し明るくなります（透明度が適用されているかのように）。どういうわけかこれを修正できますか（Safariでこの透明度を削除します）？ <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; } </style> </head> <body> <form action=""> <input type="text" value="disabled input box" disabled="disabled"/> </form> </body> </html>

93 iphone html css safari webkit

13

HTML5ビデオポスターをビデオ自体と同じサイズにする

ビデオ自体の正確なサイズに合うようにHTML5ビデオポスターのサイズを変更する方法を知っている人はいますか？ここに問題を示すjsfiddleがあります：http ://jsfiddle.net/zPacg/7/ これがそのコードです： HTML： <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video> CSS： video{ border:1px solid red; } オレンジの長方形は、ビデオの赤い枠に合わせて拡大縮小されていないことに注意してください。また、以下のCSSを追加するだけでは、ポスターとともにビデオのサイズが変更されるため、機能しません。 video[poster]{ height:100%; width:100%; }

93 css html attributes html5-video

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

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