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

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

18
ReCaptcha API v2スタイリング
私はGoogleの新しいrecaptcha(v2)のスタイルを設定する方法を見つけるのにあまり成功していません。最終的な目標はレスポンシブにすることですが、幅などの単純なものでもスタイリングを適用するのが困難です。 彼らのAPIドキュメントには、テーマパラメーター以外のスタイル設定を制御する方法についての詳細は何も記載されていないようで、単純なCSSおよびJavaScriptソリューションではうまくいきませんでした。 基本的に、Googleの新しいバージョンのreCaptchaにCSSを適用できるようにする必要があります。JavaScriptを使用しても問題ありません。


12
HTML / CSS入力type =“ button”に画像アイコンを追加するには?
以下のCSSを使用していますが、ボタンの中央に画像が配置されます。を使用してアイコンを左または右に揃える方法はあります<input type="button">か?これにより、テキストと画像がうまくフィットして整列しますか? background: url('/common/assets/images/icons/16x16/add.png'); background-position:center; background-repeat:no-repeat;
110 html  css 

12
Google Chrome印刷の改ページ
Google Chromeで改ページを実行しようとしています。 Chromeでpage-break-after: always;有効な多数のWebサイトから通知を受けましたが、非常に単純な例でも機能しないようです。クロムで印刷するときに改ページを強制する方法はありますか?

2
JavaScriptライブラリとCSSフォルダー構造を整理するためのベストプラクティス[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する Webアプリケーションでjs&cssフォルダーをどのように整理しますか? 私の現在のプロジェクト構造は次のようなものです: root/ ├── assets/ │ ├── js/ │ │ └──lib/ │ ├── css/ │ └── img/ └── index.html しかし、多くのJavaScriptライブラリとCSSプラグインを使用すると、さらに複雑になります。JavaScriptプラグインには、独自の.jsファイルが付属しており、独自の.cssファイルが付属している場合もあります。 たとえば、JQueryUIプラグインでJQueryを使用する場合、js / libディレクトリ内にjquery.jsとjquery-ui.jsを配置します。ただし、JQueryUIには独自のcssファイルが付属しています。ベストプラクティスのために、JavaScriptプラグインからCSSをどこに配置すればよいですか?私のcssとjavascript cssプラグインを区別するために、それらをlibフォルダー内に配置する必要がありますか?またはどこかに? 個人的な好みであることはわかっていますが、プロジェクトフォルダーの整理方法を知りたいだけです。 前もって感謝します :)

6
一部のフォントサイズがSafari(iPhone)で大きくレンダリングされる
Safari / iPhoneが一部のフォントサイズ設定を無視するCSSまたはその他の理由はありますか?私の特定のWebサイトでは、iPhone上のSafariがfont-size:13pxのテキストをfont-size:15pxのテキストよりも大きくレンダリングします。一部の要素のフォントサイズをサポートしていないのでしょうか?

12
背景画像がページの全長にわたっている場合にページの右側に表示される空白[クローズド]
閉まっている。この質問にはデバッグの詳細が必要です。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する 私たちのウェブページの背景画像は、iPad / iPhoneのFireFoxおよびiOSのSafariで問題があり、ページの右側に空白が表示されています。 他のブラウザでも背景画像は適切に拡張されますが、それらのブラウザではブラウザの全長を拡張できないので困っています。 テイクFireFoxの上の私たちのサイトを見て、私が何を意味するか見るために。
110 html  css 

8
これらの2つのdivを並べて取得する方法は?
ネストされていない2つのdivがあり、一方が他方の下にあります。どちらも1つの親div内にあり、この親divが繰り返されます。だから本質的に: <div id='parent_div_1'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_2'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> <div id='parent_div_3'> <div class='child_div_1'></div> <div class='child_div_2'></div> </div> 私はchild_div_1、それぞれのペアをchild_div_2隣同士にしたいと考えています。これどうやってするの?
110 css  layout  html 


