変換テーブルレイアウトをDiv

StackOverflow https://stackoverflow.com/questions/92842

  •  01-07-2019
  •  | 
  •  

質問

私の実施にコメントを制御することをASP.リピーターそれぞれ表示するコメントとなります。コメント自体は現在表示中のテーブルを使用して分散する一部の画像表示のコメントは、バブルが発生しました。

知っているテーブルが最悪のためのデザインのレイアウト、高表示は、ブラウザがいく方法れた丸いコーナーを正しい位置とエクスペディアが簡単、便利線ます。

いたので、例、hacksのHTML/CSSに必要な、きっとテーブルと期待さんの紹介を読み読むぞ-！

役に立ちましたか？

解決

最高の資源などの見を丸いコーナーを使用DIV要素にした記事"リストApart"と見 http://alistapart.com/articles/customcorners/.都内に何件か店を構える利用DIV要素にレイアウト全体のサイトがあり、その他の関連する記事をサポートして参りました。参照:

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

他のヒント

いくつかの異なる方法 丸いコーナーにCSS

うCSSをテーブルは、可能な限りではどのようにコードすることができやすくなり、このようなプロジェクトの範囲に足るのです。

短いて思ったこと。

<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>

るべきだ。でおすすめのコードを具体的には、できる完全な例が必要です。

都合に合った在家者との鋭角の丸いコーナーはtrivially命と絆を巡る物語が幕を開けるとの border-radius CSS物件です。ないブラウザの現在を実装している拠点としての物件が複数のとして先頭に付けられます。例えば、使用でfirefoxをご利用の -moz-border-radius, は、Safariを使用 -webkit-border-radius, など。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top