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

CSS(Cascading Style Sheets)は、HTML(HyperText Markup Language)、XML(Extensible Markup Language)ドキュメント、および色、レイアウト、フォントを含む(これらに限定されない)SVG要素の外観とフォーマットを記述するために使用される表現スタイルシート言語です。とアニメーション。また、画面、紙、音声、またはその他のメディアで要素をレンダリングする方法についても説明します。

12
横スクロールを無効にする[終了]
閉まっている。この質問にはデバッグの詳細が必要です。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 昨年休業。 この質問を改善する どういうわけか、私のウェブページは左から右にスクロールし、醜いスペースがたくさん表示されます。 私は結果で検索しましたが、彼らはただ、スクロールバーが作らHIDDEN それが今私が欲しいものです。水平スクロール機能を物理的に無効にします。ユーザーが自分のページを上下にスクロールできるようにしたくありません。 私は試しました:overflow-x:hidden私のhtmlタグのCSSで、それはスクロールバーを非表示にするだけで、スクロールを無効にしませんでした。 私を助けてください! ここにページへのリンクがあります:http : //www.green-panda.com/usd309bands/(リンク切れ) これはあなたが私が話していることのより良い考えをあなたに与えるかもしれません: これは、最初のページが読み込まれるときです。 そして、これは私が右にスクロールした後です:
180 html  css 

13
CSSを使用してフォームフィールドを無効にするにはどうすればよいですか?
CSSを使用してフォームフィールドを無効にすることはできますか?もちろん無効な属性について知っていますが、CSSルールでこれを指定することはできますか?何かのようなもの - <input type="text" name="username" value="admin" > <style type="text/css"> input[name=username] { disabled: true; /* Does not work */ } </style> 私が尋ねている理由は、フォームフィールドが自動生成され、いくつかのルール(JavaScriptで実行される)に基づいてフィールドが非表示/表示されるアプリケーションがあるためです。次に、フィールドの無効化/有効化をサポートするように拡張したいのですが、フォームフィールドのスタイルプロパティを直接操作するためのルールの記述方法です。そこで、ルールエンジンを拡張して、属性とフォームフィールドのスタイルを変更する必要があり、どういうわけかそれは理想的ではないようです。 CSSに可視と表示のプロパティがあるが、有効化/無効化していないことは非常に奇妙です。まだ機能していないHTML5標準、または非標準(ブラウザー固有)のようなものはありますか?
180 html  css 

10
印刷スタイルシートを開発およびテストするためのより速い方法(毎回の印刷プレビューを避ける)?
これは今私のプロセスです: 変更をprint.cssに保存します ブラウザを開いてページを更新します。 右クリックして[印刷]> [印刷プレビュー]を選択します(Firefoxですが、実際にはすべてのブラウザ)。 バグがあるのはステップ3で、プラグインなどを使用してプロセスから切り離すことができるかどうか疑問に思っています。ページを印刷メディアとして表示することを選択し、更新して変更を確認します。 印刷スタイルシートをどのようにテストしますか?更新後、常に印刷プレビューをクリックしますか?
179 css  firefox 

19
ホバー付きのブートストラップドロップダウン
わかりましたので、私が必要とするものはかなり簡単です。 (を使用してclass="dropdown-toggle" data-toggle="dropdown")いくつかのドロップダウンメニューを含むナビゲーションバーを設定しましたが、正常に動作します。 実は「onClick」は機能しますが、「」が機能すればいいのonHoverですが。 これを行う組み込みの方法はありますか?

11
メインスクロールバーを常に表示する
ユーザーがWebページにアクセスしたとき(ページにスクロールバーのアクティブ化をトリガーするのに十分なコンテンツがない場合)、ブラウザーの垂直スクロールバーを表示したままにするには、どのCSSが必要ですか?
179 html  css  xhtml 

