Rozwijalne menu

[darek_dade 2]

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;
  }

[darek_dade 2]

Problem rozwiazany, pomogla mi ta strona:

 

http://www.alistapart.com/articles/horizdropdowns

[michasiek 0]

zupełnie nie na temat, ale bardzo przyjemna wizualnie i ładna strona!

[darek_dade 2]

michasiek, kochamy cie!

Edytowane 2 Grudzień 2008 przez darek_dade