Dnia Fri, 06 Jan 2012 22:10:32 -0000, porneL napisał(a):

>> Dlaczego podwójne? Pod P i pod LI? To masz na myśli? Bo nad elementami
>> zerujemy je.Jeśli są one niepożądane (czyli mają wygladać inaczej) to da
>> się to ostylować odpowiednio. Do tego właśnie stylowanie służy :-)
>> Nieprawdaż ? :)
>
> Nie wydaje mi się, żeby celem CSS było wymaganie nadawania stylów każdej
> kombinacji elementów.

Chyba nie rozumiemy się:

p, ul, ol, dl, h1, h2 {
margin-top: 0px;
margin-bottom: 15px;
}

Nie ma tu żadnej kombinacji elementów.

Jeśli z jakiegoś powodu chcemy aby któryć z elementów wyglądał inaczej
wewnątrz innego to dopiero wtedy tworzymy taką kombinację. Nie zależy to
już od tego czy godzimy się na collapsing czy nie. Jeżeli chcesz aby pod P
było 100px jeśli jest on umieszczony w LI to telepatycznie przeglądarka o
tym się nie dowie. Trzeba to napisać przecież w CSS :-)

>> Dzięki wyłączaniu efektu collapsingu takie zmiany dokonuję bez
>> zastanawiania się bo wiem, że nic się nie rozpadnie.
>
> Wygląda mi na to, że jak chcesz konkretny odstęp w wewnątrz konkretnego
> elementu, to powinieneś użyć padding od początku. Możesz też dać #kontener
>>:first-child {margin-top:0 !important;} jak nie chcesz
> marginesów-niespodzianek.

Oczywiście masz rację, ale po co sobie komplikować skoro 3 linijki stylu
takiego jak wyżej to załatwią?

>
>> Ale wtedy masz linię przez podzieloną grafikę.
>
> Jaką podzieloną grafikę? Netscape 4 już nikt nie używa.

<div style="background-image: url(pol_obrazka.jpg)">
<div style="background-image: url(drugie_pol_obrazka.jpg); border-top: 1px
solid #FFF">

Jeśli ten border jest po to aby przerwać collapsing, to obrazek zostanie
podzielony na dwie części z białą linią pomiędzy nimi.


> Poza tym jak ci pasuje dawanie margin-top:-15px do kompensowania braku
> zapadania się marginesów, to nie powinno cię ruszać margin-top:-1px dla
> ukrycia padding-top:1px.

Nie do końca bo i background z powyższego przykładu musiałbym przesuwać o
1px aby nie powstały zniekształcenia. Jedna sekcja stylu zwalnia mnie z
konieczności takich kombinacji. Różnica podejścia miedzy naszym podejściem
do stylowania polega na tym, że wolisz stosować:

p {
margin-top: 10px;
margin-bottom: 20px;
}

a ja:

p {
margin-top: 0px;
margin-bottom: 30px;
}

co daje ten sam skutek a potem nie wożę się z rozpadającą się grafiką gdy
margines górny powędruje gdzieś do nadrzędnego elementu. Gdyby jeszcze
przepadał, to pół biedy ale wyskoczy Ci on w przypadkowym miejscu jeśli
wcześniej nie napotka na blokadę w postaci borderu, paddingu itp. sztuczek,
które - jak wspomniałem - rozwalać mogą grafikę tła.