ďťż

[CSS] tło obrazkowe w rozwijanym menu

       

Podstrony


telcocafe

Witam. Robię stronkę i zastanawiam się jak zrobić tło obrazkowe w menu. Sprawa ma się tak -

[img=http://img228.imageshack.us/img228/3420/house2wq5.th.jpg]

Chodzi o wypełnienie tego białego tła, gdy rozwijam muzykę. Ja próbowałem divowi "menu" nadać "background-image: url(woda.jpg);". Niestety to wypełniło mi tło tak jakby "pod przyciskami" skutkiem czego nic nie widać.

PS. no chyba żeby dało się jakoś tak zrobić, żeby przycisk "muzyka" po rozwinięciu nie rozciągał menu, tylko jakoś opadał na treść strony??



Tak - da się to zrobić. Najlepiej podaj adres tej strony. Rozwijanym blokom menu musisz nadać styl position: relative lub position: absolute, a w razie potrzeby ustawić mu style left: oraz right:. Efekt można uzyskać nawet bez wykorzystania Javascript. Zobacz: rozwijane menu w CSS oraz menu w CSS po polsku.

Pobierz narzędzie Firebug dla Firefoksa 3. Najnowsza wersja jest spolszczona. Będziesz mógł poeksperymentować z własnościami CSS z poziomu przeglądarki bez potrzeby odświeżania strony po każdej zmianie w kodzie.

Za poradę płacisz 5 baksów. :)
Użytkownik Ferrari edytował ten post 20 sierpień 2008, 15:07
Spox. Dałem rade, tylko teraz dalszy problem. Po nadaniu samego position: absolute, zakładki wogóle się nie pokazują (są schowane za muzyką). Później wpadłem na pomysł, żeby nadać im też położenie. Wszystko było by dobrze, gdyby każdy używał tej samej rozdzielczości ekranu (wpadłem w tak prostą pułapkę hehe). Jak sprawić, żeby te menu wyświetlało się równo pod muzyką w każdej rozdzielczości?

PS. Napotkałem też drugi błąd. Za pomocą polecenia:

html, body { color: #000; margin: 20; padding: 0; } body { background-image: url(domek.jpg); text-align: center; } #top { width: 780px; } #NAGLOWEK { } i tak dalej.. ( chodzi o linijkę text-align: center; )

wycentrowałem elegancko wszystkie divy. Wszystko ładnie chodzi i na podglądzie core editora, jak i na IE, lecz na firefoxie już jest do lewej. Co można tu poradzić??

PS2. Oto adres tej strony - http://www.oc-start....rony/index.html - wejdź w "Przyspieszanie innych części"
To jest dopiero zalążek i szata graficzna jest tylko, aby była :)

Poza tym w Firefoxie przykrywa mi linie <hr /> Sorki za tyle pytań, ale dopiero od niedawna bawię się divami i css.

Nie dostałem odpowiedzi jeszcze na tamte pytania, a mam następne - Dlaczego galeria typu

&lt;script type="text/javascript"> // <![CDATA[ var galeria = new Galeria('galeria', new Array( new Array('IMG_0293x.jpg', 'IMG_0293.jpg', 'Sprzęt', 'Piece Peavey, Marshall i Ashdown'), new Array('IMG_0001x.jpg', 'IMG_0001.jpg', 'Piec wybebeszony', 'tralalalala'), new Array('IMG_0004x.jpg', 'IMG_0004.jpg', 'perka itd.', 'heja ho') ), 'galeria.css', true); // ]]> </script>

w firefoxie ma problemy z działaniem, tzn. miniatury się wyświetlają, ale po kliknięciu na nie nie ma powiększeń.

EDIT//

Problem z galerią rozwiązał się sam :) Natomiast wycentrowanie dałem za pomocą znacznika <center> (co nie jest semantyczne), ale inaczej nie wiem jak.

-------------

Ostatnie pytanie, jeśli jeszcze ktoś tu wejdzie. Czy Divy polegają na tym, że cały kod z menu, stopką i nagłówkiem trzeba kopiować w każdym dokumencie?? Mam to przyzwyczajenie do ramek..
Użytkownik mati088 edytował ten post 22 sierpień 2008, 00:59
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.