Cómo utilizar el CSS y las tablas invisibles del HTML para alinear el contenido del Web page

Fijado el 7 de febrero de 2009 en 5:32

¿La alineación publica en sus blogs y los Web pages son un problema común para comenzar bloggers.?? ¿Si usted necesita poner el contenido acolumnado (como la presentación de un periódico o del compartimiento) sin embargo, usted no tendrá una opción sino utilizó las tablas.? Vea que nuestro ejemplo abajo antes y después ajusté a formato el texto:

ANTES:

“Solamente debo explicar a usted cómo toda esta idea equivocada de denunci placer y de elogiar dolor fue llevada y le daré una cuenta completa del sistema, y expongo las enseñanzas reales del gran explorador de la verdad, el amo-constructor de la felicidad humana. Nadie rechazos, tienen aversión, o evitan el placer sí mismo, porque es placer, pero porque los que no saben perseguir placer racional encuentran las consecuencias que son extremadamente dolorosas.

Ni hay otra vez cualquier persona que ame o persiga o desee obtener el dolor de sí mismo, porque es dolor, pero porque las circunstancias ocurren de vez en cuando en qué trabajo y dolor puede procurarlo un cierto gran placer. ¿Para tomar un ejemplo trivial, que de nosotros emprende siempre ejercicio físico laborioso, excepto para obtener una cierta ventaja de ella? Pero quién tiene a la derecha encontrar la avería con un hombre que elija gozar de un placer que no tenga ninguna consecuencia molesta, o uno quién evita un dolor que no produzca ningún placer resultante?”

DESPUÉS:

en qué trabajo y dolor puede procurarlo un cierto gran placer. ¿Para tomar un ejemplo trivial, que de nosotros emprende siempre ejercicio físico laborioso, excepto para obtener una cierta ventaja de ella? Pero quién tiene a la derecha encontrar la avería con un hombre que elija gozar de un placer que no tenga ninguna consecuencia molesta, o uno quién evita un dolor que no produzca ningún placer resultante?”

¿No sólo que el formato cambiado formato es más fácil de leer, él también mantiene la anchura de la cosa entera puesto que usted puede fijar una tabla para ocupar solamente cierta cantidad de pixeles.? ¿Usted puede también fijar la distancia del espacio entre las columnas para emparejar sus necesidades.? ¿Tan cómo hacemos tal envase de la tabla??

¿Simple, inserte una tabla usando su redactor 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.??