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

上部の固定ナビゲーションバーでレスポンシブレイアウトを作成しています。その下には、サイドバー（3）とコンテンツ（9）の2つの列があります。デスクトップではこれは次のようになります ナビゲーションバー [3] [9] 私はときにresize、モバイルにnavbar圧縮され、隠されている、そしてサイドバーはこのように、コンテンツの上に積層されています： ナビゲーションバー [3] [9] メインコンテンツを一番上に配置したいので、モバイルでの順序を次のように変更する必要があります。 ナビゲーションバー [9] [3] 同じ点をカバーするこの記事を見つけましたが、受け入れられた回答は、ソリューションがBootstrapの現在のバージョンには適用されないと言って編集されています。 モバイルでこれらの列を並べ替えるにはどうすればよいですか？または、代わりに、sidbarリストグループを拡張ナビゲートにどのように取り込むことができますか？ これが私のコードです： <div class="navbar navbar-inverse navbar-static-top"> <div class="container"> <a href="#" class="navbar-brand">Brand Title</a> <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse navHeaderCollapse"> <ul class="nav navbar-nav navbar-right"><!--original navbar--> <li class="active"><a href="#">Home</a></li> <li><a href="#">FAQ</a></li> …

293 html  css  twitter-bootstrap  multiple-columns 

バナー画像をHTML5アプリに動的に読み込む必要があり、画面の幅に合わせていくつかの異なるバージョンが必要です。電話の画面幅を正確に決定できないため、これを行うには、divの背景画像を追加し、@ mediaを使用して画面幅を決定し、正しい画像を表示するしかありません。 例えば： <span style="background-image:particular_ad.png; @media (max-width:300px){background-image:particular_ad_small.png;}"></span> これは可能ですか、それとも誰か他の提案がありますか？

293 html  css  media-queries 

マークアップの右と左の両方のdivをクリアするフッター付きのシンプルな2列のレイアウトがあります。私の問題は、すべてのブラウザーでフッターがページの下部に留まらないことです。コンテンツがフッターを押し下げると機能しますが、常にそうであるとは限りません。

291 css  html  footer  sticky-footer 

印刷CSSをカスタマイズしようとしていますが、href値だけでなくリンクも含まれるリンクが印刷されることがわかりました。 これはChromeにあります。 このHTMLの場合： <a href="http://www.google.com">Google</a> それは印刷します： Google (http://www.google.com) そして私はそれを印刷したいです： Google

290 css  printing  hyperlink  print-css 

現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 CSS縮小版の推奨事項はありますか？ 私はGoogleを応援し、いくつか試してみるつもりですが、スマートで熟練していて奇妙にハンサムなStackOverflowコミュニティが、すでにヘビー級の長所と短所を評価しているのではないかと疑っていました。

289 css  minify 

私はjQuery SVGを使用しています。オブジェクトのクラスを追加または削除できません。誰かが私の間違いを知っていますか？ SVG： <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> クラスを追加しないjQuery： $(".jimmy").click(function() { $(this).addClass("clicked"); }); SVGとjQueryがうまく連携していることはわかっています。オブジェクトをターゲットにでき、クリックされたときにアラートを発生させることができるからです。 $(".jimmy").click(function() { alert('Handler for .click() called.'); });

289 javascript  jquery  css  svg  jquery-svg 

基本的に私は@importスタイルシートを既存のスタイルシートにインポートするために使用することの利点/目的は単に別のものを追加することよりも不思議に思っています... <link rel="stylesheet" type="text/css" href="" /> 文書の頭に？

288 html  css 

現在、私はこのコードを持っています： @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 点滅しますが、「一方向」にしか点滅しません。つまり、フェードアウトするだけで、で戻って表示されopacity: 1.0、その後再びフェードアウトし、再び表示されます... フェードアウトしてから、このフェードから再び「上昇」させて、に戻しopacity: 1.0ます。それは可能ですか？

288 html  css  css-animations  opacity 

CSSを使用してボタンをリンクのようにする必要があります。変更は完了しましたが、それをクリックすると、ボタンのように押されたかのように表示されます。それを削除して、ボタンをクリックしてもリンクとして機能するようにする方法はありますか？

287 css  button  hyperlink 

RGBAは非常に楽しいです、そしてそうである-webkit-gradient、-moz-gradientとええと... progid:DXImageTransform.Microsoft.gradient...うん。:) RGBAとグラデーションの2つを組み合わせて、現在/最新のCSS仕様を使用してアルファ透明度のグラデーションを作成する方法はありますか？

286 css  gradient 

途中にテキストを入れて横罫を作ろうとしています。例えば： -----------------------------------私のタイトルはこちら------------ ----------------- CSSでそれを行う方法はありますか？すべての「-」ダッシュがないことは明らかです。

286 html  css  cross-browser 

私のようなボックスで点線スタイルの境界線を使用しています .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } ボーダーの各ドットの間隔を広げたい。

286 html  css  border 

background-colorメニュー項目をホバーするときにトランジション効果を作成しようとしていますが、機能しません。これが私のCSSコードです： #content #nav a:hover { color: black; background-color: #AD310B; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in; /* Opera */ -o-transition: all 1s ease-in; /* Standard */ transition: all 1s ease-in; } #nav divメニューでul項目のリスト。

286 css 

メインの親の内側に垂直方向または水平方向にHTML要素を中央揃えにする方法はありますか？

285 css  twitter-bootstrap 

テーブルセルのテキストが折り返されないようにする方法を誰かが知っていますか？これはテーブルのヘッダー用であり、見出しはその下のデータよりもはるかに長くなりますが、1行だけで表示する必要があります。カラム幅が非常に広い場合も問題ありません。 （簡略化された）テーブルのHTMLは次のようになります。 <table> <thead> <tr> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> <th> <div>Really long column heading</div> </th> </tr> </thead> <tbody> …

285 html  css