Geek tričko zdarma Geek tričko zdarma
Hledáme grafika na pohodovou brigádu v Blenderu nebo programátora na hry v PyGame. Máš zájem? Napiš nám na redakce [zavináč] itnetwork.cz!
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde

Diskuze: Wordpress - Úprava menu CSS

Aktivity (1)
Avatar
Qestin
Člen
Avatar
Qestin:27. května 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  -1 27. května 21:16
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:28. května 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. května 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.