trampoty s odstavcem

<h1> neni nastylované - chtělo by to margin a příp. line-height

ne, to dělá ten seznam, margin bych zkusil tomu <dl>

hm, tím to není .....

dole, pro seznam, bych nechal jen:

dl { margin:1em 0; padding:0; }
dt { width:35%;margin:0; padding:.5em; font-weight:bold; }
dd { line-height: 1.4em;width:60%;margin:0;padding:.5em; }

proc a jak by to melo nebo mohlo pomoct? Jaktoze se stejne CSS v podovne situaci chova jednou normalne a jednou *******??

"proc a jak by to melo nebo mohlo pomoct? Jaktoze se stejne CSS v podovne situaci chova jednou normalne a jednou"

Ruzny html kod, na ktery se CSS aplikuje, ruzny prohlizec, atd. Leo

co takhle zkusit Plaváčkův slavný úvod?

<style>
* {margin: 0px;}
</style>

Já třeba začínám vždy takto:

* {margin: 0; padding:0}

k té mé selekci (Havel-st):
jsou tam složité vztahy mezi float - clear a width uvnitř seznamu, které bere každý browser jinak

kdyži přidám dolu * { border: 1px solid #ff0000; }, tak vidím jak se to všelijak nasčítává do té mezery (s původním stylem)

jestli je tam vše nutné, tak bych se držel posledních dvou příspěvků (Yuhů - habendorf)

Kukko: je to vážně jednoduché. Při stylování je třeba se smířit s faktem, že každá část stránky definovaná nějakým tagem má v prohlížeči už přednastavené nějaké výchozí hodnoty. Pro okraj (tedy margin) i pro výplň (tedy padding). V praxi to funguje tak, že třeba napíšeš odstavec

<p>nějaký text</p>

a pak další odstavec

<p>zase nějaký text</p>

a předpokládáš, že oba odstavce budou pěkně navazovat na sebe. Nebudou, protože každý prohlížeč (IE, Mozilla, Opera) má ve své tabulce CSS stylů už nějakou přednastavenou hodnotu, kterou použije, pokud ve stylu okraje a výplně ručně nenastavíš.

Právě tyto problémy řeší to, co ti doporučil Yuhů

* {
margin: 0;
padding: 0;
}

Tímto zápisem (hned na začátku stylového předpisu) vynuluješ vše, co by jinak prohlížeč nastavil podle sebe a následně si potom pro každý prvek nastavíš hodnoty vlastní. Kupříkladu pro odstavec je rozumné, aby po skončení jednoho byla malá, řekněme, mezera, než začne odstavec další.

a tak pro odstavec, který nese značku P nastavíš třeba toto:

p {
padding-bottom: 15px;
}

Tím na konci každého odstavce vznikne pěkné odsazení.