NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

Diskuze: Zarovnání položek ve vodorovném menu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
blablabla
Člen
Avatar
blablabla:31.12.2014 17:17

Ahoj,
chci se zeptat, jak nejjednodušeji horizontálně zarovnat položky menu(li). Písmo mám nastavené 1.5em a navigace má výšku 45px.

 
Odpovědět
31.12.2014 17:17
Avatar
blablabla
Člen
Avatar
Odpovídá na blablabla
blablabla:31.12.2014 18:01

Už jsem to vyřešil. :-D

HTML:

<nav>
    <ul>
      <li><a href="/stranky/uvod">Úvod</a></li>
      <li><a href="/stranky/firma">Firma</a></li>
      <li><a href="/stranky/obchodni-podminky">Obchodní podmínky</a></li>
      <li><a href="/stranky/kontakty">Kontakty</a></li>
    </ul>
  </nav>

CSS:

nav{
  background:linear-gradient(#03669B, #024F78);
  text-align:center;
}
nav>ul>li{
  display:inline-block;
  margin:7px 15px 7px 0px;
  padding:5px;
}
Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
31.12.2014 18:01
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 2 zpráv z 2.