Как использовать CSS и незримые таблицы HTML для того чтобы выровнять содержание web page

Вывешено 7-ого февраля 2009 на 5:32 am

Выравнивание выдает на ваших blogs и страницы стержня будут общей проблемой для начинать bloggers.?? Если вам нужно положить шестоватое содержание (как представление газеты или кассеты) однако, то вы не будете иметь выбор а использовать таблицы.? См. нашему примеру ниже before and after я форматировал текст:

РАНЬШЕ:

«Только я должен объяснить к вам как была принесена полностью эта mistaken идея денонсировать удовольствие и хвалить боль и я передам вам вполне учет системы, и expound фактические преподавательства большого исследователя правды, оригинал-строителя людского счастья. No one браки, не невзлюбят, или избегают удовольствия самого, потому что будет удовольствием, но потому что те которые не умеют как последовать удовольствие рационально сталкиваются последствия которые весьма тягостны.

Ни снова любое любит или следует или желает получить боль себя, потому что будет болью, но потому что случайн обстоятельства происходят в которых труженичестве и боли может выхлопотать ему некоторое большое удовольствие. Принять тривиальный пример, который из мы всегда предпринимает laborious физическую тренировку, за исключением для того чтобы получить некоторое преимущество от его? Но имеет нисколько справедливо найти недостаток с человеком выбирает насладиться удовольствием не имеет никакие annoying последствия, или одно избегает боли которая не производит никакое возникающее удовольствие?»

ПОЖЕ:

в которых труженичестве и боли может выхлопотать ему некоторое большое удовольствие. Принять тривиальный пример, который из мы всегда предпринимает laborious физическую тренировку, за исключением для того чтобы получить некоторое преимущество от его? Но имеет нисколько справедливо найти недостаток с человеком выбирает насладиться удовольствием не имеет никакие annoying последствия, или одно избегает боли которая не производит никакое возникающее удовольствие?»

Not only что reformatted форма легке для того чтобы прочитать, оно также поддерживает ширину всей вещи в виду того что вы можете установить таблицу для того чтобы занять только некоторое количество пикселов.? Вы можете также установить расстояние пространства между колонки для того чтобы сопрягать ваши потребности.? Так как мы делаем такой контейнер таблицы??

Просто, введите таблицу использующ вашего редактора 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.??