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

画面下部に全幅を占める白いバーを配置したいと思います。そのためにabsolute、継承されたflexboxパラメータでポジショニングを使用することを考えました。 次のコードで、それはのようなものレンダリングこれを。 これが私のコードです： var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); var …

95 javascript  css  react-native 

訪問時にアンカータグの色の変更を無効にする必要があります。これは私がしました： a:visited{ color: gray } （リンクは、アクセスする前は灰色です。）しかし、これは、リンクにアクセスした後の色を明示的に示す方法であり、これも色の変更です。 明示的な色の変更を行わずに、訪問したときにアンカータグの色の変更を無効にするにはどうすればよいですか？

95 html  css  anchor 

css-in-jsメソッドを使用してreactコンポーネントにクラスを追加するには、複数のコンポーネントを追加するにはどうすればよいですか？ クラス変数は次のとおりです。 const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); これが私がそれをどのように使用したかです： return ( <div className={ this.props.classes.container }> 上記は機能しますが、classNamesnpmパッケージを使用せずに両方のクラスを追加する方法はありますか？何かのようなもの： <div className={ this.props.classes.container + this.props.classes.spacious}>

95 css  reactjs  material-design  material-ui  jss 

こんにちは私はjoomlaのいくつかのcssクラスで問題を抱えています。モジュールに2つのdivがあります。1つはラッパーclass = "wrapper"で、もう1つはcontent class = "content"です。コンテンツはラッパー内にあります。私がやろうとしているのは、コンテンツクラスのcssスタイルをターゲットにすることです。通常、スタイルシートに.content {my style info}を入れるだけですが、問題は、このクラスがページ全体で数回使用されることです。したがって、バックエンドでは、モジュールにクラス名を割り当てることができるので、これを.testimonialsと呼びます。 私がこれを置くことによってそれをターゲットにしようとしているページ上の他のすべてのコンテンツクラスを変更しないように： .testimonials .content {my style info I am trying to apply} しかし、それは機能していません、私はあなたがdivでこれを行うことができることを知っています、それで #testimonials .content {my style info I am trying to apply} しかし、私の質問は、これをクラスで実行できるかどうかです。そうであれば、次を使用しようとしているときに問題が発生します。 .testimonials .content {font-size:12px; width:300px !important;} なんらかの理由でコンテンツが折り返されておらず、段落の終わりでページから消えてしまうので、コンテンツが置かれている第1レベルのクラスが何も重なっていないことを確認しようとしています。奇妙なことは、修正してもコンテンツが50pxに収まるdivクラスでは、テキストが折り返されないため、正しくターゲットに設定されているかどうかわかりません。 編集>>>>>>>>>> .. Joomlaが作成しているhtmlは基本的に次のようになります>> <div class="wrapper"> <div class="content">SOME CONTENT</div </div> その後、古き良きJoomlaスタイルで他の100万のdivにラップされます。 モジュールに紹介文のクラスを指定したので、次のようになります。 <div …

95 html  css  joomla  module 

私はAngular4を初めて使用するので::ng-deep、Angular4で使用する方法と場所を誰かに説明してもらえますか？ 実際、親コンポーネントから子コンポーネントのCSSプロパティの一部を上書きしたいと思います。さらに、IE11でサポートされていますか？

95 css  angular  angular-template 

キャンバスにポリゴンを描画する方法を知る必要があります。jQueryなどを使用せずに。

94 javascript  css  html  canvas 

私は周りを検索しましたが、これを見つけることができませんでした。divの幅を取得しようとしていますが、小数点がある場合は数値を丸めます。 例： #container{ background: blue; width: 543.5px; height: 20px; margin: 0; padding: 0; } 実行$('#container').width();すると、543.5ではなく543が返されます。数値を四捨五入せずに、完全な543.5（またはそれが何であるか）を返すにはどうすればよいですか。

94 javascript  jquery  css 

外側divにdiv浮いているそのs を包むために黒のアウターが欲しい。自動的にコンテンツの高さ（たとえば、フローティングs）にしたいので、id style='height: 200pxでを使用したくありません。divouterdivdiv <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: left;'> <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div style='width=300px;border: red 1px dashed;float: right;'> <p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p> </div> これを達成する方法は？

94 css  html  css-float 

私はRails 3.1.2プロジェクトでTwitter Bootstrap 2.0.1を使用しており、bootstrap-sassで実装されています。とファイル、bootstrap.cssおよびJavaScriptの両方をロードしていbootstrap-responsive.cssますbootstrap-collapse.js。 例に似たナビゲーションバーを備えた流動的なレイアウトがあります。これは、ここにあるナビゲーションバーの「レスポンシブバリエーション」の手順に従います。それは正常に動作します。ページが約940pxより狭い場合、ナビゲーションバーは折りたたまれ、「ボタン」が表示され、クリックして展開できます。 ただし、私のナビゲーションバーは、幅が約550pxまで見栄えが良く、画面が非常に狭い場合を除いて、縮小する必要はありません。 画面の幅が550px未満の場合にのみ、ナビゲーションバーを折りたたむようにBootstrapに指示するにはどうすればよいですか？ この時点では、要素を並べて表示する代わりに要素を積み重ねるなど、他の応答動作を変更したくないことに注意してください。

94 css  ruby-on-rails-3  twitter-bootstrap 

幅が明示的に宣言されているテーブルが親の外側にオーバーフローしないようにしようとしていますdiv。私はこれを何らかの方法でを使用して実行できると思いますがmax-width、これを機能させることができないようです。 次のコード（ウィンドウが非常に小さい）がこれを引き起こします。 <style type="text/css"> #middlecol { width: 45%; border-right:2px solid red; } #middlecol table { max-width:100% !important; } </style> <div id="middlecol"> <center> <table width="400" cellpadding="3" cellspacing="0" border="0" align="center"> <tr> <td bgcolor="#DDFFFF" align="center" colspan="2"> <strong>Notification!</strong> </td> <tr> <td width="50"> <img src="http://www.example.com/img.png" width="50" height="50" alt="" border="0"> </td> <td> Lorem ipsum dolor sit …

94 html  css  html-table 

クライアントは、リスト内の個別のアイテムとしてアイテム名とともにチェックボックスを含む[オプションの選択]メニューを持つデザインを私にくれました。とにかく、オプションの選択メニュー内にチェックボックスを追加することは可能ですか？ 注意：メニューを有効にするには、開発者が独自のIDを追加する必要があります。可能な場合は、HTML CSSコードのみが必要です。

94 javascript  html  css  html-select 

私はを使用してスタイル付きリンクのセットを持っています :beforeて矢印を適用する。 すべてのブラウザで見た目は良いですが、リンクに下線を付けると、その:before部分（矢印）に下線を付けたくありません。 たとえば、jsfiddleを参照してください：http ://jsfiddle.net/r42e5/1/ これを削除することは可能ですか？#test p a:hover:before（Firebugによると）私が座ったテストスタイルは適用されますが、下線はまだ残っています。 これを回避する方法はありますか？ #test { color: #B2B2B2; } #test p a { color: #B2B2B2; text-decoration: none; } #test p a:hover { text-decoration: underline; } #test p a:before { color: #B2B2B2; content: "► "; text-decoration: none; } #test p a:hover:before { text-decoration: none; } <div …

94 html  css  hyperlink  pseudo-element  text-decorations 

私のhtmlに以下がある場合： <div style="height:300px; width:300px; background-color:#ffffff;"></div> そして、これは私のCSSスタイルシートで： div { width:100px; height:100px; background-color:#000000; } javascript / jqueryを使用して、インラインスタイルをすべて削除し、CSSスタイルシートで指定されたスタイルのみを残す方法はありますか？

94 javascript  jquery  css  inline 

私はposition：fixedの要素を持っているので、ページと一緒にスクロールします。ユーザーが上にスクロールしたとき、要素のスクロールを特定のポイントで停止させたい場合、たとえば、ページの上部から250pxになったら、これは可能ですか？何か助けやアドバイスがあれば助かります。 そのためにはjqueryを使用する必要があると感じました。ユーザーがいる場所のスクロールまたは場所を取得しようとしましたが、本当に混乱しました、jqueryソリューションはありますか？

94 jquery  css  positioning 

次のフィドルでわかるように、大きなdivを含むように引き伸ばさdivれた親に含まれる2つのdivがあり、私の目標はそれらの子divの高さを等しくすることです。 http://fiddle.jshell.net/y9bM4/

94 css  html