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

次のdivがある場合： <div class="sectionA" id="content"> Lorem Ipsum... </div> 「id='content'ANDを使用したdiv」というアイデアを表現するスタイルを定義する方法はありclass='myClass'ますか？ または、次のように単にどちらか一方の方法で行っていますか <div class="content-sectionA"> Lorem Ipsum... </div> または <div id="content-sectionA"> Lorem Ipsum... </div>

221 css  css-selectors 

ハックや画像を使わずに、左右（水平？）の側面にボックスシャドウを付ける方法。使ってます： box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); しかし、それは周りに影を与えます。 要素の周囲に境界線はありません。

221 html  css 

幅が100％のdivがあります。 ボタンを中央に配置したいのですが、どうすればよいですか？ <div style="width:100%; height:100%; border: 1px solid"> <button type="button">hello</button> </div> コードスニペットを実行するHide resultsスニペットを展開

220 html  css  centering 

CSSのみを使用して閉じるボタンを作成したい。 私がこれを行うのは最初ではないと思いますが、クロスブラウザを使用して閉じるボタンのように見えるように、フォントの幅と高さの「x」が同じであることは誰にもわかりますか？

219 css  fonts  font-face 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 この質問を改善する 私は現在ウェブサイトを作成しており、それを流動化するかどうかを決定しようとしています。固定幅のWebサイトは作成がはるかに簡単であり、一貫性のある外観にすることもはるかに簡単です。 正直なところ、私は個人的にはモニターの幅いっぱいに広がる流動的なWebサイトを見る方が好きです。私の質問は、ほとんどの最新のブラウザーでは、コントロールを保持し、マウスホイールをスクロールして基本的に任意のWebサイトのサイズを変更できるという事実から来ています。 それで、問題の価値がある流動的なウェブサイトを作成していますか？

218 html  css  layout  static  fluid 

中央揃えのDIVのあるWebサイトがあります。現在、スクロールが必要なページとそうでないページがあります。あるタイプから別のタイプに移動すると、スクロールバーの外観により、ページが数ピクセル横に移動します。各ページにスクロールバーを明示的に表示せずにこれを回避する方法はありますか？

218 html  css 

私の質問は簡単です： <%= f.submit %> クラス宣言はどこに行きますか？複数回試行するとエラーが発生します。

217 ruby-on-rails  css  ruby-on-rails-3 

違いは何である#と.要素のスタイルのセットを宣言して使用するものを決定する際に遊びに来る意味は何ですか？

217 css  css-selectors 

私はウェブページをデザインしています。mailという名前のdivのコンテンツをクリックしたときに、ラベルメールとテキストボックスを含むポップアップウィンドウを表示するにはどうすればよいですか？

217 javascript  jquery  css  ajax  popup 

次のようにテキストの両側に線を作成するために厳密なxhtml 1.0のオプションにはどのようなものがあるのでしょうか。 セクション1 -----------------------次のセクション----------------------- セクション2 私はこのようないくつかの空想的なことをすることを考えました： <div style="float:left; width: 44%;"><hr/></div> <div style="float:right; width: 44%;"><hr/></div> Next section または、上記の配置に問題があるため（垂直および水平の両方）： <table><tr> <td style="width:47%"><hr/></td> <td style="vertical-align:middle; text-align: center">Next section</td> <td style="width:47%"><hr/></td> </tr></table> これには整列の問題もありますが、これをこの混乱で解決します。 <table><tr> <td style="border-bottom: 1px solid gray; width: 47%"> </td> <td style="vertical-align:middle;text-align:center" rowspan="2">Next section</td> <td style="border-bottom: 1px solid gray; width: 47%"> </td> </tr><tr> <td> </td> …

217 html  css  xhtml  line  vertical-alignment 

float: left左側のアイテムに使用している同じ行に2つのアイテムが欲しいです。 私はこれを一人で達成するのに問題はありません。問題は、私は2つの項目がしたい、あるとどまる同じ行にあなたは非常に小さく、ブラウザのサイズを変更した場合でも。ご存知のように...テーブルでどうだったか。 目標は、右側のアイテムが何に関係なくラッピングしないようにすることです。 divがの下にくるようにラップするのではなく、コンテナをストレッチするdivことをCSSを使用してブラウザに伝える方法float: right;はfloat: left; div？ 私が欲しいもの： \ +---------------+ +------------------------/ | float: left; | | float: right; \ | | | / | | |content stretching \ Screen Edge | | |the div off the screen / <--- +---------------+ +------------------------\ /

216 css  css-float  css-tables  stretching 

ボーダーの長さを制限する方法はありますか？<div>下に境界線があるがありますが、の<div>半分だけ上に伸びるの左側に境界線を追加したいと思います。 ページに要素を追加せずにそうする方法はありますか？

216 css 

プロジェクトのすべてのSASS変数定義を格納する1つの中央.scssファイルを保持したいと思います。 // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... その性質上、プロジェクトには多数のCSSファイルが含まれます。プロジェクト全体のすべてのスタイル変数を1つの場所で宣言することが重要です。 SCSSでこれを行う方法はありますか？

216 css  sass 

次のフィドルで見られるように、画像が埋め込まれたボタンのスタイルを変更しようとしています： http://jsfiddle.net/krishnathota/xzBaZ/1/ 例では画像がありません、私は恐れています。 私はしようとしています： background-colorボタンが無効になっているときにボタンを変更する 無効になっているボタンの画像を変更する 無効になっているときにホバー効果を無効にする ボタンの画像をクリックしてドラッグすると、画像を個別に表示できます。それを避けたい ボタン上のテキストを選択できます。それも避けたいです。 でやってみましたbutton[disabled]。ただし、一部の効果は無効にできませんでした。好き top: 1px; position: relative;でイメージ。

216 css 

私はかなり長いCSSファイルに取り組んでいます。クライアントが配色の変更を要求できることを知っていて、疑問に思っていました。変数に色を割り当てて、それを使用するすべての要素に新しい色を適用するように変数を変更することはできますか？ PHPを使用してCSSファイルを動的に変更できないことに注意してください。

216 css  variables  colors  css-variables