Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
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í.
BF extended 2022

Diskuze: Wordpress - Úprava menu CSS

Aktivity
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.