Avatar
mat.masar
Člen
Avatar
mat.masar:11.3.2016 21:02

Ahoj, proč nemůžu vycentrovat element, který chci, ale musím ho obalit dalším a až ten centrovat? Margin: 0 auto; totiž nefunguje. Funguje to až, když dám nadřazenému prvku text-align: center;
viz. obrázek

 
Odpovědět 11.3.2016 21:02
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na mat.masar
Zdeněk Pavlátka:11.3.2016 21:09

Co takhle kód? Ten tvůj popis nám je celkem k ničemu...

Nahoru Odpovědět 11.3.2016 21:09
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na mat.masar
Tomáš123:11.3.2016 21:14

Inline-block nejde centrovať marginom. Inline-block preto, lebo správaním voči okolitým prvkom je riadkový, vnútornými vlastnosťami je to blok (nastaviteľné rozmery, margin). https://www.w3.org/…visuren.html#…

https://www.w3.org/…visudet.html#…

Nahoru Odpovědět 11.3.2016 21:14
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Zdeněk Pavlátka
mat.masar:11.3.2016 22:31

Takhle to nejde

<img style="margin: 0 auto" src="132/321.jpg">
<div>
<h3>Ahoj<h3>
<a href="www.123.cz"></a>
<p>ahojky123</p>
</div>

Ale takhle jo

<div style="text-align: center;">
<img  src="132/321.jpg">
</div>
<div>
<h3>Ahoj<h3>
<a href="www.123.cz"></a>
<p>ahojky123</p>
</div>

Edit: chci vycentrovat ten obrázek

Tomáš123 a jak se to dá vycentrovat když ne přes margin? Když to obalím divem, tak se mi rozdrbe design pro pc, ikdyž ho potřebuju jen pro mobil(ten "obal").

Editováno 11.3.2016 22:31
 
Nahoru Odpovědět 11.3.2016 22:31
Avatar
Tomáš123
Člen
Avatar
Odpovídá na mat.masar
Tomáš123:12.3.2016 10:15

Blok zalamuje riadok pred aj za svojim obsahom. Po tvojom obrázku nasleduje blokový prvok, takže v jednom riadku s obrázkom sa aj tak nič nezobrazí. Šlo by nastaviť:

img {display: block}
Editováno 12.3.2016 10:16
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 12.3.2016 10:15
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
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 5 zpráv z 5.