Diskuze: Wordpress - Úprava menu CSS

Naučíme tě pracovat na home-office.

Zjistit více...

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

Aktivity

Qestin

Člen

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

Peter Mlich

Člen

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.

Nejčastěji vyhledáváné

Diskuze: Wordpress - Úprava menu CSS