Трикове с HTML таблици

Трикове на проекта на таблицата.
Местоположение 2 маси на данни в един ред.

Начинаещите уебмастъри са доста често срещани проблема с информацията за местоположението, в един брой. Независимо дали става дума снимка в ляво и текстът в дясно, или две текстови полета, предоставена под формата на колони.

Има няколко начина, за да изпълни задачата, но не всеки метод може да реши проблема за съвместимостта на различни браузъри. Работата е там, че на езика HTML се тълкува по различен начин от много браузъри, т.е., един браузър може да покаже информацията, както очаквахме, а другият -. Различен. Тук също има проблем познато на мнозина saytostroitelyam. В преследването на сайта крос-браузър, уеб дизайнери търсят начини за разработване на страница на сайта, така че да се показва във всички браузъри еднакво.

Най-успешният начин за дизайн оформлението на страницата на езика HTML е една маса. В допълнение към основната си маса функция позволява много добре да послужи като "скелет" дизайн на сайта.

В нашия случай, ние ще използваме една маса, за да създадете колона с текста.

Местоположение на двете плочи в един и същи ред.

Като за начало, нека да създадете таблица, състояща се от две колони, чиято стойност е извън ширината на 0 пиксела (Гранична = "0").
свободен край (Tag колона на таблицата) показват, атрибутът valign с "отгоре" стойност, а след това таксата до информацията, разположена в горния край на масата.

Ето какво HTML-код трябва да сте получили:






  

Във всяка клетка (между тагове  ) На нашата маса ние създаваме друга маса, но ширината в кадър от 1 пиксел и една колона.
Вижте колко масата трябва да получите:

"Cellspace" атрибут в основната маса е 2.

Тук е цялата HTML-кода, разработен от нас в момента:










 




 

Виждате ли, нищо сложно. И най-важното - прочетете кода във всички браузъри.

Колона текст.

Въз основа на това, което можем с вас, за да създадете колона с текста.

За да направите това, ние сме получили таблиците променя параметрите "граница" таг

.
Във всички таблици, променете стойността на граничния атрибут от 0 до 1, и в клетките на вложени таблици пиша всеки текст.

Ето какво резултатът трябва да можете да получите:

Текстът, написан в първата колона на вложените масата.

Текстът, написан в първата колона на вложените масата.

Много добре, нали?

Успехът в уеб дизайн!