Diskuze: Problém s marginem

Verquido

Tvůrce

Verquido:2.2.2016 19:53

Mám problém se zarovnání pomocí marginu.. Mám na stránce <header> a v tom mám <img> a <nav>. A potřebuju aby se mi obrázek a nevigace v tom headeru zarovnaly na střed. Jenomže když dám třeba na ten obrázek

margin: 20px auto;

tak funguje akorát těch 20px, ale to auto ne.. čím to je?
Díky

Odpovědět

2.2.2016 19:53

Tomáš123

Člen

Tomáš123:3.2.2016 16:38

Prestav obrázku display na block alebo na centrovanie použi text-align: center (nutné nastaviť headeru).

Nahoru Odpovědět

3.2.2016 16:38

Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.

Lava

Člen

Lava:4.2.2016 7:27

Jj, obrázok sa defaultne správa ako inline element a inline element nemôžeš proste len tak marginovať auto. Takže buď použi display:block, ktorý z img spraví blokový element a potom ti margin: 20px auto pôjde, alebo nadradenému elementu header nastav text-align:center;

Akceptované řešení
+20 Zkušeností

Nahoru Odpovědět

4.2.2016 7:27

Aspartám, sacharín, to je môj vitamín

Tomáš123

Člen

Tomáš123:4.2.2016 14:14

inline element nemôžeš proste len tak marginovať auto

Prečo?

Nahoru Odpovědět

4.2.2016 14:14

Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.

Lava

Člen

Lava:4.2.2016 18:10

Lebo je to tak v špecifikacii...

Nahoru Odpovědět

4.2.2016 18:10

Aspartám, sacharín, to je môj vitamín

Tomáš123

Člen

Tomáš123:5.2.2016 7:38

Tak to tam celkom určite nie je. Svojim príspevkom iba parafrázuješ už uvedené informácie.

Nahoru Odpovědět

5.2.2016 7:38

Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.

Lava

Člen

Lava:5.2.2016 9:08

Prepáč, idem sa radšej obesiť

Nahoru Odpovědět

5.2.2016 9:08

Aspartám, sacharín, to je môj vitamín

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.