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

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前に閉鎖。 この質問を改善する onmouseoverイベントが発生したときにポップアップできる「バブル」を作成しようとしています。イベントをスローしたアイテムonmouseoverの上にマウスがあるか、マウスがバブルに移動した場合、開いたままになります。私のバブルには、ハイパーリンクや画像など、HTMLとスタイルのすべての方法が必要です。 基本的にこれを約200行の醜いJavaScriptを書くことで達成しましたが、jQueryプラグイン、またはこれを少し整理する他の方法を本当に見つけたいです。

99 javascript  jquery  html  css 

<li>タグから生成された固定の高さと幅のボックスの数を連続して表示しています。次に、テキストを垂直方向の中央に揃える必要があります。CSSのvertical-alignは影響しません。おそらく何か不足していますか??? 私は（マージン、パディング、行の高さ）を使用したトリックを探していません。一部のテキストが長く、2行に分割されるため、これらは機能しません。 実際のコードを見つけてください： CSSコード ul.catBlock{ width:960px; height: 270px; border:1px solid #ccc; } ul.catBlock li{ list-style: none; float:left; display:block; text-align: center; width:160px; height: 100px; } ul.catBlock li a{ display: block; padding: 30px 10px 5px 10px; height:60px; } HTMLコード <ul class="catBlock"> <li><a href="#">IP Phone</a></li> <li><a href="#">Dual SIM Switch Server</a></li> <li><a href="#">IP PBX</a></li> …

99 html  css  vertical-alignment 

別の色と画像のリンクを変更するには、CSSで属性セレクターを使用する必要がありますが、機能しません。 私はこのhtmlを持っています： <a href="/manual.pdf">A PDF File</a> そしてこのCSS： a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } 背景が赤くないのはなぜですか？

99 html  css  css-selectors 

chromes Webインスペクタを使用してコードを表示すると非常に便利です。しかし、たとえばボタンのホバーコードをどのように表示しますか？ボタンの上にマウスを移動する必要があるため、インスペクターでボタン（マウス）を使用できません。インスペクターでこれを達成するためのショートカットまたは他の方法はありますか？

99 css  google-chrome  google-chrome-devtools  web-inspector 

:hoverJavaScriptを介して、ブラウザーがCSS の効果を使用できないようにしています。 JSが利用できない場合にホバー効果が必要なため、CSSでaとa:hoverスタイルを設定しました。しかし、JS が利用可能な場合、CSSのホバー効果をより滑らかなもので上書きしたい（たとえば、jQuery colorプラグインを使用）。 私はこれを試しました： $("ul#mainFilter a").hover( function(e){ e.preventDefault(); ...do my stuff... }, function(e){ e.preventDefault(); ...do my stuff... }); 私もで試しましたがreturn false;、うまくいきません。 これが私の問題の例です：http : //jsfiddle.net/4rEzz/。リンクは灰色になることなく消えるはずです。 fudgeyが述べたように、回避策はを使用してホバースタイルをリセットすることです.css()が、CSSで指定されているすべてのプロパティを上書きする必要があります（ここを参照：http : //jsfiddle.net/raPeX/1/）。一般的な解決策を探しています。 誰でもこれを行う方法を知っていますか？ PS：ホバーに設定したすべてのスタイルを上書きしたくありません。

99 javascript  jquery  css 

