Elementárny problém neviem CSS span/margin

29. 12. 2011 01:00:18

Ahojte,

Pozrite si toto http://jsfiddle.net/7v2Sy/1/

Preco ked mam v spane nastavene display:block; tak sa mi posuva aj zeleny div? Ja tomu nerozumiem. A preco ked nedam spanu hodnotu display:block tak nereaguje na margin top ?

Dakujem za rozumné vysvetlenie.

29. 12. 2011 01:00:18

https://webtrh.cz/diskuse/elementarny-problem-neviem-css-span-margin/#reply710962

Ondřej Brebera

(35 hodnocení)

29. 12. 2011 01:10:57

Moc jsem nepochopil co potřebujete, ale zkuste místo margin-top dát padding-top.

29. 12. 2011 01:10:57

https://webtrh.cz/diskuse/elementarny-problem-neviem-css-span-margin/#reply710961

grantorino

(1 hodnocení)

29. 12. 2011 01:26:58

chcem aby element span bol nizsie o 35pixelov. Namiesto toho posuva aj zeleny div. (Ale chcem aby to bol margin, nie padding)

29. 12. 2011 01:26:58

https://webtrh.cz/diskuse/elementarny-problem-neviem-css-span-margin/#reply710960

800XE

(8 hodnocení)

29. 12. 2011 01:31:31

Margin neovlivňuje pozici prvku ve vztahu k jeho rodiči, pokud rodič nemá padding. Jsou tři možná řešení:

- Divu nastav padding a u spanu zruš margin.

- Divu nastav border.

- A nejlepší řešení je nastavit divu overflow: auto;

29. 12. 2011 01:31:31

https://webtrh.cz/diskuse/elementarny-problem-neviem-css-span-margin/#reply710959

Smazaný účet m5u2DKRief

(48 hodnocení)

29. 12. 2011 03:05:45

Napsal grantorino;737487
Preco ked mam v spane nastavene display:block; tak sa mi posuva aj zeleny div? Ja tomu nerozumiem.

Říká se tomu "splývání okrajů". Pro tento případ se tím ale nemusíš trápit a použij řešení, které ti již bylo nabídnuto - divu dej horní padding místo horního marginu u spanu. Nebo jen spanu místo marginu dej padding.

Napsal grantorino;737487
A preco ked nedam spanu hodnotu display:block tak nereaguje na margin top ?

Protože span je vždy ve výchozím stavu prvek řádkový (display:inline) a u těch horní/dolní margin či padding nefunguje. To až poté, co z něj uděláš prvek blokový (display:block, případně display:inline-block).

29. 12. 2011 03:05:45

https://webtrh.cz/diskuse/elementarny-problem-neviem-css-span-margin/#reply710958

Pro odpověď se přihlašte.

Přihlásit