CSS - jak w tabelach ustawić border? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - jak w tabelach ustawić border?

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 5

1. Data: 2011-09-13 09:53:56
Temat: CSS - jak w tabelach ustawić border?
Od: Marek <p...@s...com>

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ć?

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2011-09-13 14:16:26
Temat: Re: CSS - jak w tabelach ustawić border?
Od: Peter May <p...@o...pl>

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

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2011-09-13 16:53:54
Temat: Re: CSS - jak w tabelach ustawić border?
Od: Marek <p...@s...com>

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;
}

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2011-09-14 07:14:12
Temat: Re: CSS - jak w tabelach ustawić border?
Od: Peter May <p...@o...pl>

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

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2011-09-14 08:02:20
Temat: Re: CSS - jak w tabelach ustawić border?
Od: Marek <p...@s...com>

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.

[ pokaż wiadomość z nagłówkami ]

do góry