1

ASP.Repeater を使用して各コメントを表示するコメント コントロールを実装しています。コメント自体は現在、テーブルを使用していくつかの画像を分割してコメントを表示するように表示されています。

テーブルはデザイン レイアウトにとって悪の縮図であり、ブラウザーで表示するには非常にコストがかかることはわかっていますが、丸みを帯びた角を正しい場所に配置してすべてが揃っていることを確認する方法が正確にはわかりません。

必要な HTML/CSS の提案、例、ハックがある人はいますか?それとも、表に固執して最善を尽くす必要がありますか?

4

4 に答える 4

4

DIV要素を使用して丸みを帯びた角を作成するために私が見た中で最高のリソースは、「AListApart」に関する記事でした。http：//alistapart.com/articles/customcorners/を参照してください。DIV要素を使用してサイト全体をレイアウトする場合は、そのサイトに関連する記事が他にもいくつかあります。見る：

http://alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/
http://www.alistapart.com/articles/negativemargins/

于 2008-09-18T14:19:03.980 に答える
1

CSS で角を丸くする方法はいくつかあります。

私は可能な限り表に CSS を使用することを好みますが、これはコードの保守がはるかに簡単であるためです。これは、足元を濡らすのに最適な範囲を備えたプロジェクトのように思えます。

于 2008-09-18T14:12:06.540 に答える
0

border-radiusIEユーザーに鋭い角を提示する場合は、 CSSプロパティを使用して角を丸くすることで簡単に解決できます。現在、これを基本プロパティとして実装しているブラウザはありませんが、プレフィックス付きプロパティとして実装しているブラウザもあります。たとえば、Firefoxで使用するには、プロパティを使用します-moz-border-radius。Safariの場合は-webkit-border-radius、などを使用します。

于 2009-02-18T00:01:44.450 に答える
0

要するに、次のようなものが必要です。

<style>
  .start { background-image: url("topofbubble.png"); height: <heightofimage>; }
  .end { background-image: url("bottomofbubble.png"); height: <heightofimage>; }
  .body {background-image: url("sliceofbubblemiddle.png"); }
</style>

...

<div class="comment">
  <span class="start"></span>
  <span class="body">I would like to say that div layouts are far better than table layouts.</span>
  <span class="end"></style>
</div>

これで始められるはずです。コードを具体的に試していないので、必要に応じて完全な例を作成できます。

于 2008-09-18T14:13:04.430 に答える