Lista rozwijana

[Perykles]

Siema panowie,

 

Mam takie pytanie, co zrobić, żeby zamiast wyświetlania rozwijanej listy napisanej w JS w ten sposob:

 

 

wyswietlic ja tak:

 

 

Troche kodu:

 

<div id="container">

   <div style="width: 250px; float: left;">
         <ul id="contents">
         <span id="button1Div">
            <li id="button1"><a href="someFile.php"></a></li>
            <ul id="button1List">
             <li id="button1_something1" style="display:none;"><a href="http://www.000webhost.com/forum/web-design-html/web-design-html/..."></a></li>
             <li id="button1_something2" style="display:none;"><a href="http://www.000webhost.com/forum/web-design-html/web-design-html/..."></a></li>
           </ul>  
        </span>
         </ul>
   </div>
   <div style="width: 550px; float: right;">
           some huge text...
   </div>
</div>

#button1List a
{
  height:    28px;
}

#button1List li
{
  height:    28px;
  display:    none;
}

#button1_something1
{
  width:    169px;
  background:    url('something.jpg') 0 0;
}

etc... 

 

 

Tak więc jak widzicie, lista jest jednym obrazkiem pocietym na kilka linkow w kodzie css, pojawia się przy najechaniu myszką na buttona. Co zrobic, zeby wlasnie pojawiala sie na prawo od buttona, a nie na dole, jak na screenie wyzej?

[sazian]

dodaj position:relative; i przesuwaj jak tylko chcesz

[Perykles]

Ehh, dzięki. Próbowałem wcześniej z position: relative, ale za każdym razem coś się paprało. Przed chwilą się jakoś udało wreszcie ustawić tam gdzie trzeba.