Jednoduché rozbalovací menu -> horizontální pozice – CSS – Fórum – Programujte.com

Dobrý den,
zatímco v práci na menu použili asi deset kilo kódu, já si jej vzal a učinil takto jednoduchým:

Připojen obrázek.

Celé mi to řeší:

li:hover > ul {
  display: block;
  position: fixed;
  border: 1px solid #3a3a3a;
  padding: 10px;
  background: #FFF;
  border-radius: 0 4px 4px 4px;
}

Tak jsem se zbavil tisíce tříd a funguje to nádherně. Sami vidíte problém - jediné co nyní potřebuji, je, aby se podmenu šouplo kamsi stranou. (Ideálně vpravo, když to jde, jinak vlevo...) Hraji si s myšlenkou na JS, ovšem i tak. Zjednodušil jsem šílenou krávu. Jak ji nezopakovat? Děkuji.

Fura kodu mela sve duvody. Treba problemy v ruznych prohlizecich a starsi prohlizece.
Pozice se nastavuje pres position. Nebo muzes pouzit marginy padingy. Aby se to prizpusobovalo vpravo vlevo, tak nevim, jak css3, ale v css2 nic nebylo a je treba javascript.

Predevsim, rozbalovaci menu je nesmysl, kterej se hrozne spatne ovlada na tabletu ci mobilu.