Witam,

Mamy sobie konstrukcję:

<div class="tabela">
<div class="wiersz">
<div class="komorka"></div>
<div class="komorka"></div>
<div class="komorka"></div>
</div>
</div>

Chciałbym aby komórka np. numer 2 pyła odsunięta od poprzedniej o 10px, a
komórka nr 3 od poprzedniej o 20px. Odstęp między nimi nie może być
wypełniony żadnym kolorem. Jak to zdefiniować?

do góry

W dniu 13-09-2011 11:53, Marek pisze:
> Witam,
>
> Mamy sobie konstrukcję:
>
> <div class="tabela">
> <div class="wiersz">
> <div class="komorka"></div>
> <div class="komorka"></div>
> <div class="komorka"></div>
> </div>
> </div>
>
> Chciałbym aby komórka np. numer 2 pyła odsunięta od poprzedniej o 10px, a
> komórka nr 3 od poprzedniej o 20px. Odstęp między nimi nie może być
> wypełniony żadnym kolorem. Jak to zdefiniować?

Ekhm... a gdzie ta tabela? Bo ja znam <table>.

--
Peter

do góry

Dnia Tue, 13 Sep 2011 16:16:26 +0200, Peter May napisał(a):

> W dniu 13-09-2011 11:53, Marek pisze:
>> Witam,
>>
>> Mamy sobie konstrukcję:
>>
>> <div class="tabela">
>> <div class="wiersz">
>> <div class="komorka"></div>
>> <div class="komorka"></div>
>> <div class="komorka"></div>
>> </div>
>> </div>
>>
>> Chciałbym aby komórka np. numer 2 pyła odsunięta od poprzedniej o 10px, a
>> komórka nr 3 od poprzedniej o 20px. Odstęp między nimi nie może być
>> wypełniony żadnym kolorem. Jak to zdefiniować?
>
> Ekhm... a gdzie ta tabela? Bo ja znam <table>.

Oj tam, to był skrót myślowy ... pseudo-tabela: :-)

.tabela {
display:table;
}

.wiersz {
display:table-row;
}

.komorka {
display:table-cell;
}

do góry

W dniu 13-09-2011 18:53, Marek pisze:
> Dnia Tue, 13 Sep 2011 16:16:26 +0200, Peter May napisał(a):
>
>> W dniu 13-09-2011 11:53, Marek pisze:
>>> Witam,
>>>
>>> Mamy sobie konstrukcję:
>>>
>>> <div class="tabela">
>>> <div class="wiersz">
>>> <div class="komorka"></div>
>>> <div class="komorka"></div>
>>> <div class="komorka"></div>
>>> </div>
>>> </div>
>>>
>>> Chciałbym aby komórka np. numer 2 pyła odsunięta od poprzedniej o 10px, a
>>> komórka nr 3 od poprzedniej o 20px. Odstęp między nimi nie może być
>>> wypełniony żadnym kolorem. Jak to zdefiniować?
>>
>> Ekhm... a gdzie ta tabela? Bo ja znam<table>.
>
> Oj tam, to był skrót myślowy ... pseudo-tabela: :-)
>
> .tabela {
> display:table;
> }
>
> .wiersz {
> display:table-row;
> }
>
> .komorka {
> display:table-cell;
> }

E, no... tak z ciekawości: po co taka kombinacja?

--
Peter

do góry

Dnia Wed, 14 Sep 2011 09:14:12 +0200, Peter May napisał(a):

>
> E, no... tak z ciekawości: po co taka kombinacja?

Aby nie zostać spalonym na stosie gdy ośmieliłbym się budować layout na
tabelach :-)

Uprzedzę też Twoją ewentualną sugestę co do wykorzystania floatów: one mają
jeden feler - nie pozwalają rozciągnąć się na 100% wysokości kontenera.
Dlatego "tabela" znalazła się tu.

do góry