ウェブページ内容を一列に並べるためにCSSと目にみえないものHTMLテーブルを使う方法

5:32AMに2009年2月7日に貼られました

あなたのブロッグとウェブページに関する整列問題は、ブロッグ更新者を始めるための共通の問題です。もししかし円柱の内容(新聞または雑誌贈呈のように)を置く必要があれば、あなたは、選択しかしテーブルを使うことを持たないでしょう。前にと私がテキストをフォーマットした以後私たちの以下の例を見て下さい:

以前:

“But Iは、どのように喜びを非難して苦痛を誉めるというすべてのこの間違った考えは、生まれ、そして、私があなたに制度の完全な口座を与えて、そして真実、人の幸福の棟梁のすばらしい探検家の実際の教育を説明するだろうかということをあなたに説明しなくてはいけません。しかし、喜びを追求する方法を知らない人たちが合理的に極めて苦しい結果に出会うので、誰も、それが喜びであるので、それ自身で喜びを退けて、嫌うかまたは避けません。

また、それが苦痛であるので、しかし時々、出来事はどちらの骨折りで起こり、そして、苦痛が彼あるすばらしい喜びを手にいれることができるのでまたひとりでに愛しているかまたは追う誰かまたは行われていたいという願望が苦しめるそこにです。些細な例を取るために、それからある有利を得ることを除いて、私たちのどちらが、骨が折れる体操を今までに引き受けますか?しかし、誰が、苛立たせない結果を持っている喜びまたはどんな結果として生じる喜びももたらさない苦痛を避ける人を楽しむことに決める男性にけちをつけるどんな権利も持ちますか?”

以後:

“But Iは、どのように喜びを非難して苦痛を誉めるというすべてのこの間違った考えは、生まれ、そして、私があなたに制度の完全な口座を与えて、そして真実、人の幸福の棟梁のすばらしい探検家の実際の教育を説明するだろうかということをあなたに説明しなくてはいけません。しかし、喜びを追求する方法を知らない人たちが合理的に極めて苦しい結果に出会うので、誰も、それが喜びであるので、それ自身で喜びを退けて、嫌うかまたは避けません。また、それが苦痛であるので、しかし時々、出来事が起こるのでひとりでにまた愛しているかまたは追う誰かまたは行われていたいという願望が苦しめるそこにです どちらの骨折りと苦痛で、彼あるすばらしい喜びを手にいれることができます。些細な例を取るために、それからある有利を得ることを除いて、私たちのどちらが、骨が折れる体操を今までに引き受けますか?しかし、誰が、苛立たせない結果を持っている喜びまたはどんな結果として生じる喜びももたらさない苦痛を避ける人を楽しむことに決める男性にけちをつけるどんな権利も持ちますか?”

その再フォーマットされたフォーマットだけが読むのがより簡単でない、それは、あなたがテーブルにある程度の量のピクセルだけを占めさせることができるのでそのすべての物の広さをまた維持します。あなたは、あなたの必要なものと調和するために、欄の間で空間の距離をまたセットすることができます。それで、どのように私たちは、このようなテーブル容器を製作しますか?

シンプルであってあなたのHTMLエディタを利用したテーブルを挿入して下さい。境界が見えないようにあなたdon’tが境界属性で価値を置いたことを確かめるだけで良いのです。列を1への同等のものと2への欄にして下さい。あなたが必要とするように、あなたは、通りと欄を変えることができます。以下のスクリーンショットで、私は本物の作家を使い、しかし、それは、他のウェブ・エディターでのように同じ原則であるべきです:

イメージ

あなたは、それの上に、私は境界を空白であるままにしておき、そして、それがそれを見えなくするのを見ることができます。もしあなたが上記のテーブルの例のコードを見れば、私は、cellpaddingのサイズ8ピクセルと5ピクセルのcellspacingを使いました。border’s値は、もちろんゼロです。

<テーブルcellspacing=「5の」cellpadding=「8の」広さ=「506インチ境界=0">


csharpcode、csharpcode pre
{
フォント-サイズ:小さく;
色:黒;
フォント-家族:consolas、“Courier New”、急使、monospace;
背景色:#ffffff;
/*white-space:pre;*/
}
csharpcode pre{余白:0em;}
csharpcode.rem{色:#008000; }
csharpcode.kwrd{色:#0000ff;}
csharpcode.str{色:#006080; }
csharpcode.op{色:#0000c0;}
csharpcode。preproc{色:#cc6633;}
csharpcode.asp{背景色:#ffff00;}
csharpcode.html{色:#800000; }
csharpcode.attr{色:#ff0000;}
csharpcode.alt
{
背景色:#f4f4f4;
広さ:100%;
余白:0em;
}
csharpcode.lnum{色:#606060; }

それから、これの後で、テーブルのセルの中にコンテンツをちょうどペーストして下さい。

あなたは、それぞれにテキストの量と釣り合いをとるためにそれぞれのセル内部のテキストの量を手動で調節する必要があるでしょう。あなたが願うので広さ、cellpaddingとcellspacingパラメーターが評価するテーブルを調節して下さい。

That’sそれ!あなたは、円柱のテキスト・ディスプレイを完全なアライメントで扱うために、見えないテーブルでコンセプトを適用することができるでしょう。

ベンCarigtanがあなたに見せますどのようにされるit’s!

この郵便を楽しみました?オンラインの科学技術秘訣に同意します経由でRSS食事 あるいは経由でEメール そして、自由に毎日の生産力チップを受けて下さい。

»が一列になって進みましたの下にウェブ・サイト・チップ

増しますおいしいです このページを取っておいて下さい Mixxそれ Mixxでそれを刺激して下さい
Reddit Redditを増して下さい StumbleUpon つまづきこのページ  

関係がある郵便

どうぞあなたのコメント/提案をポストして下さい!