6
Bootstrapの<button>をnav-tabsの通常のリンクのようにする方法は?
私は(以前のTwitter)Bootstrap 2で作業していて、通常のリンクのようにボタンのスタイルを設定したいと思っていました。ただし、通常のリンクだけではありません。これらは&lt;ul class="nav nav-tabs nav-stacked"&gt;コンテナに入っています。マークアップは次のようになります。 &lt;form action="..." method="post"&gt; &lt;div class="row-fluid"&gt; &lt;!-- Navigation for the form --&gt; &lt;div class="span3"&gt; &lt;ul class="nav nav-tabs nav-stacked"&gt; &lt;li&gt;&lt;button type="submit" name="op" value="Link 1"&gt;Link 1&lt;/button&gt;&lt;/li&gt; &lt;li&gt;&lt;button type="submit" name="op" value="Link 2"&gt;Link 2&lt;/button&gt;&lt;/li&gt; &lt;!-- ... --&gt; &lt;/ul&gt; &lt;/div&gt; &lt;!-- The actual form --&gt; &lt;div class="span9"&gt; &lt;!-- ... --&gt; &lt;/div&gt; …

4
Googleフォントのスタイルと太さの指定
いくつかのページでGoogleフォントを使用していて、フォントのバリエーションを使用しようとすると壁にぶつかります。例:http : //www.google.com/webfonts#QuickUsePlace : quickUse/Family : Open+Sans リンクタグを使用して、ノーマル、ボールド、エクストラボールドの3つの面をインポートしています。通常の顔は正しく表示されますが、CSSでフォントのバリエーションを使用する方法がわかりません font-familyの属性として次のすべてを試しましたが、サイコロは試しませんでした。 「Open Sans Bold」 「Open Sans 700」 「Open Sans Bold 700」 「Open Sans:Bold」 グーグルドキュメント自体は多くの助けを提供していません。これらのバリアントを表示するには、CSSルールをどのように記述すればよいのか、だれでも知っていますか?
110 css  fonts 


7
cssプロパティを無効にするにはどうすればよいですか?
基本的に、ページに2つの外部CSSがあります。 最初のものにMain.cssはすべてのスタイルルールが含まれていますが、それにアクセスすることができないため、変更できません。2番目のファイルにアクセスできるTemplate.cssので、Main.cssの値を上書きする必要がありますtemplate.css。 これは簡単ですが、値を変更する必要がありますが、プロパティを完全に削除するにはどうすればよいですか? クラス.c1がを持っていると言うheight: 40px;ように、この高さプロパティを取り除くにはどうすればよいですか?
109 css 

8
Bootstrap 3からレスポンシブグリッドのみを取得する方法は?
Twitter Bootstrapを使用してWebアプリケーションにレスポンシブデザイン機能を追加する必要があります。レスポンシブな動作が必要なだけで、Bootstrapに含まれているタイポグラフィやコンポーネントなどには興味がありません。 グリッドシステムを選択するだけで、カスタマイズされたBootstrapバージョンを取得しました。しかし、生成されたCSSをアプリケーションに追加すると、すべてのスタイル(ヘッダー、リンクなど)がめ​​ちゃくちゃになります。なぜそれが起こっているのですか?グリッドシステムだけでブートストラップCSSを取得するにはどうすればよいですか?Bootstrapファイルの手動変更を回避したいと思います。

1
Safari 10で回転するとSVGの色が変わる
Safari 10でのみ発生する非常に奇妙な問題が発生しました。トランプ、svg画像があり、これらはを使用して回転される場合がありtransform:rotate(xdeg)ます。 私が使用しているカードは赤いブロックパターンです。回転していない場合、または直角、つまり90、180、270度に回転している場合は、正常に見えます。しかし、それ以外の角度と背景パターンは青くなります!私はユーザーの1人からこれに関するレポートを受け取ったばかりで、奇妙なものを見たことはありません。他のブラウザはすべて正常に動作し、Safari 9は正常に動作します。 これはSafari 10の非常に奇妙なバグだと思いますが、回避策に関するアイデアはありますか?私は次の場所で最小限の再現を作成しました: https://jsfiddle.net/2zv4garu/1/
109 html  css  svg  safari 

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