Como usar o CSS e tabelas invis�veis do HTML alinhar o �ndice do Web page

Afixado fevereiro em 7, 2009 em 5:32 am

O alinhamento emite em seus blogs e os Web pages s�o um problema comum para come�ar bloggers.?? Se voc� necessitar p�r o �ndice columnar (como a apresenta��o de um jornal ou do compartimento) entretanto, voc� n�o ter� uma escolha mas usa tabelas.? Veja que nosso exemplo abaixo before and after eu formatei o texto:

ANTES:

“Mas eu devo explicar-lhe como toda esta id�ia equivocada de denouncing o prazer e de elogiar a dor foi carregada e eu lhe darei um cliente completo do sistema, e expound os ensinos reais do explorador grande da verdade, mestre-construtor da felicidade humana. No one rejei��es, n�o gostam, ou evitam do prazer pr�prio, porque � prazer, mas porque aqueles que n�o sabem perseguir racional o prazer encontram as conseq��ncias que s�o extremamente dolorosas.

Nem h� outra vez qualquer um que ama ou persegue ou a deseja obter a dor dse, porque � dor, mas porque ocasionalmente as circunst�ncias ocorrem em que labuta e dor pode o obter algum prazer grande. Para fazer exame de um exemplo trivial, que de n�s empreenda sempre o exerc�cio f�sico laborious, exceto para obter alguma vantagem dela? Mas quem tem para a direita para encontrar a falha com um homem que escolha apreciar um prazer que n�o tenha nenhuma conseq��ncia irritante, ou um quem evita uma dor que n�o produza nenhum prazer resultante?”

EM SEGUIDA:

em que labuta e dor pode o obter algum prazer grande. Para fazer exame de um exemplo trivial, que de n�s empreenda sempre o exerc�cio f�sico laborious, exceto para obter alguma vantagem dela? Mas quem tem para a direita para encontrar a falha com um homem que escolha apreciar um prazer que n�o tenha nenhuma conseq��ncia irritante, ou um quem evita uma dor que n�o produza nenhum prazer resultante?”

Not only that the reformatted format is easier to read, it also maintains the width of the whole thing since you can set a table to occupy only a certain amount of pixels.? Voc� pode tamb�m ajustar a dist�ncia do espa�o entre as colunas para combinar suas necessidades.? Assim como n�s fazemos tal recipiente da tabela??

Simples, introduza uma tabela usando seu editor do 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.??