プログラミング css

6

私は次のマークアップを持っています： <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> テキストが折り返されても、画像の「列」に入らないようにする必要があります。私はtable（私がやっていた）でそれを行うことができることを知っていますが、これはこの理由で実行できません。私は成功せずに以下を試しました： li span {width: 100px; margin-left: 20px} .fav_star {width: 20px} 私も試しましたfloat: right。ありがとう。編集：私はそれをこのように見せたい： IMG Text starts here and keeps going... and wrap starts here. このようではありません： IMG Text starts here and keeps going... and wrap starts in …

87 css css-float word-wrap

3

Div垂直スクロールバーショー

通常のバーと同様に、divの垂直バー（スクロールがない場合はグレー表示）を永続的に表示することがどのように可能か疑問に思っています。基本的に私はウェブサイト全体をdiv（gmail / facebookなど）に配置しようとしているので、ページが十分に長くない場合、垂直スクロールバーがないためにページ全体がシフトします。この問題の解決策が必要です。オーバーフロー-y：scrollを試しました。しかし、それはまったく機能していないようです。

87 html css

2

CSSの「display：table-column」はどのように機能するはずですか？

次のHTMLとCSSを考えると、ブラウザーにはまったく何も表示されません（執筆時点で最新のChromeとIE）。すべてが0x0ピクセルに折りたたまれます。どうして？ <!DOCTYPE html> <html> <head> <style type="text/css"> section { display: table; height: 100%; background-color: grey; } #colLeft { display: table-column; height: 100%; background-color: green; } #colRight { display: table-column; height: 100%; background-color: red; } #row1 { display: table-row; height: 100%; } #row2 { display: table-row; height: 100%; } #row3 { …

87 css tablelayout css-tables

4

HTML、CSSWebページのみをTomcatにデプロイする

私はウェブサイトの開発を始めたばかりです。現時点で私が持っているのは、いくつかのCSSスタイルシートでサポートされているHTMLページだけです。 HTMLページとCSSページからWARファイルを作成できますか？それらをTomcatサーバーにデプロイするにはどうすればよいですか？ありがとう。

87 html css tomcat web-deployment-project

7

divが残りの幅を埋めるようにします

Наэтотвопросестьответынаスタックオーバーフローнарусском：事業部。Занятьоставшеесяместо divに残りの幅を埋めさせるにはどうすればよいですか？ <div id="Main" style="width: 500px;"> <div id="div1" style="width: 100px;"></div> <div id="div2"></div> <div id="div3" style="width: 100px; float: right;"></div> </div> どうすればdiv2残りを埋めることができますか？

87 html css

4

CSSを使用して要素を前面に移動します

を使用して画像を前面に表示する方法がわかりませんCSS。z-indexを1000に、positionをrelativeに設定しようとしましたが、それでも失敗します。ここに例があります- #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; table-layout: fixed; border-collapse: collapse; } .td-main { text-align: center; padding: 80px 10px 80px 10px; border: 1px solid #A02422; background: #ABABAB; } …

87 html css z-index jsfiddle

5

css'ex '単位の値は何ですか？

（人気のある.NetユニットテストライブラリであるXunitと混同しないでください。）今日は退屈でGmailDOMの検査を始めました（はい、とても退屈でした）。特定の要素の幅に関する興味深い仕様に気付くまで、すべてが非常に単純に見えました。著名なグーグリットは、まれな「ex」ユニットを使用してテーブル列の数を指定していました。 width: 22ex; 最初は困惑しましたが（「ex」とは何ですか？」、それが私に戻ってきました。CSSについて最初に学んだ数年前のことを覚えているようです。CSS3仕様から： [元の単位は]最初に使用可能なフォントの使用済みエックスハイトに等しい。x-heightは、小文字の「x」の高さに等しいことが多いため、このように呼ばれます。ただし、「x」を含まないフォントに対しても「ex」が定義されます。まあ、良い。しかし、私は実際にそれが以前に使用されたのを見たことがありません（ましてや自分で使用したことはありません）。私はemsを非常に一般的に使用しており、その価値を高く評価していますが、なぜ「ex」なのですか？emよりもはるかに標準的な測定ではなく、はるかに有用性が低いようです。このトピックについて議論しているのを見つけた数少ないページの1つは、StephenPoleyのhttp://www.xs4all.nl/~sbpoley/webmatters/emex.htmlです。スティーブンは良い点を述べています、しかし、彼の議論は私には決定的ではないようです。だから私の質問は：「ex」ユニットはウェブデザインにどのような価値をもたらしますか？（この質問には主観的なタグを付けることができますが、その決定は私よりも経験豊富なSO'erに任せます。）

