Rozwijane MENU - drobna poprawka

Question

Witam.

Aktualnie tak to wygląda:

https://jsfiddle.net/Krzysiek_35/nmr4h25s/69/

Chciałbym, aby po najechaniu na "Menu 1" pojawiło sie nad rozwijanym "Submenu" dodatkowe 10px.

W praktyce ma to wyglądać następująco:

[ Menu 1 ]

[ dodatkowe 10px w kolorze ciemnoszarego tła (background-color: #252525) ]

[ Submenu 1:1 ]

[ Submenu 1:2 ]

Ma to być zrobione po to, aby pojawił sie odstęp 10px pomiędzy Menu 2 a wyświetlanym Submenu 2:1.

Aktualnie to Submenu 2:1 (litery w kolorze zielonym) jest połączone z Menu 2 i nieładnie to wygląda.

Czy da sie tak zrobić ?

Będę bardzo wdzięczny za fachową pomoc.

Answer 1

Nie wiem czy do końca o to ci chodzi, ale podmień odpowiadające kody na te:

.menu ul ul {
  position: absolute;  
  z-index: 100;
  display: none;
  padding-top: 10px;
  background: #252525
}

.menu ul ul ul {
  padding-top: 0;
  top: 0;
  left: 100%
}

 

Comments

Teraz jest dobrze.

Wielkie dzięki za pomoc.