Wie man CSS und unsichtbare HTML Tabellen benutzt, um Webseite Inhalt auszurichten

Bekanntgegeben am 7. Februar 2009 bei 5:32 morgens

Ausrichtung gibt auf Ihren blogs heraus und Webseiten ist ein allgemeines Problem für den Beginn von bloggers.?? Wenn Sie säulenartigen Inhalt jedoch setzen müssen (wie eine Zeitung oder Zeitschrift Darstellung) haben Sie nicht, eine Wahl aber benutzen Tabellen.? Sehen Sie, daß unserem Beispiel unten vorher und nachher ich den Text formatierte:

VORHER:

„Aber ich muß Ihnen erklären, wie diese ganze irrtümliche Idee des Kündigens des Vergnügens und des Preisens von Schmerz getragen wurde und ich Ihnen komplettes über dem System berichte, und erkläre dem tatsächlichen Unterricht des großen Forschers der Wahrheit, der Meistererbauer des menschlichen Glückes. Keine Ausschüße, lehnt ab oder vermeidet Vergnügen selbst, weil es Vergnügen ist, aber weil die, die nicht Vergnügen rational ausüben können, Konsequenzen antreffen, die extrem schmerzlich sind.

Noch gibt wieder es jedermann, das, die Schmerz von sich zu erreichen liebt oder ausübt oder wünscht, weil es Schmerz ist, aber weil gelegentlich Umstände auftreten in, welchem Mühe und die Schmerz ihn verschaffen können etwas großes Vergnügen. Ein triviales Beispiel, das von uns mühsame sich überhaupt körperliche übung aufnimmt, ausgenommen nehmen, um etwas Vorteil von ihm zu erhalten? Aber wer irgendwie nach rechts, Störung mit einem Mann zu finden hat, der beschließt, ein Vergnügen zu genießen, das keine ärgerlichen Konsequenzen hat, oder eins, wer Schmerz vermeidet, die produziert kein resultierendes Vergnügen?“

NACHHER:

in, welchem Mühe und die Schmerz ihn verschaffen können etwas großes Vergnügen. Ein triviales Beispiel, das von uns mühsame sich überhaupt körperliche übung aufnimmt, ausgenommen nehmen, um etwas Vorteil von ihm zu erhalten? Aber wer irgendwie nach rechts, Störung mit einem Mann zu finden hat, der beschließt, ein Vergnügen zu genießen, das keine ärgerlichen Konsequenzen hat, oder eins, wer Schmerz vermeidet, die produziert kein resultierendes Vergnügen?“

Nicht nur daß das umformatierte Format einfacher, auch zu lesen, es ist, behält die Breite der vollständigen Sache bei, da Sie eine Tabelle einstellen können, um nur eine bestimmte Menge Pixel zu besetzen.? Sie können den Abstand des Raumes zwischen die Spalten auch einstellen, um Ihre Notwendigkeiten zusammenzubringen.? So wie bilden wir solch einen Tabelle Behälter??

Einfach, setzen Sie eine Tabelle mit Ihrem HTML Herausgeber. ein? Just make sure that you don?t put a value on the BORDER attribute so that the borders are invisible.? Let rows be equal to 1 and columns to 2.? You can change the rows and columns as you require.? In the screenshot below, I used Live Writer but it should be the same principle as in other web editors:

You can see above that I left the border blank and that makes it invisible. If you look at the code of the example table above, I used size 8 pixels of cellpadding and 5 pixels of cellspacing.? The border?s value is of course zero.

<table cellspacing="5" cellpadding="8" width="506" border="0">

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, “Courier New”, courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

Then after this, just paste the content inside the cells of the table.?

You will need to manually adjust the amount of text inside each cell to balance the amount of text on each one.? Adjust the table width, cellpadding and cellspacing parameter values as you desire.

That?s it! You should be able to apply the concept on invisible tables to handle columnar text displays with perfect alignment.??