87 css specifications units-of-measurement

7

HTML順序リスト1.1、1.2（ネストされたカウンターとスコープ）が機能しない

ネストされたカウンターとスコープを使用して、順序付きリストを作成します。 ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> </ol> <li>four</li> </ol> コードスニペットを実行する結果を非表示スニペットを展開私は次の結果を期待しています： 1. one 2. two 2.1. two.one …

87 html css html-lists

9

要素に適用されるすべてのCSSルールを検索する

多くのツール/ APIは、特定のクラスまたはIDの要素を選択する方法を提供します。ブラウザによってロードされた生のスタイルシートを検査することも可能です。ただし、ブラウザーが要素をレンダリングするために、ブラウザーはすべてのCSSルール（おそらく異なるスタイルシートファイルから）をコンパイルし、それを要素に適用します。これは、FirebugまたはWebKit Inspector（要素の完全なCSS継承ツリー）で表示されるものです。追加のブラウザプラグインを必要とせずに、この機能を純粋なJavaScriptで再現するにはどうすればよいですか？おそらく、例は私が探しているもののいくつかの説明を提供することができます： <style type="text/css"> p { color :red; } #description { font-size: 20px; } </style> <p id="description">Lorem ipsum</p> ここで、p＃description要素には2つのCSSルールが適用されています。赤い色と20ピクセルのフォントサイズです。これらの計算されたCSSルールの出所を見つけたいと思います（色はpルールなどです）。

87 javascript css

9

divクラスのスタイル属性を変更するjquery

このようなスライダークラスがあり、スタイル属性style = "left：336px"を変更したい <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> 試しました $('.handle').css({'style':'left: 300px'})が、機能しません。ここで何が間違っているのかわからない

87 javascript jquery css

9

何もしない（文字通り何もしない）HTMLリンクを作成する

何もしないリンクが欲しい。私はこれを望んでいません： <a href="#"> URLがsomething.com/whatever/#。になるためです。リンクが必要な唯一の理由は、ユーザーがテキストをクリックできることを確認できるようにするためです。JavaScriptは何らかのアクションを実行するために使用されているため、リンクをどこにでも移動する必要はありませんが、リンクのように見える必要があります。いくつかのデータ属性を使用して、CSSに、要素にこの属性がある場合はリンクのように見せるように指示することもできますが、少しやり過ぎのようです。

87 html css

3

css URLで相対パス/絶対パスを使用するにはどうすればよいですか？

私は本番および開発サーバーを持っています。問題はディレクトリ構造です。開発： http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css 製造： http://live.com/images/image.jpg http://live.com/resources/css/style.css 両方のサーバーでプロパティの同じパスを使用するstyle.cssincssフォルダーを作成するにはどうすればよいbackground: urlですか？相対パスで使用できるトリックはありますか？

87 css relative-path absolute-path

17

input [type = text]を値の幅に自動スケーリングしますか？

<input type="text">の幅を実際の値の幅にスケーリングする方法はありますか？ input { display: block; margin: 20px; width: auto; } <input type="text" value="I've had enough of these damn snakes, on this damn plane!" /> <input type="text" value="me too" /> コードスニペットを実行する結果を非表示スニペットを展開

87 jquery html css

11

div内の2行だけでテキストをラップします

特定の幅のdiv内の2行だけでテキストを折り返したい。テキストが2行の長さを超える場合は、楕円を表示します。CSSを使用してそれを行う方法はありますか？例えば Sample text showing wrapping of text in only two line... ありがとう

87 html css

3

オーバーフローラップとワードブレイクの違いは？

overflow-wrap/word-wrapとの正確な違いはword-break何ですか？そして、誰かが私に非常に長いリンクを壊すためのより良いものを教えてもらえますか？ほとんどの人は、単語区切りを組み合わせて使用する必要があると言いますoverflow-wrapが、それはあまり論理的に見えません。クロスブラウザのサポートを向上さoverflow-wrapせるword-wrapためにと組み合わせて使用するのが最善の方法だと思います。どう思いますか？

87 html css word-wrap word-break

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

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