[CSS] tabela Opcje

[lnn]

wlasnie znalazlem takie opcje w programie, domniemam po nazwie ze chodzi o to ze dany div moze zachowywac sie jak tabela??

da sie zrobic pelnowartosciowa tabele do umieszczania danych tabelarycznych w CSS zamiast za pomoca znacznikow tabeli?

(IMG:http://img189.imageshack.us/img189/7383/beztytuuwe.jpg)

bo probowalem samym tym displayem (IMG:style_emoticons/default/winksmiley.jpg) ale chyba trzeba jeszcze pozycjonowac to zeby sie pokazywalo w miejscu w ktorym powinno i zachowywalo jak trzeba?

[HTML] pobierz, plaintext 
<div class="tabela">
<div class="wiersz">
<div class="kolumna">kolumna 1 wiersz 1</div>
<div class="kolumna">kolumna 2 wiersz 1</div>
</div>
<div class="wiersz">
<div class="kolumna">kolumna 1 wiersz 2</div>
<div class="kolumna">kolumna 2 wiersz 2</div>
</div>
</div>
[HTML] pobierz, plaintext 

zeby sie np dalo cos takiego zrobic (IMG:style_emoticons/default/tongue.gif)

Ten post edytował lnn 31.01.2010, 22:27:42

[lnn]

mam tak, i opcje chcialem zeby byly 3 komorki jako jedna, a robi sie tak:

(IMG:http://img94.imageshack.us/img94/2475/capture20100201214305.jpg)

[HTML] pobierz, plaintext 
div.table_user
{
    display: table;
    border-spacing: 3px;
    border: 1px solid #5BB700;
    width: 100%;
    background: white;
}
div.cell-1_user, div.cell-2_user, div.cell-3_user, div.cell-4_user, div.cell-5_user
{
    display: table-cell;
    text-align: center;
    border: 1px solid #5BB700;
    padding: 4px;
    font-size: 11px;
}
div.row-1_user
{
    display: table-row;
}
div.cell-1_user
{
    width: 4%;
}
div.cell-3_user
{
    width: 10%;
    background: yellow;
}
div.cell-4_user
{
    width: 10%;
    background: #80FF00;
}
div.cell-5_user
{
    width: 10%;
    background: red;
    color: white;
}
div.row-t_user
{
    display: table-row;
    background: #CBFF97;
    font-weight: bold;
}
div.cell-t_user
{
    display: table-cell;
}
<div class="row-t_user">
<div class="cell-1_user">lp.</div>
<div class="cell-2_user">nazwa obiektu</div>
<div class="cell-t_user">opcje</div>
</div>
[HTML] pobierz, plaintext 

poszedlem naokolo, zapewne gorna tabelka dziedziczy wartosc tej dolnej i dlatego sie nie skleja ;p
wiec zrobilem jeszcze drugi styl dla tej u gory i utworzylem oddzielna tabelke

Ten post edytował lnn 1.02.2010, 21:45:28