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

<div>変更したくない、派手なビジュアルコンテンツを含むブロックがあります。クリック可能なリンクにしたい。 私はのようなものを探していますが<a href="…"><div> … </div></a>、それは有効なXHTML 1.1です。

545 css  html  xhtml  anchor 

違いは何ですかcol-lg-*、col-md-*そしてcol-sm-*Twitterのブートストラップでは？

544 css  twitter-bootstrap  twitter-bootstrap-3  responsive-design  bootstrap-4 

2つの方法のどちらがW3C標準に準拠していますか？どちらもブラウザ間で期待どおりに動作しますか？ ボーダー：なし。 ボーダー：0;

543 css  border 

下線なしでリンクを白で表示しようとしています。テキストの色は白として正しく表示されますが、青い下線が頑固に持続しています。CSSでリンクの下線を削除しようtext-decoration: none;としtext-decoration: none !important;ました。どちらもうまくいきませんでした。 .boxhead .otherPage { color: #FFFFFF; text-decoration: none; } <div class="boxhead"> <h2> <span class="thisPage">Current Page</span> <a href="myLink"><span class="otherPage">Different Page</span></a> </h2> </div> コードスニペットを実行する結果を非表示スニペットを展開 リンクから青い下線を削除するにはどうすればよいですか？

542 css  hyperlink  underline 

次のような構造のサイトがあります。 <div id="header"></div> <div id="main"> <div id="navigation"></div> <div id="content"></div> </div> <div id="footer"></div> ナビゲーションは左側にあり、コンテンツdivは右側にあります。content divの情報はPHPを通じて取り込まれるため、毎回異なります。 どのページが読み込まれても、ナビゲーションの高さを垂直方向にスケーリングして、コンテンツのdivの高さと同じになるようにするにはどうすればよいですか？

535 html  css 

テーブルで、列の最初のセルの幅をに設定しました100px。 ただし、この列のいずれかのセルのテキストが長すぎる場合、列の幅はを超え100pxます。この拡張を無効にするにはどうすればよいですか？

535 html  css  column-width 

srcCSSで属性値を設定することは可能ですか？現在、私がしていることは： <img src="pathTo/myImage.jpg"/> こんな感じにしたい <img class="myClass" /> .myClass { some-src-property: url("pathTo/myImage.jpg"); CSSのまたはプロパティを使用せずにこれを実行したいです。backgroundbackground-image:

532 html  css  image 

複数のプロパティを持つCSSトランジションの省略形の正しい構文を見つけることができないようです。これは何もしません： .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; } .element.show { height: 200px; opacity: 1; } 私はjavascriptでshowクラスを追加します。要素が高くなり、表示されますが、遷移しません。最新のChrome、FF、Safariでのテスト。 何が悪いのですか？ 編集：明確にするために、CSSを縮小するための簡略版を探しています。すべてのベンダープレフィックスで十分に肥大化しています。サンプルコードも拡張しました。

519 css  webkit  css-transitions  shorthand 

画像、Flash、またはその他のグラフィックを使用せずにWebサイトにカスタムフォントを追加する方法はありますか？ たとえば、私は結婚式のウェブサイトで作業していて、そのテーマに適したフォントをたくさん見つけました。しかし、そのフォントをサーバーに追加する正しい方法が見つかりません。そして、CSSでそのフォントをHTMLに含めるにはどうすればよいですか？これはグラフィックなしで実行できますか？

519 html  css  fonts  font-face 

HTMLページにdivがあります。何らかの条件に基づいてこのdivを表示していますが、マウスカーソルをポイントしたHTML要素の後ろにdivが表示されています。 私は0〜999999のz-indexのすべての値を試しました。これがなぜ起こっているのか誰にも教えてもらえますか？ CSSのZ-INDEXプロパティの最小値または最大値はありますか？ .divClass { position: absolute; left: 25px; top: 25px; width: 320px; height: 300px; z-index: 1000; } <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink> </td> </tr> <tr> <td> <div class="divClass"> Some Data </div> </td> </tr> </table> コードスニペットを実行する結果を非表示スニペットを展開 私は.divClass、<asp:hyperlink>jQueryを使用してonclickでdivを表示および非表示にしています。

518 html  css  z-index 

これを理解できないのはばかげていますが、ワードラップをオフにするにはどうすればよいですか？css word-wrapプロパティはで強制的にオンにするbreak-wordことができますが、強制的にオフにすることはできません（normal値のままにしておくことができます）。 どのように私はワードラップを強制しますオフ？

517 html  css  word-wrap 

印刷された各ページにカスタムヘッダーとフッターを含むHTMLページを印刷することはできますか？ 内容に関係なく、印刷されたすべてのページの上部と下部に、赤、Arial、サイズ16ptの「未分類」という単語を追加したいと思います。 明確にするために、ドキュメントが5ページに印刷された場合、各ページにはカスタムヘッダーとフッターが必要です。 HTML / CSSを使用してこれが可能かどうか誰かが知っていますか？

516 css  header  printing  stylesheet  footer 

CSSを使用してテキストの長さを「n」行に制限することはできますか（または垂直方向にオーバーフローしたときにカットします）。 text-overflow: ellipsis; 1行のテキストに対してのみ機能します。 元のテキスト： Ultrices natoque mus mattis、aliquam、pelentesque tinciduntのエリートpurus lectus、vel ut aliquet、elementum nunc nunc rhoncus placerat urna！座ってest sed！Ut penatibus turpis mus tincidunt！ダピバスセドアエネン、マグナサジティス、ロレムベリット 必要な出力（2行）： Ultrices natoque mus mattis、aliquam、pelentesque tinciduntの cras ellit purus lectus、vel ut aliquet、elementum ...

515 css  text  overflow  ellipsis 

単純なスキーム： <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> の固定幅を設定する必要があり<td>ます。私はもう試した： tr.something { td { width: 90px; } } また td.something { width: 90px; } ために <td class="something">B</td> そして、 <td style="width: 90px;">B</td> ただし、幅は<td>同じです。

514 css  twitter-bootstrap  width  html-table 

タグを使用してメニューに[ 履歴書を送信 ] というリンクを配置しようとしていますli。2つの単語の間に空白があるため、2行に折り返されます。CSSでこの折り返しを防ぐ方法は？

513 html  css  word-wrap