provocare1.MyForum.ro

vinars · Administrator Data inscrierii: 06/Aug/2009 Mesaje: 110

Un layout nu are prea multe optiuni. Pe de alta parte un table este foarte folositor. Intr-un tabel poate fi introdus cam absolut orice element, chiar si un alt tabel.

<table id="shell" bgcolor="black" border="1" heigh="200" width="300">

<tr><td> <table id="inner" bgcolor="white" heigh="100" width="100">

<tr><td>Tables inside tables!</td></tr>

</table> </td></tr></table>

Copiaza acest cod in notepad si salveazal ca un document .html.

--------------------------------------------------------------------------------

HTML - layout standard
Un layout standard consta intr-un banner in zona de sus a paginii un meniu in partea din stanga iar zona de continut in componentă de dreapta-mijloc. Acesta este cel mai clasic layout pentru un website, iar dupa parerea mea un model foarte

<table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400">
<tr height="50"><td colspan="2" bgcolor="white">
<table title="Banner" id="banner" border="0">
<tr><td>Place a banner here</td></tr>
</table>
</td></tr> <tr height="200"><td bgcolor="white">
<table id="navigation" title="Navigation" border="0"> <tr><td>Links!</td></tr>
<tr><td>Links!</td></tr> <tr><td>Links!</td></tr>
</table>
</td><td bgcolor="white"> <table title="Content" id="content" border="0"> <tr><td>Content goes here</td></tr>
</table>
</td></tr></table>

Vizualizare
Vezi acest exemplu intr-o fereastra noua

Aceasta este o abordare de baza. Dupa cum vei observa daca vei utiliza aceste layout-uri in paginile tale, va daveni foarte complex pe masura ce vei adauga continut. Cu toate acestea este important sa specifici inaltimea (height) si latimea (width). Cu cat vei fi mai specific in stabilirea acestor semnale cat si a altora cu atat mai putine bug-uri vei avea.

<table id="shell" title="Shell" height="250" width="400" border="0" bgcolor="black" cellspacing="1" cellpadding="0"> <tr height="50"><td bgcolor="white">

<table title="banner" id="banner">

<tr><td>Banner goes here</td></tr>

</table>

</td></tr> <tr height="25"><td bgcolor="white">

<table title="Navigation" id="navigation">

<tr><td>Links!</td> <td>Links!</td> <td>Links!</td></tr>

</table>

</td></tr> <tr><td bgcolor="white">

<table title="Content" id="content"> <tr><td>Content goes here</td></tr>

</table> </td></tr></table>

Studiaza putin acest cod, organizeazal in asa masura incat sa il poti intelege. Copiazal intr-un document nou pentru a-l vizualiza.

animalplanet2 · Trimis: 28/07/2012 10:09 Titlul subiectului:

Hi!!! Nice post Thank for that) Besides my friends real agree with me)) Thank again!

animalplanet2 · Trimis: 29/07/2012 23:58 Titlul subiectului:

I am glad to learn something new! In general, a positive attitude to all the people who do not stand still, and learn something new.