Jak zrobic by pionowe menu sie rozsuwalo ale nie zaslanialo reszty?

Question

Witam,

Problem widoczny w linku:

http://cssdeck.com/labs/8cugwkbc

Chodzi o to by te opcje nie nachodzily na siebie. Tak by po najechaniu na jedna opcje reszta opcji przesowala sie na dol. Nie wiem czy mozna to jeszcze w css zrobic czy trzeba uzyc js. Moje umiejetnosci js sa jeszcze znikome wiec sam nie potrafie tego zrobic:\

Bylo by milo gdybyscie wy mieli rozwiazanie :D

Answer 1

ol > li > ul> li
{
  left: 100%;
  ...

Wystarczy dodać taką linijkę.

Comments

Dzieki za odpowiedz, Byles Pierwszy ktory dal anjlepsza wiec dostajesz najepsza :D Jeszcze taka mozliwosc by one wysywaly sie od razu w prawo, a nie po skosie w dol ? bo w ten sposob nie do konca latwo wybrc ta podopcje.

Wyglada to tak

Bronie

           Pistolety

           Karbiny

a bylo by latwiej:

Bronie Pistolety

           Karabiny

 

MAm nadzieje ze rozumiem o co mi chodzi ^^'

---

możesz ustawić np. top: -50px;

---

Wielkie Dzieki

Answer 2

ol > li > ul> li
{
  left: 100%;
}

 

Comments

Dzieki za odpowiedz, ale koleg byl pierwszy wiec to on dostaje najlepsza :D

Answer 3

http://codepen.io/Mlody89/pen/rxWGwN

Zerknij do komentarzy w części CSS, aczkolwiek rozwiązanie podawane przez kolegów wyżej jest moim zdaniem wygodniejsze

Comments

Co do tego menu, to jego funkcjonalność wynosi 2/10. Autor pytania pewnie tego oczekiwał ale proponował bym się zapoznać z funkcją onclick w JS :) 

---

Dzialac dziala, ale niestety funkcjonalnosc slaba :D

---

Zawsze możesz zastosować wspomnianego wcześniej onclick'a w js i zrobić pojawianie sie i chowanie podmenu po kliknięciu zamiast w hover jeżeli tylko masz troche miejsca poniżej.

np. tak jak tu -> http://codepen.io/Mlody89/pen/rxWGwN