Hoe te om CSS - en onzichtbare HTML- lijsten te gebruiken om webpageinhoud te richten

Gepost op 7 Februari, 2009 in 5:32 am

De kwesties van de groepering op uw blogs en Web-pagina's is een gemeenschappelijk probleem voor het beginnen bloggers.?? Als u zuilvormige inhoud (als een krant of tijdschriftpresentatie) moet zetten nochtans, te gebruiken zult u hebben geen keus maar lijsten.? Zie ons voorbeeld hieronder before and after ik de tekst formatteerde:

VÓÓR:

„Maar ik moet verklaren aan u hoe al dit verkeerde idee van het aan de kaak stellen van genoegen en het prijzen van pijn geboren was en ik u volledig verslag van het systeem, zal uitbrengen en het daadwerkelijke onderwijs van de grote ontdekkingsreiziger van de waarheid, de hoofd-bouwer van menselijk geluk zal uiteenzetten. Niemand verwerpt, houdt niet, of vermijdt van genoegen zelf, omdat het genoegen is, maar omdat zij die het weten hoe te om geen genoegen rationeel na te streven gevolgen ontmoeten die uiterst pijnlijk zijn.

Noch opnieuw zijn er iedereen wie houdt of nastreeft of wenst van pijn van zich te verkrijgen, omdat het pijn is, maar omdat de omstandigheden voorkomen nu en dan waarin de zware arbeid en de pijn hem wat groot genoegen kunnen verkrijgen. Om een onbelangrijk te nemen voorbeeld, van ons onderneemt ooit afmattende fysieke oefening, waarbehalve om wat voordeel uit het te verkrijgen? Maar wie om het even welk recht heeft fout met een mens te vinden die verkiest om van een genoegen te genieten dat geen lastige gevolgen heeft, of die een pijn vermijden die geen resulterend genoegen?“ veroorzaakt

NA:

waarin de zware arbeid en de pijn hem wat groot genoegen kunnen verkrijgen. Onderneemt om een onbelangrijk te nemen voorbeeld, van ons ooit afmattende fysieke oefening, waarbehalve om wat voordeel uit het te verkrijgen? Maar wie om het even welk recht heeft fout met een mens te vinden die verkiest om van een genoegen te genieten dat geen lastige gevolgen heeft, of die een pijn vermijden die geen resulterend genoegen?“ veroorzaakt

Niet alleen dat het opnieuw ingevoerde formaat gemakkelijker is te lezen, het ook de breedte van het gehele ding handhaaft aangezien u een lijst kunt plaatsen om slechts een bepaalde hoeveelheid pixel te bezetten.? U kunt de afstand van ruimte tussen de kolommen ook plaatsen om aan uw behoeften tegemoet te komen.? Zo hoe maken wij zulk een lijstcontainer??

Neem eenvoudig, een lijst op gebruikend uw redacteur van HTML.? 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.??