Skocz do zawartości
Forum komputerowe PC Centre
darek_dade

Rozwijalne menu

Rekomendowane odpowiedzi

Pracuje nad layoutem (http://www.findevent.org/?do=new_main)

 

Mam problem z rozwijalnym menu (po lewej). Gdy najezdzam na ktoras z opcji pojawia sie kolejna lista, jednak chce, zeby byla obok, a nie pietro nizej (chyba wiadomo o co chodzi :)).

 

css:

 

.arrowblue{
    width: 120px; /*width of menu*/
    border-style: solid solid solid solid;
    border-color: #224466;
    border-size: 1px;
    border-width: 1px;
    float:left;
    z-index:99;
    list-style: none;
    padding: 0px 0px 0px 0px;
}

.arrowblue ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    
.arrowblue li a{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: transparent url(/images/arrowblue.gif) 100% 0;
    height: 13px; /*Set to height of bg image- padding within link (ie: 21px - 4px - 4px)*/
    padding: 4px 0 4px 10px;
    line-height: 13px; /*Set line-height of bg image- padding within link (ie: 21px - 4px - 4px)*/
    text-decoration: none;

}    
    
.arrowblue li a:link, .arrowblue li a:visited {
    color: #224466;
}

.arrowblue li a:hover{
    color: #224466;
    background-position: 100% -21px;
}

    
.arrowblue li a.selected{
    color: #224466;
    background-position: 100% -42px;
}


.arrowblue li ul {
  position: absolute;
  left: -999em;
  /*width: 110px;
  border-top: solid 1px #CCCCCC;*/
  }

.arrowblue li:hover ul, .arrowblue li.sfhover ul {
  left: 240px;
  background-color: #F1F1F1;
  z-index:99;
}


.arrowblue li ul li a{
  color: #224466;
  padding-left: 5px;
  }

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

michasiek, kochamy cie!

Edytowane przez darek_dade

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

Ładowanie

×
×
  • Dodaj nową pozycję...