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 :)

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

HTML a CSS HTML a CSS Zarovnání položek ve vodorovném menu American English version English version

Aktivity (1)
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.