Tutoriale Web Design, Wordpress si SEO

Tutoriale Web Design:CSS, Dreamweaver, Photoshop, Web 2.0 dar si Tutoriale Wordpress si SEO

Tabele si DIV-uri

Autor admin • Mar 22nd, 2007 • Categorie: Tutoriale CSS • Comentarii « Nici un comentariu »

Tabele construite cu CSS sunt mult mai eficiente! 

Tabel Simplu

< table >   

  < tr >   

    < td >   

    < / td >   

    < td >   

    < / td >   

  < / tr>   

  < tr>   

    < td >   

    < / td >   

    < td >   

    < / td >   

  < / tr>   

< table >

Tabel cu DIV

< div class = “table” >   

  < div class = “tr” >   

    < div class = “td” > < / div >   

    < div class = “td” > < / div >   

  < / div >   

  < div class = “tr” >   

    < div class = “td” > < / div >   

    < div class = “td” > < / div >   

  < / div >   

< / div >

definitiile celor trei noi clase vor contine proprietatile:

.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; }
Setand proprietatile de mai sus latimile coloanelor se vor transmite in sus/jos exact ca intr-un tabel normal.

Alte proprietati ale unui TABLE


TABLE { display: table }
TR { display: table-row }
THEAD { display: table-header-group }
TBODY { display: table-row-group }
TFOOT { display: table-footer-group }
COL { display: table-column }
COLGROUP { display: table-column-group }
TD, TH { display: table-cell }
CAPTION { display: table-caption }

Articole asemanatoare:

  • Formular cu CSS
  • Tabele in Dreamweaver

    • admin is Ana Design. V-a placut tot ce v-am recomandat in tutorial? Atunci nu uitati sa faceti un link catre articol si bookmark it!
    Email this author | Toate articolele scrise de admin

    This entry was posted on Thursday, March 22nd, 2007 at 5:05 pm and is filed under Tutoriale CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

    Lasa un comentariu sau Parerea ta despre acest subiect

    Trebuie sa te autentifici pentru a lasa un comentariu.