Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)
Avatar
Daniel Zábojník:30.7.2014 18:39

Dobrý den, mohl by mi prosím někdo napsat kód jak zarovnat text viz. obrázek?

Odpovědět  -2 30.7.2014 18:39
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Matúš Petrofčík
Šéfredaktor
Avatar
Matúš Petrofčík:30.7.2014 18:52

zarovnanie textu v bloku je text-align: center; a zarovnanie bloku na stred je margin: 0 auto; (to auto je dôležité)

napríklad <p>...</p>

p {
  margin: 0 auto;
  text-align: center;
}
Nahoru Odpovědět 30.7.2014 18:52
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Odpovídá na Daniel Zábojník
Michal Žůrek (misaz):30.7.2014 18:53

pokud myslíž zarovant na střed jak vertikálně tak horizontálně?

:root {
    display: table;
}
body {
    display: table-cell;
    vertical-align: center;
}
:root, body {
    width: 100%;
    height: 100%;
}
p {
    text-align: center;
}
Nahoru Odpovědět 30.7.2014 18:53
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Daniel Zábojník:30.7.2014 19:00

Ano jak vertikálně tak horizontálně..

Nahoru Odpovědět 30.7.2014 19:00
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Odpovídá na Daniel Zábojník
Michal Žůrek (misaz):30.7.2014 19:03

a funguje můj výše zmíněný kód?

Nahoru Odpovědět 30.7.2014 19:03
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Daniel Zábojník:30.7.2014 22:04

Nefunguje, teď jsem ho zkoušel.

Nahoru Odpovědět 30.7.2014 22:04
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
Avatar
Odpovídá na Daniel Zábojník
Michal Žůrek (misaz):30.7.2014 22:08

jo, mám v něm chybu nemá tam být

vertical-align: center;

ale

vertical-align: middle;
Nahoru Odpovědět 30.7.2014 22:08
Nesnáším {}, proto se jim vyhýbám.
Avatar
Nahoru Odpovědět 31.7.2014 8:57
Nesnáším psaní { } ale bohužel jsou potřeba a vyhnout se jim nejde!
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 8 zpráv z 8.