Come usare CSS e le tabelle invisibili del HTML per allineare il soddisfare di Web page

Inviato il 7 febbraio 2009 a 5:32

L'allineamento pubblica sui vostri blogs ed i Web pagi è un problema comune per cominciare i bloggers.?? Se dovete mettere il soddisfare colonnare (come la presentazione dello scomparto o del giornale) tuttavia, non avrete una scelta ma usate le tabelle.? Veda che il nostro esempio qui sotto prima e dopo ho formattato il testo:

PRIMA:

“Ma devo spiegare a voi come tutta questa idea erronea di denuncia del piacere e dell'elogio del dolore è stata sopportata e gli farò un resoconto completo del sistema ed espongo gli insegnamenti reali dell'esploratore grande della verità, il padrone-costruttore di felicità umana. Nessun scarti, ha antipatia per, o evita il piacere in se, perché è piacere, ma perché coloro che non sa perseguire razionale il piacere incontrano le conseguenze che sono estremamente dolorose.

Né è ancora ci chiunque che gli ami o gli persegua o voglia ottenergli il dolore, perché è dolore, ma perché le circostanze si presentano occasionalmente in quali lavoro e dolore può ottenerlo un certo piacere grande. Per fare un esempio insignificante, che di noi intraprende mai l'esercitazione fisica laboriosa, tranne per ottenergli un certo vantaggio? Ma chi ha affatto a destra trovare il difetto con un uomo che sceglie godere un piacere che non ha conseguenze annoying, o uno chi evita un dolore che non produce piacere risultante?„

DOPO:

in quali lavoro e dolore può ottenerlo un certo piacere grande. Per fare un esempio insignificante, che di noi intraprende mai l'esercitazione fisica laboriosa, tranne per ottenergli un certo vantaggio? Ma chi ha affatto a destra trovare il difetto con un uomo che sceglie godere un piacere che non ha conseguenze annoying, o uno chi evita un dolore che non produce piacere risultante?„

Non solo che la disposizione riformattata è più facile da leggere, esso anche effettua la larghezza della cosa intera poiché potete regolare una tabella per occupare soltanto una determinata quantità di pixel.? Potete anche regolare la distanza di spazio fra le colonne per abbinare i vostri bisogni.? Così come facciamo un tal contenitore della tabella??

Semplice, inserisca una tabella usando il vostro redattore del 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.??