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

私のHTMLドキュメントには、2つの列と複数の行を持つテーブルがあります。CSSを使用して最初の列と2番目の列の間のスペースを増やすにはどうすればよいですか？「margin-right：10px;」を適用してみました 左側の各セルには影響しますが、効果はありません。

95 html  css  cell  margin  css-tables 

クライアントは、エンボス加工の外観に2つの色の境界線を必要としています。これを1つの要素で実行できますか？個別の境界線を持つ2つのDOM要素を重ねないようにしたいと思っていました。

95 css  border 

新しいMicrosoft Edgeブラウザが電話番号を検出すると、スタイルが上書きされることに気づきました。 <span class="phone">(123)123-1234</span> このjsfiddleを参照してください（Microsoft Edge：Pを使用して開く必要があります）。 この種のことはウェブサイトのデザインに侵入し、かなり不愉快です。確かにIEの後継者の特徴のように思えます：/ これを上書きまたは無効にして、Webサイトのユーザーに表示されないようにするにはどうすればよいですか？

95 html  css  microsoft-edge 

私のようなものがあります： <div id="content> <h1>Welcome to Motor City Deli!</h1> <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div> <div > ... </div> そのdiv内の日付のフォント色を設定できるように、2番目のdiv（「content」div内の最初のdiv）のcssセレクターは何ですか？

95 css  css-selectors 

こんにちは、私が何かを尋ねてからしばらく経ちました。これはしばらくの間私を悩ませてきたものです。質問自体はタイトルにあります： 垂直方向のヘッダーを持つHTMLテーブルを作成するための好ましい方法は何ですか？ 垂直ヘッダーとは、テーブル<th>の左側に（一般的に）ヘッダー（）タグがあることを意味します ヘッダー1データデータデータ ヘッダー2データデータデータ ヘッダー3データデータデータ 彼らはこのように見えます、これまでのところ私は2つのオプションを考え出しました 最初のオプション <table id="vertical-1"> <caption>First Way</caption> <tr> <th>Header 1</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> </table> この方法の主な利点は、それが表すデータの隣にヘッダーが右（実際には左）にあることです。ただし、私が好きでないの<thead>は<tbody>、<tfoot>タグとタグが欠落していることです。 nicellyが要素を一緒に配置したため、2番目のオプションに移動しました。 2番目のオプション <style type="text/css"> #vertical-2 thead,#vertical-2 tbody{ display:inline-block; } </style> <table id="vertical-2"> <caption>Second Way</caption> <thead> <tr> <th colspan="3">Header 1</th> </tr> <tr> …

95 html  css  datatable  semantic-markup 

CSS3は初めてなので、次のことができるようになりたいです。 要素にクラスを追加すると、この特定の要素で使用されている別のクラスのプロパティが上書きされます。 私が持っているとしましょう <a class="left carousel-control" href="#carousel" data-slide="prev"> というクラスを追加できるようにしたいと思いbakground-noneますleft。これは、クラスのデフォルトの背景を上書きします。 ありがとう！

95 css  class  overriding 

順序付けられていないリストから作成された水平ナビゲーションバーがあり、各リストアイテムには見栄えをよくするために多くのパディングがありますが、リンクとして機能する唯一の領域はテキスト自体です。ユーザーがリストアイテムの任意の場所をクリックしてリンクをアクティブにできるようにするにはどうすればよいですか？ #nav { background-color: #181818; margin: 0px; overflow: hidden; } #nav img { float: left; padding: 5px 10px; margin-top: auto; margin-bottom: auto; vertical-align: bottom; } #nav ul { list-style-type: none; margin: 0px; background-color: #181818; float: left; } #nav li { display: block; float: left; padding: 25px 10px; } #nav li:hover …

95 html  css  anchor 

jqueryヒントがあり、境界線を変更せずに不透明度を使用したかったので、divに含まれているtextareaがあります。テキストフィールドに入力しているときにのみ表示される垂直スクロールバーがあり、コンテナーを超えて表示されます。私はオーバーフローを試しました：auto; しかし動作しません。 テキストフィールド： <label> <div id="name"> <textarea name="message" type="text" id="message" title="Enter Message Here" rows=9 cols=60 maxlength="2000"></textarea> </div> </label> スタイル： #name { border: 1px solid #c810ca; width: 270px; height:159px; overflow: hidden; position: relative; } #message { height: 400px; width: 235px; overflow: hidden; position: absolute; }

95 html  css  forms 

プロジェクト用のCSSスタイルシートを作成しました。クラス「dojoxGrid」に属するテーブル要素を除くすべてのテーブル要素に適用されるcssルールを作成する方法はありますか？何かのようなもの： .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin:1em auto; border-collapse:collapse; }

95 css  css-selectors 

ボックスの影に透明度を設定することは可能ですか？ これは私のコードです： box-shadow:10px 10px 10px #000; -webkit-box-shadow:10px 10px 10px #000; -moz-box-shadow: 10px 10px 10px #000;

95 css 

私はこのようなテーブルを持っています： <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody> <tbody> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> </tbody> </table> 各tbody要素の間にスペースを入れたいのですが、パディングとマージンが機能しません。何か案は？

95 html  css 

少し問題があります。私はFireFox 3.6を使用しており、次のDOM構造があります。 <div class="view-row"> <div class="view-type">Type</div> <div class="view-name">Name</div> </div> そして次のCSS： .view-row { width:100%; display:table-row; } .view-name { display: table-cell; float:right; } .view-type { display: table-cell; } 脱ぐdisplay:table-rowと正しくview-row表示され、幅は100％になります。戻すと縮みます。私はこれをJS Binに載せました： http://jsbin.com/ifiyo どうしたの？

95 css 

displayプロパティを使用して、span要素を別の要素の下に表示されるように設定したい。インラインブロックを適用しようとしましたが、成功しませんでした。何らかの方法で要素に100％の幅を与えないようにすると、ブロックを使用できると考えました（要素を「引き伸ばしたくない」）。これは可能ですか、そうでない場合は、この種の問題を解決するための優れた実践方法は何ですか？ 例：各投稿の最後に「もっと読む」リンクを設定するニュースリスト（注：<a>ではなく<span>） <li> <span class="date">11/15/2012</span> <span class="title">Lorem ipsum dolor</span> <a class="read-more">Read more</a> </li> 更新：解決しました。CSSで適用 li { clear: both; } li a { display: block; float: left; clear: both; }

95 html  width  block  css 

CSSでdivの後の改行を防ぐ方法はありますか？ 例えば私は持っています <div class="label">My Label:</div> <div class="text">My text</div> そしてそれを次のように表示したい： 私のラベル：私のテキスト

95 css  html 

要素のCSS display == blockまたはnoneJavaScriptを使用しているかどうかを確認することはできますか？

95 javascript  css