Autor Zpráva
patmull
Profil *
Zdravím.

Potřeboval bych od někoho zjistit nějaké praktické použití záporných hodnot. Já vidím použití v umístění úplně k okraji stránky (smazání defaultních margin) a možná k překrytí 2 prvků přes sebe. K čemu se dál dají použít?

Díky za odpovědi.
CZghost
Profil
patmull:
Já vidím použití v umístění úplně k okraji stránky
Zde bych raději použil následující magický zápis:
html, body {
  margin:  0;  /* Nastavení nulových vnějších okrajů */
  padding: 0;  /* Nastavení nulových vnitřních okrajů */
  border:  0;  /* Pro jistotu, kdyby náhodou; nastavení nulového rámečku */
  zoom:    1;  /* Netřeba, doplňuju zde jenom pro úplnost; nastavení přiblížení 100% velikosti */
}
Záporný margin je dost sporný a diskutabilní, záporné posunutí pozicovaného elementu ale má velmi široké použití a dá se snadno animovat.
Bubák
Profil
CZghost:
Záporný margin je dost sporný a diskutabilní
Nic sporného ani diskutabilního na záporném marginu nevidím a chová je jinak, než absolutní/relativní pozicování. Element posunutý marginem, ať už kladným nebo záporným je na místě, kde se fyzicky nachází, což pro absolutně/relativně pozicovaný element neplatí.
Dobrý kodér se dokáže rozhodnout, kdy je vhodné použít záporný margin a kdy absolutní/relativní pozicování, ani jedno nelze dopředu zatracovat nebo vynášet do nebe.

dá se snadno animovat
Animovat změnu marginu (a spoustu dalších CSS vlastností) jde taky naprosto stejně snadno.
Tomáš123
Profil
patmull:
Celkovo margin (či už kladný, alebo záporný) slúži na posunutie prvku vzhľadom na jeho súčasnú pozíciu. Mínusový margin som použil napríklad:
– keď som nechcel nechať položky menu obtekať, ale chcel som, aby boli vedľa seba (margin-left: -4px);
– keď som chcel vysúvacie menu posunúť o niečo vyššie (margin-top: -2px);
– keď som chcel, aby nejaký prvok vytŕčal sponad nadradeného prvku (margin-left: -10px);
– keď som chcel ľubovoľný prvok posunúť o par pixelov záporným smerom (text, obrázok, pätu stránky...)
– keď som chcel posunúť nadpis doľava oproti textu (margin-left: - 12px);

Sám musíš vedieť, kedy a kde je ktorú CSS vlastnosť najlepšie použiť.
patmull
Profil *
Tomáš123:
Díky.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: