プログラミング css

9

Google Maps API（v.3）を使用して、いくつかのマーカーで地図を表示します。私は最近、地図をズームするために使用されるコントロールがめちゃくちゃになっていることに気づきました（これは常にこのようではなかった）原因は何なのかわかりません。更新この投稿には元々、問題を表示できるページへのリンクがありましたが、リンクが壊れているため、削除しました。

172 javascript css google-maps

14

ブートストラップがキャッチされないエラーをスローする：ブートストラップのJavaScriptにはjQueryが必要です[完了]

閉まっている。この質問にはデバッグの詳細が必要です。現在、回答を受け付けていません。この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 2年前休業。この質問を改善する Bootstrapを使用してプログラムのインターフェイスを作成しようとしています。<head>タグにjQuery 1.11.0を追加し、それがそうだと思ったのですが、ブラウザーでWebページを起動すると、jQueryがエラーを報告します。 Uncaught Error: Bootstrap's JavaScript requires jQuery 私はjQuery 1.9.0を使用してみましたが、いくつかのCDNでホストされているコピーを試してみましたが、機能しません。誰かが私が間違っていることを指摘できますか？

172 jquery html css twitter-bootstrap twitter-bootstrap-3

16

Twitter Bootstrapのすべての角丸を取り除く

私はTwitter Bootstrap 2.0が大好きです-完全なライブラリであることが大好きです...しかし、Bootstrapの角の丸い部分をすべて取り除くことで、非常にボックス型ではなく丸みを帯びたサイトをグローバルに変更したいと思います... それはやり過ごす多くのCSSです。グローバルな切り替えはありますか、それとも丸められたものをすべて見つけて置き換えるための最良の方法は何ですか？

172 css twitter-bootstrap twitter-bootstrap-2

6

CSS表示プロパティをデフォルト値にリセット

displayプロパティをデフォルト値でオーバーライドすることは可能ですか？たとえば、あるスタイルでそれをnoneに設定し、デフォルトで別のスタイルをオーバーライドしたい場合などです。または、その要素のデフォルトが何であるかを調べて、それに設定する唯一の方法は何ですか？要素が通常ブロックか、インラインか、どちらかであるかどうかを知る必要はありません...

172 css default

15

Divの高さは100％で、コンテンツに合わせて拡大します

ページに高さを100％に設定したdiv要素があります。身長も100％に設定されています。内部のdivには背景などがあり、本体の背景とは異なります。これはdivの高さをブラウザー画面の高さの100％にするために機能しますが、問題はそのdiv内にブラウザー画面の高さを超えて垂直に伸びるコンテンツがあることです。下にスクロールすると、divはページのスクロールを開始する必要があったポイントで終了しますが、コンテンツはそれを超えてオーバーフローします。内部コンテンツに合わせて、divを常に一番下まで移動させるにはどうすればよいですか？ここに私のCSSの簡略化があります： body { height:100%; background:red; } #some_div { height:100%; background:black; } ページをスクロールすると、黒さが終了し、コンテンツが赤い背景に流れ込みます。#some_divで位置を相対に設定するか絶対に設定するかに関係なく、問題はどちらの方法でも発生します。#some_div内のコンテンツは主に絶対位置に配置され、データベースから動的に生成されるため、事前に高さを知ることはできません。編集：これは問題のスクリーンショットです：

172 css html height overflow

9

幅のあるCSS入力：100％が親の境界の外に出ます

私は、インセットパディングのある2つの入力フィールドで構成されるログインフォームを作成しようとしていますが、これらの2つのフィールドは常に親の境界を超えてしまいます。この問題は、追加されたインセットパディングに起因します。この問題を修正するために何ができますか？ JSFiddleスニペット：http ://jsfiddle.net/4x2KP/ 注意：コードは最もクリーンではない可能性があります。たとえば、テキスト入力をカプセル化するspan要素はまったく必要ない場合があります。 #mainContainer { line-height: 20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px 5px / 5px 2px 5px 2px; border-radius: 2px; border-radius: 2px 5px / 5px; box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2); } …

172 css forms input width

21

jQueryを使用して要素を自動高さにアニメーション化する

<div>from 200pxからautoheight までアニメートしたい。私はそれを動作させることができないようです。誰か知っていますか？これがコードです： $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript jquery html css jquery-animate

5

