Trucuri cu tabele html

Trucuri de design de masă.
Locația 2 tabele de date într-un singur rând.

webmasteri Novice sunt destul de comune cu problema informațiilor referitoare la locație într-un singur număr. Fie că este vorba o imagine pe stânga și textul la dreapta, sau două casete de text furnizate sub formă de coloane.

Există mai multe moduri de a realiza sarcina, dar nu orice metodă poate rezolva problema compatibilității diferitelor browsere. Lucru este că limbajul HTML este interpretat diferit de mai multe browsere, de exemplu, un browser, poate afișa informațiile așa cum ne-am așteptat, iar celălalt -. Diferite. Aici, de asemenea, există o problemă familiar pentru multe saytostroitelyam. În căutarea site-ului cross-browser, web designeri caută modalități de a dezvolta o pagină a site-ului, astfel încât să fie afișată în toate browserele în mod egal.

Modul cel mai de succes pentru a proiecta aspectul paginii în limba HTML este un tabel. În plus față de tabelul de funcție principală permite foarte bine servi ca un design „schelet“ a site-ului.

În cazul nostru, vom folosi un tabel pentru a crea o coloană cu textul.

Amplasarea celor două table în același rând.

Pentru început, să ne creați un tabel format din două coloane cu o valoare dincolo de lățimea de 0 pixeli (border = „0“).
etichetă (Coloană de tabel de etichete) indică atributul valign cu o valoare „de top“, atunci taxa la informațiile situat la marginea de sus a mesei.

Asta despre ce cod html pe care ar fi primit:

În fiecare celulă (între etichetele  ) Din masa noastră vom crea un alt tabel, dar lățimea c cadru de 1 pixel și o singură coloană.
Uite cum masa ar trebui să obțineți:

„Cellspace“ atribut din tabelul de master este de 2.

Aici este întreg codul HTML, dezvoltat de noi în acest moment:

Vezi tu, nimic complicat. Si cel mai important - citit codul în toate browserele.

Text Coloana.

Pe baza acestei putem cu tine pentru a crea o coloană cu textul.

Pentru a face acest lucru, am primit tabelele schimbă parametrii „de frontieră“ tag-ul

.
În toate tabelele, modificați valoarea atributului de frontieră 0 - 1, iar în celulele de tabele imbricate a scrie orice text.

Iată ce rezultatul ar trebui să obțineți:

Textul, scris în prima coloană a tabelului imbricate.

Textul, scris în prima coloană a tabelului imbricate.

Destul de bine, nu-i așa?

Succesul în web design!