Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Qestin
Člen
Avatar
Qestin:27.5.2019 21:16

Dobrý den,

mohl by mi někdo poradit, co způsobuje nedokonalost menu viz. přiložený obrázek. Menu není graficky dokonalé vyjma první položky.

Zkusil jsem:

.levemenu {
  width: 200px;
}

.levemenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
  border: 1px solid #555;
}

.levemenu li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

.levemenu li {
  text-align: center;
  border-bottom: 1px solid #555;
}

.levemenu li:last-child {
  border-bottom: none;
}

.levemenu li a.active {
  background-color: #4CAF50;
  color: white;
}

.levemenu li a:hover:not(.active) {
  background-color: #555;
  color: white;
}

Chci docílit: Děkuji za rady.

 
Odpovědět
27.5.2019 21:16
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:28.5.2019 7:39

Nic moc dotaz.
Pokud si to mame prohlednout, je treba html + css kod.
Z obrazku se neda moc vycist.
Textu 'nedokonalost menu' neni jednoznacny, nedefinuje presne v cem je jaky problem. V cem, to se da jeste urcit 'není graficky dokonalé vyjma první položky', ale co je za problem, uz ne.

Muzes zkusit pro ul, li, a vynulovat margin, padding. Mas to jen pro ul. Jestli by byl nahodou problem v tom.

 
Nahoru Odpovědět
28.5.2019 7:39
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.