Pływające MENU

[agent_lolek]

[/size][/font][font=Times New Roman][size=medium] Witam wszystkich.

Jestem tu całkiem nowy więc proszę o wyrozumiałość

Piszę gdyż rozpoczołem naukę z "kodem" CSS i natknołem się na pewną przeszkode, a mianowicie chodzi mi o to jak stworzyć poziomą belkę MENU, która poruszała by się wraz z przewijanym tekstem (chodzi mi o to, żeby MENU zawsze było na wieszchu. Nie wiem czy wogóle da rade to zrobić z poziomu HTML-a i CSS (może potrzebuje kodu JavaScript ?)

W kodzie HTML wygląda to tak:

<div id="menu"> <!--belka pozioma z funkacja menu-->
<ul>
<li><a href="#">Strona Główna</a></li>
<li><a href="#">Inna Podstrona</a></li>
<li><a href="#">Inna Podstrona</a></li>
<li><a href="#">Inna Podstrona</a></li>
<li><a href="#">Inna Podstrona</a></li>
</ul>
</div>

a w kodzie CSS tak:

#menu{ background: #fff url(images/pasek.jpg) no-repeat;
width:auto;
height:33px;
margin-bottom:0px;
margin-top: 20px;
}
#menu ul { list-style: none;}
#menu li { float: left;
padding-left:20px;
padding-top:5px;
font-weight: bold;
font-size: 14px;
}
#menu a { display: block;
line-height: 20px;
padding: 0 8px;
color: #fff;
font-weight: bold;
}
#menu a:hover { background: #fff;
color: #294b9d;
}


Kombinowałem z opcją bachgraund-attachment: scroll oraz fixed , ale zabrnołem w ślepy zauek.
Proszę niech ktoś mi pomoże. Z góry dziękuje za podpowiedź.
Pozdrawiam.

[Leja]

nie ma czegoś takiego jak bachgraund-attachment: scroll oraz fixed jest background

[agent_lolek]

tzn chciałem napisać backgraund-attachment: scroll; lub backgraund-attachment: fixed;

oczywiscie wątek ten chcialem umiescic w kodzie css

[KowR]

Wystarczy:

position: fixed; top: Xpx; left:Xpx;

Gdzie pod X wstawiasz wartości PX np. 20

[Leja]

Hehe znów źle napisałeś A co do twojego problemu to rodi dobrze mówi..

[agent_lolek]

Dzięki wielkie za pomoc i szybką odpowiedź
Wszystko działa tak jak chciałem.
pozdrawiam.

[agent_lolek]

UPS Przed wczesna radość, ta bekla pozioma z MENU owszem przesuwa się, ale niestety chowa się POD tekstem, a chciałbym zeby byla nad tekstem (tzn. podczas przewijania zasłaniała tekst)

kombinowałem jak to zrobić ale się pogubiłem.
pomocy...
pozdrawiam

[KowR]

opatul go w diva z:
position:absolute i dodaj z-index:100;

Albo bez diva nadaj z-index:100 - ale tak nie wiem czy będzie działać.

[agent_lolek]

dzieki chłopaki za współprace
jest tak jak mialo byc, wszystko dziala poprawnie
pozdrawiam