注：この質問はGrunt 0.3.xにのみ関連し、参照用に残されています。最新のGrunt 1.xリリースのヘルプについては、この質問の下の私のコメントを参照してください。 私は現在、Grunt.jsを使用して、最初にCSSファイルとJavaScriptファイルを連結してから縮小する自動ビルドプロセスをセットアップしようとしています。 JavaScriptファイルを正常に連結および縮小できましたが、gruntを実行するたびに、ファイルを上書きするのではなく、ファイルに追加するだけのようです。 CSSの縮小または連結については、まだこれを行うことができません。 不快なCSSモジュールの観点からconsolidate-css、grunt-css＆を使用してみましcssminたが、役に立ちませんでした。それらを使用する方法について私の頭を得ることができませんでした！ 私のディレクトリ構造は次のとおりです（典型的なnode.jsアプリケーションです）： app.js grunt.js /public/index.html / public / css / [さまざまなcssファイル] / public / js / [さまざまなJavaScriptファイル] アプリケーションのルートフォルダーにあるgrunt.jsファイルは現在次のようになります。 module.exports = function(grunt) { // Project configuration. grunt.initConfig({ pkg: '<json:package.json>', concat: { dist: { src: 'public/js/*.js', dest: 'public/js/concat.js' } }, min: { dist: { src: 'public/js/concat.js', …

99 javascript  css  concatenation  minify  gruntjs 

マップマーカーのデフォルトのGoogleマップInfoWindowは非常に円形です。角が四角のカスタムInfoWindowを作成するにはどうすればよいですか？

99 javascript  html  css  google-maps 

私はid="a"いくつかのグループから、それに接続されている任意の数のクラスを持つことができるdivを持っています。各グループには特定のプレフィックスがあります。JavaScriptでは、グループのどのクラスがdivにあるのかわかりません。特定のプレフィックスを持つすべてのクラスをクリアしてから、新しいクラスを追加できるようにしたい。「bg」で始まるすべてのクラスを削除する場合、どうすればよいですか？このようなものですが、実際には機能します： $("#a").removeClass("bg*");

99 javascript  jquery  css 

両方を削除すべきではありませんか？それとも、使用する必要があるという意味<small>ですか？なぜ<big>削除されたの<small>ですか？に<big>当てはまらない問題は何<small>ですか？ http://www.w3schools.com/html5/html5_reference.asp

99 css  xhtml  web-standards  semantic-markup  html 

使用してThymeleafのテンプレートエンジンとして、それは単純なものから動的に/へのCSSクラスを追加/削除することが可能であるdivとのth:if句？ 通常、次のように条件句を使用できます。 <a href="lorem-ipsum.html" th:if="${condition}">Lorem Ipsum</a> lorem ipsumページへのリンクを作成しますが、条件句がtrueの場合のみです。 何か別のものを探しています。ブロックを常に表示したいのですが、状況に応じてクラスを変更できます。

99 java  html  css  spring  thymeleaf 

ブラウザウィンドウに応答するdivのフォントを作成しようとしています。これまでのところ、完全に機能しましたが、親divにはのがmax-widthあり525pxます。ブラウザのサイズをさらに変更しても、フォントのサイズ変更は停止しません。これは、min-font-sizeまたはのようなものがあるのかmax-font-size、そのようなものが存在しないのか、同様のことを達成する方法があるのか疑問に思いました。 でパーセンテージを使用するfont-sizeとうまくいくと思いましたが、テキストのビットは親divに応じてスケーリングされません。ここに私が持っているものがあります： 親divのCSS： .textField{ background-color:rgba(88, 88, 88, 0.33); width:40%; height:450px; min-width:200px; max-width:525px; z-index:2; } 問題のテキストのCSS： .subText{ position:relative; top:-55px; left:15px; font-family:"news_gothic"; font-size:1.3vw; font-size-adjust:auto; width:90%; color:white; z-index:1; } 私はかなり長い間インターネットで検索しましたが、役に立ちませんでした。

99 html  css  fonts  font-size 

内部スタイルシートを使用するHTMLメールを生成しています。 <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> Gmailで表示すると、内部スタイルシートのすべてのスタイルが無視されているようです。Gmailはインラインルール以外のすべてのスタイルを無視しているようです。 <h2 style="color: red">Email content here</foo> これは、Gmailで表示したときにHTMLメールをスタイルするための唯一のオプションですか？

99 html  css  gmail  html-email 

テキストが含まれている要素があります。不透明度を下げるたびに、WHOLEボディの不透明度を下げます。background-image他のすべてではなく、単に暗くする方法はありますか？ background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

99 html  css  opacity 

インラインスタイルを使用するマークアップがありますが、このマークアップを変更するアクセス権がありません。CSSのみを使用してドキュメントのインラインスタイルをオーバーライドするにはどうすればよいですか？jQueryやJavaScriptを使いたくありません。 HTML： <div style="font-size: 18px; color: red;"> Hello World, How Can I Change The Color To Blue? </div> CSS： div { color: blue; /* This Isn't Working */ }

99 css 

.container { width: 850px; padding: 0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width: 64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .home_2 { width: 350px; height: 64px; padding: 0px; vertical-align: middle; font-size: 150%; display: table-cell; …

99 html  css