プログラミング css

7

<span>タグ（または<div>）を変更して、<pre>CSSのみを使用するタグのようにコンテンツをプリフォーマットすることはできますか？

108 html css

11

誰もが私たちが好きなようにtrをスタイルする方法を知っていますか？私はテーブルでborder-collapseを使用しました。その後、trが1pxの実線のボーダーを表示できるようになりました。しかし、私が試したとき-moz-border-radius、それは動作しません。単純なマージンでも機能しません。

108 css

22

CSSによる内側のテキストの影

私は現在CSS3で遊んでいて、次のようなテキスト効果（黒いぼやけた内側の影）を実現しようとしています：しかし、テキスト内にテキストの影を作成する方法が見つかりません。box-shadow要素が次のように内部で影をレンダリングできるため、それがまだ可能かどうか疑問に思います。 box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5); 何か案は？

107 css text shadow

2

IEで機能しない要素に初期幅を使用する

<table>コンテナーと凡例をコンテナーに挿入するグラフプラグインがあります。このプラグインにtableはwidth定義がなく、CSSにはプラグインが挿入されたコンテナ内のテーブルの幅があります。そのため、新しいdivはtable{ width: 100%}CSSから継承され、正しくレンダリングされません。を使用しようとしましたがwidth: initial;、Chrome では問題ありませんが、IEはブラウザの互換性をチェックしませんスクリプト/プラグインでインラインCSSを変更/強制することは認めますが、それはどの環境でも機能する必要があるためです。ここでの最良の解決策は何ですか？

107 css internet-explorer cross-browser width

2

H1-H6タグの最も一般的なフォントサイズは何ですか[クローズド]

閉まっている。この質問はトピックから外れています。現在、回答を受け付けていません。この質問を改善してみませんか？ Stack Overflowのトピックとなるように質問を更新します。 9年前休業。この質問を改善する一般的なベストプラクティスのベースラインとしてどこから始めればよいかは常にわかりませんでした。はい、私はそれがあなたのデザインに依存することを知っています-しかし、最も一般的なものは何ですか？ここに私が最初に持っているものがあります： h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} はい、現在の仕事ではEMを使用していません。ありがとう

107 html css frontend

9

ナビゲーション用セパレータ

ナビゲーションの要素間にセパレータを追加する必要があります。セパレータは画像です。私のHTML構造は次のようなものですol > li > a > img。ここで私は2つの可能な解決策に行きます： li分離のためのタグをさらに追加するには（boo！）、各要素の画像にセパレーターを含めます（これはより良い方法ですが、ユーザーが「ホーム」などをクリックする可能性がありますが、「サービス」に移動する可能性があります。それらが前後にあり、ユーザーが誤ってセパレーターをクリックする可能性があるためです。「サービス」に属する）; 何をすべきか？

107 css navigation usability separator

7

最後の列を除いてテーブルセルの幅を最小にするにはどうすればよいですか？

100％幅のテーブルがあります。私<td>がそれにs を入れると、それらは同じ長さの列で広がります。ただし、最後を除くすべての列の幅をできるだけ小さくし、テキストを折り返さないようにします。最初に行ったのは、最後を除くwidth="1px"すべて<td>のに設定することでした（非推奨ですが、style="width:1px"効果はありませんでした）。これは、列にマルチワードデータが含まれるまでは問題なく機能しました。その場合、長さをできるだけ短くするために、テキストを折り返しました。実演させてください。このテーブルを想像してください： --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more data | other stuff | again, last column --------------------------------------------------------------------------------- more | of | these | rows --------------------------------------------------------------------------------- 何を試しても、次のいずれかになります。 --------------------------------------------------------------------------------- element1 | data | junk here | last column --------------------------------------------------------------------------------- elem | more …

107 html css html-table

3

負の変数値をサスしますか？

次のように、同じ量の正と負の値を使用する2つのscssセレクターがあります。 padding: 0 15px 15px; margin: 0 -15px 20px -15px; 15pxのすべての量に変数を使用したいのですが、これは機能しません。 $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; マージン金額は正の数に変換されます。何か不足していますか？

107 css sass compass-sass

3

埋め込みSVGにスタイルを適用する方法は？

107 html css svg

8

CSSを使用して画像サイズを比例的に変更しますか？

私は数日間、サムネイルギャラリーを構成して、すべての画像が同じ高さと幅で表示されるようにしています。ただし、Cssコードを次のように変更すると、 max-height: 150px; max-width: 200px; width: 120px; height: 120px; すべて同じサイズの画像が表示されますが、アスペクト比が引き伸ばされて画像を台無しにしています。代わりに画像ではなく画像コンテナのサイズを変更する方法はありませんか？アスペクト比を維持することができます。ただし、画像のサイズを変更します。（画像の一部を切り取ってもかまいません。）前もって感謝します！

107 html css gallery lightbox

9

ブラウザの幅/高さを変更したときに、CSSで画像を動的にサイズ変更するにはどうすればよいですか？

私は、ブラウザのウィンドウと一緒に画像のサイズ変更を行うことができるか疑問に思う、ここで私がこれまで行って（またはダウンロードしたものであるZIPでサイト全体を）。これはFirefoxでは問題なく機能しますが、Chromeでは問題があります。画像のサイズが常に変更されるとは限りません。ページが読み込まれたときのウィンドウのサイズに依存します。これはSafariでも問題なく機能しますが、画像が最小の幅/高さで読み込まれることがあります。画像サイズが原因の可能性がありますが、よくわかりません。（正常に読み込まれる場合は、数回更新してバグを確認してください。）どうすればこれをより完全にすることができますか？（JavaScriptが必要な場合は、それでも問題ありませんが、CSSが望ましいです。）

107 css image browser resize window

7

HTMLスパン揃えセンターが機能していませんか？

私はいくつかのHTMLを持っています： <div align="center" style="border:1px solid red"> This is some text in a div element! </div> Divによってドキュメントの間隔が変更されるため、代わりにこれにスパンを使用します。しかし、スパンはコンテンツを一元化していません： <span style="border:1px solid red;align=center"> This is some text in a div element! </span> どうすれば修正できますか？編集：私の完全なコード： <html> <body> <p>This is a paragraph. This text has no alignment specified.</p> <span style="border:1px solid red;text-align=center"> This …

107 html css

1

tr要素の周りのボーダーが表示されませんか？

Chrome / Firefoxはにボーダーをレンダリングしないようtrですが、セレクターがの場合はボーダーをレンダリングしtable tr tdます。 trに境界を設定するにはどうすればよいですか？うまくいかない私の試み： table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開 http://jsfiddle.net/edi9999/VzPN2/ これは同様の質問です：境界線をテーブルtrに設定すると、IE 6および7以外のすべてで機能しますが、IE以外のすべての場所で機能するようです。

107 html css html-table

8

div（高さ）が親の残りの高さになるようにする

http://jsfiddle.net/S8g4E/ 私はdiv2人の子供がいるコンテナを持っています。最初の子は所定の高さです。div特定の高さを指定せずに、2番目の子がコンテナの「空きスペース」を占めるようにするにはどうすればよいですか？この例では、ピンクdivもホワイトスペースを占める必要があります。この質問に似ています：divが残りの高さを占めるようにする方法は？しかし、私は絶対的な立場を与えたくありません。

107 html css height parent

8

親divを満たすためにdivの高さを伸ばす方法-CSS

以下のようなdivのページがあります <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> としてスタイリング; html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; width: 100%; height: 35px; background-color: #99CC00; } #B { top: …

107 css

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

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