10
背景画像と色を一緒に使用できないのはなぜですか?
私がやろうとしているのは、background-colorとの両方を表示することですbackground-image。これにより、私の半分がdiv右側の影の背景画像を覆い、残りの左側が背景色を覆います。 しかし、を使用するbackground-imageと、色が消えます。
179 css 

13
DIVをラップしないようにする方法は?
他の複数のDIVを含むコンテナーDIVスタイルを作成する必要があります。ブラウザウィンドウの幅が狭くなるようにサイズ変更された場合、これらのDIVは折り返さないように求められます。 以下のようにしてみました。 <style> .container { min-width: 3000px; overflow: hidden; } .slide { float: left; } </style> <div class="container"> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> <div class="slide">something</div> </div> これはほとんどの場合に機能します。ただし、一部の特殊なケースでは、レンダリングが正しくありません。コンテナーDIVがIE7のRTLで幅3000pxに変更されているのを見つけました。そして、それは乱雑になります。 コンテナーDIVをラップしないようにする他の方法はありますか?
179 html  css  word-wrap  nowrap 

7
CSSグリッドの中央揃え
CSSグリッドでシンプルなページを作成しようとしています。 私が失敗しているのは、HTMLのテキストをそれぞれのグリッドセルの中央に配置することです。 およびセレクターのdiv内側と外側の両方に別々のにコンテンツを配置して、CSSプロパティのいくつかを試してみましたが、役に立ちませんでした。left_bgright_bg どうすればよいですか? html, body { margin: 0; padding: 0; } .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 100vh; grid-gap: 0px 0px; } .left_bg { display: subgrid; background-color: #3498db; grid-column: 1 / 1; grid-row: 1 / 1; z-index: 0; } .right_bg { display: subgrid; background-color: #ecf0f1; grid-column: 2 …
179 html  css  centering  css-grid 

11
CSS Media QueryのIE8サポート
IE8は次のCSSメディアクエリをサポートしていません。 @import url("desktop.css") screen and (min-width: 768px); そうでない場合、別の書き方は何ですか?Firefoxでも同じように機能します。 以下のコードに問題がありますか? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);


9
CSSチェックボックスの入力スタイル
のスタイルinputはすべての入力要素に影響します。各チェックボックス要素にクラスを適用せずに、チェックボックスのみに適用するスタイルを指定する方法はありますか?
178 css 

25
クロスブラウザの複数行のテキストがオーバーフローし、固定の幅と高さに省略記号が追加されます
わかりやすくするために、この質問の画像を作成しました。 <div>固定の幅と複数の線で省略記号を作成することは可能ですか? いくつかのjQueryプラグインをあちこち試してみましたが、探しているプラ​​グインが見つかりません。何かお勧めですか?アイデア?
178 javascript  jquery  html  css 

19
CSS:<div>要素内の中央要素
HTML要素を中央に配置するには、CSSを使用できますleft: 50%;。ただし、これにより、ウィンドウ全体に対して要素が中央に配置されます。 要素の子である&lt;div&gt;要素があり&lt;div&gt;、ウィンドウ全体ではなく、この親を基準にして子を中央に配置したい。 コンテナー&lt;div&gt;にすべてのコンテンツを中央に配置するのではなく、特定の1つの子だけを配置します。
178 css 

14
テーブルの行と列の間の不要なスペースを削除するにはどうすればよいですか?
テーブルの行と列の間の余分なスペースを削除するにはどうすればよいですか。 テーブルとtrおよびtdのマージン、パディング、およびさまざまな境界線プロパティを変更してみました。 すべての画像を1つの大きな画像のように並べて配置したい。 どうすれば修正できますか? CSS table { border-collapse: collapse; } HTML &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt; &lt;head&gt; &lt;title&gt;Tera Byte Video Game Creation Camp&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;&lt;/link&gt; &lt;/head&gt; &lt;body&gt; &lt;table class="mytable" align="center"&gt; &lt;tr class="header"&gt; &lt;td colspan="3"&gt;&lt;img src="images/home_01.png" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr …
177 html  css  html-table 

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.