テキストエリアのサイズ変更を無効にする方法は？

テキストエリアの水平方向のサイズ変更を無効にする必要があります。textareaで垂直方向のサイズ変更を許可したい場合があります。お問い合わせページを作成するたびに、textareaによってデザインが見苦しくなります。誰かが私にそれを無効にする解決策を教えてくれませんか？

171 html css

5

divをその親の上部に配置し、インラインブロックの動作を維持する方法は？

見る： http //jsfiddle.net/b2BpB/1/ Q：box1とbox3を親divの上に揃えるにはどうすればよいですboxContainerか？ #boxContainerContainer { background: #fdd; text-align: center; } #boxContainer { display: inline-block; border: thick dotted #060; margin: 0px auto 10px auto; text-align: left; } #box1 { width: 50px; height: 50px; background: #999; display: inline-block; } #box2 { width: 50px; height: 100px; background: #999; display: inline-block; } #box3 …

171 css html

11

モバイルビューの上部にあるブートストラップ右列

私はこのようなブートストラップページを持っています： <div class="row"> <div class="col-md-6"> A </div> <div class="col-md-6"> B </div> </div> 次のようになります。 ----- |A|B| ----- したがって、モバイルデバイスでそれを見ると、列Aが上にありますが、Bが上にあります。これは可能ですか？プッシュプルで試してみましたが、うまくいきませんでした。

171 html css twitter-bootstrap-3

2

LESS変数のアルファ不透明度を変更する

LESSを使用すると、色変数の彩度または色合いを変更できることがわかります。これは次のようになります。 background: lighten(@blue, 20%); ただし、色のアルファ不透明度を変更したいのですが。できればこのように： background: alpha(@blue, 20%); LESSでこれを行う簡単な方法はありますか？

171 css variables less opacity alpha

11

CSS / HTML：入力フィールドの周囲に輝く境界線を作成します

私は自分のフォームに適切な入力を作成したいのですが、TWITTERが入力の周りに輝く境界をどのように処理するかを知りたいです。 Twitterボーダーの例/画像：また、角を丸くする方法もよくわかりません。

171 html css input border glow

26

入力フィールドの幅をその入力に合わせる

<html> <head> </head> <body> <input type="text" value="1" style="min-width:1px;" /> </body> </html> これは私のコードであり、機能していません。HTML、JavaScript、PHP、CSSで最小幅を設定する他の方法はありますか？動的に変化する幅を持つテキスト入力フィールドが必要です。これにより、入力フィールドはそのコンテンツの周囲で流動的になります。すべての入力には、の組み込みパディングがあります2em。これが問題であり、2番目の問題は、min-width入力に対してまったく機能しないことです。プログラム全体が乱雑になるよりも必要以上に幅を設定した場合、1pxの幅が必要になります（必要な場合のみ）。

171 javascript html css

17

インラインCSSの何が悪いのですか？

Webサイトのスターターコードと例を見ると、CSSは常に「main.css」、「default.css」、または「Site.css」のような名前の別のファイルにあります。しかし、ページをコーディングしているとき、画像に "float：right"を設定するなどして、DOM要素を使用してインラインでCSSをスローしたくなることがよくあります。例ではめったに行われないので、これは「悪いコーディング」だと感じます。スタイルが複数のオブジェクトに適用される場合、 "Do n't Repeat Yourself"（DRY）に従って、各要素によって参照されるCSSクラスに割り当てるのが賢明であることを理解しています。ただし、別の要素でCSSを繰り返さない場合は、HTMLを記述するときにCSSをインライン化しないでください。質問：インラインCSSの使用は、その要素でのみ使用されるとしても、悪いと考えられていますか？もしそうなら、なぜですか？例（これは悪いですか？）： <img src="myimage.gif" style="float:right" />

170 css inline-styles

7

カーソルをつかむためのCSS（ドラッグ＆ドロップ）

画面全体を移動するためにユーザーが背景を取得する必要があるJavaScript Webアプリケーションがあります。そのため、背景の上にカーソルを置いたときにカーソルが変化するようにします。CSSのカーソルは、このために理想的です。もちろん、それらはFirefoxでのみ機能します...他のブラウザに対応するカーソルはありますか？標準のCSSカーソルよりも少しカスタムする必要がありますか？-moz-grab-moz-grabbing

170 css cursor

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

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