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

画像を使用して特定のファイルタイプへのリンクを装飾したいとします。リンクを次のように宣言できます <a href='foo.pdf' class='pdflink'>A File!</a> それからCSSのような .pdflink:after { content: url('/images/pdf.png') } これでpdf.png、リンクテキストのサイズが適切でない場合を除いて、これはうまく機能します。 ブラウザに:after画像を拡大縮小するように指示したいのですが、私は一生正しい構文を見つけることができません。それとも、サイズ変更ができない背景画像のようなものですか？ ETA：私は、a）ソース画像を「適切な」サイズ（サーバー側）にサイズ変更するか、b）マークアップを変更して、単純にIMGタグをインラインで提供するようにしています。私はそれらの両方を避けようとしていましたが、CSSで純粋に何かをやろうとするよりも互換性があるように思えます。私の元の質問への答えは「あなたができるように思わ一種の時々 、それを行います」。

251 css  pseudo-element 

私は、bashを通じて、新しいFoundation 5プロジェクトを作成しましたfoundation new my-project。Chromeでindex.htmlファイルを開くUncaught TypeError: a.indexOf is not a functionと、コンソールでエラーが表示されjquery.min.js:4ます。 財団サイトの手順に従ってプロジェクトを作成しましたが、このエラーを取り除くことができないようです。FoundationとjQueryは、index.htmlファイルに含まれ、正しくリンクされているように見えます。リンクされたapp.jsファイルは、$(document).foundation(); 誰かがこのエラーの原因を知っていますか？そして、解決策は何でしょうか？

250 javascript  jquery  css  google-chrome  zurb-foundation 

この画像のように、数字を円で囲みます。 これは可能ですか？それはどのように達成されますか？

250 html  css  css-shapes 

私はnginxをフロントサーバーとして使用し、CSSファイルを変更しましたが、nginxはまだ古いファイルを提供しています。 私はnginxを再起動しようとしましたが、成功しませんでした。Googleを使用しましたが、それをクリアする有効な方法が見つかりませんでした。 一部の記事では、キャッシュディレクトリを削除できると説明var/cache/nginxしていますが、私のサーバーにはそのようなディレクトリはありません。 私は今どうすればいい？

250 css  nginx  caching  server  nginx-cache 

私はRailsプログラミングの初心者で、ページに多くの画像を表示しようとしています。一部の画像は他の画像の上に配置されます。簡単にするために、青い四角形の右上隅に赤い四角形が表示されている（ただし、角がきついではない）青い四角形が必要だとします。パフォーマンスの問題のため、（ImageMagickなどで）合成を回避しようとしています。 重なり合う画像を相対的に配置したいだけです。 より難しい例として、より大きな画像の中に配置された走行距離計を想像してみてください。6桁の場合、100万の異なる画像を合成するか、すべてをオンザフライで実行する必要があります。必要なのは、6つの画像を他の画像の上に配置することだけです。

250 html  css  optimization  graphics 

使用しているプラ​​ットフォームに依存しますか、それともほとんどの開発者が提案/フォローしている共通の規則がありますか？ いくつかのオプションがあります： id="someIdentifier"' -JavaScriptコードとかなり一致しているように見えます。 id="some-identifier" -html5のような属性やその他のhtmlに似ています。 id="some_identifier" -ルビコードとかなり一致しているように見え、依然としてJavaScript内で有効な識別子です 上記の＃1と＃3は、Javascriptとの相性が良いため、最も意味があると考えていました。 これに対する正しい答えはありますか？

250 html  css  naming-conventions  standards 

Wordpressテンプレートの元のCSSを上書きするカスタムスタイルシートを作成しました。しかし、私のカレンダーページでは、元のCSSには次の!important宣言で設定された各テーブルセルの高さがあります。 td {height: 100px !important} これを上書きできる方法はありますか？

250 css 

私はHTMLとCSSに非常に慣れていないので、CSSを使用してフォントをどのように太字にできるのか疑問に思っていました。 CSSファイルをインポートするプレーンHTMLページがあり、CSSでフォントを変更できます。しかし、フォントを太字にする方法がわかりません。だれでも手伝ってもらえますか？

249 css 

非表示のdiv内にある要素の高さを取得する必要があります。現在、divを表示し、高さを取得し、親divを非表示にします。これは少しばかげているようです。もっと良い方法はありますか？ 私はjQuery 1.4.2を使用しています： $select.show(); optionHeight = $firstOption.height(); //we can only get height if its visible $select.hide();

249 javascript  jquery  html  css 

私は検査てるh2適用されるように見える- -グレー表示されているGoogle Chromeの要素インスペクタとCSSルールの一部を使用してWebページ上の要素を。取り消し線はルールがオーバーライドされたことを示しているようですが、スタイルがグレー表示されている場合はどういう意味ですか？

248 css  google-chrome  browser  inspector 

twitterブートストラップ3で2列のフルハイトレイアウトを作成しようとしています。twitterブートストラップ3はフルハイトレイアウトをサポートしていないようです。私がしたいこと： +-------------------------------------------------+ | Header | +------------+------------------------------------+ | | | | | | |Navigation | Content | | | | | | | | | | | | | | | | | | | +------------+------------------------------------+ コンテンツが増えると、ナビゲーションも増えるはずです。 コンテンツが1行の場合があるため、すべての親の高さ100％は機能しません。 絶対位置は間違っているようです display: tabledisplay:table-cell問題を解決しますが、エレガントではありません html： <div class="container"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-9"></div> </div> …

247 html  css  twitter-bootstrap 

スタイルの変更を行うための簡単なJavaScriptがあります。 sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; これは、FF、Opera、IEの最新バージョンでは正常に動作しますが、ChromeとSafariの最新バージョンでは失敗します。 これは、たまたま兄弟である2つの子孫に影響します。最初の兄弟は更新されますが、2番目の兄弟は更新されません。2番目の要素の子にもフォーカスがあり、onclick属性に上記のコードを含む<a>タグが含まれています。 クロームの「開発ツール」ウィンドウでは、私は（例えばチェックを外し＆チェック）微調整する場合の任意の属性の任意の要素、正しいスタイルに二兄弟の更新を。 WebKitを簡単かつプログラム的に「ナッジ」して正しいことを実行するための回避策はありますか？

247 css  google-chrome  safari  webkit 

spanまたはを垂直方向に中央に配置しようとしていますdiv要素を別のdiv要素内でます。しかし、私が置くときvertical-align: middle、何も起こりません。display両方の要素のプロパティを変更しようとしましたが、何も機能しないようです。 これが私のウェブページで現在行っていることです。 .main { height: 72px; vertical-align: middle; border: 1px solid black; padding: 2px; } .inner { vertical-align: middle; border: 1px solid red; } .second { border: 1px solid blue; } <div class="main"> <div class="inner"> This box should be centered in the larger box <div class="second">Another box in here</div> …

246 html  css 

CSS contentプロパティに文字列の代わりにHTMLコード:beforeまたは次:afterのような要素を挿入させることが可能かどうか疑問に思っています。 .header:before{ content: '<a href="#top">Back</a>'; } これは非常に便利です... Javascriptを使用して行うこともできますが、CSSを使用すると簡単に生活できます:)

246 html  css  pseudo-element  css-content 

Google Chromeとそのフォームの自動入力機能のデザインに問題があります。Chromeがログイン/パスワードを覚えている場合、背景色を黄色に変更します。 ここにいくつかのスクリーンショットがあります： その背景を削除する方法、またはこの自動入力を無効にする方法は？

245 html  css  forms  google-chrome  autofill