ugrás a tartalomhoz

Egérkattintásra lenyíló menü CSS-el. Lehetséges?

mazsi · 2005. Jún. 17. (P), 22.02
Sziasztok!

Kérdezném, hogy lehetséges e CSS-el olyan menüt készíteni, ami nem hoverrel (rámutatásra) nyílik ki, hanem kattintásra.

Ha nem lehetséges cgi vel megoldható? A szerver ahol a honlap készül nem támogat php-t.

valami olyasmit szeretnék, mint ami itt van: http://www.abnamro.nl/nl/particulier/index.html

köszönöm a válaszokat...
‹ DIV-ek egymás mellé css: mellőzni a táblázatokat... de hogyan pozicionáljak? ›
 ■
1

Cimbora, ezt javascript-nek

Anonymous · 2005. Jún. 17. (P), 23.16
Cimbora, ezt javascript-nek hívják. Ilyet nem lehet CSS-ben készíteni. Ilyen javascriptes menüt bárhol találhatsz, vagy akár ezt is felhasználhatod kicsit átdolgozva. CSS-en vátoztatni kéne. Na mindegy. Javascript amit keresel. CGI-vel nagyon mellé lőttél.
2

nezd meg ezt esetleg, elegge

arpi · 2005. Jún. 18. (Szo), 08.34
nezd meg ezt esetleg, elegge erdekes lehetosegek:
http://www.hszk.bme.hu/~hj130/css/list_menu/carnation_menu/
3

:active

Off- · 2005. Jún. 18. (Szo), 10.49
öhm, :active pseudo osztályról hallottal?

a:active { bacground: gray; display: bolck; width: width: 400px; height: 300px; }
4

Nem igazán

Jano · 2005. Jún. 18. (Szo), 11.35
CSS-sel nem igazán lehet szépen megoldani. Az :active segítségével lehetne talán trükközni, de lehet, hogy a böngésző ugrik egyet a lapon mert a link célpontját akarja az ablak tetejéhez igazítani. Másrészt a kattintás lehet bekerül a vissza gomb előzményeibe és ahelyett, hogy vissza menne az előző oldalra csak a menüket fogja kinyitogatni.
5

A tényleges válasz a

Anonymous · 2005. Jún. 19. (V), 18.13
A tényleges válasz a problémákra: nem, CSS-ben nem lehet egérkattintásra nyíló menüt csinálni. Legalábbis nem mindenféle hackelés és trükközés nélkül. Az oka az, hogy az :focus pseudo-osztály nem öröklödik az anyaelemre, mint mondjuk a :hover, tehát, ha egy span-blokkra alkalmazod a pseudo-t, akkor a fölötte levö li már nem fogja megkapni. Arról nem is beszélve, hogy addíg marad csak aktív, amíg nem kattintasz egy menüpontra. Tehát ha egy almenüt nyitó menüpontra kattintasz, el is tünik a menü.

Viszont ha mouseover-hatást akarsz, akkor azt lehetséges. Csináltam egy elég tiszta megoldást XP stílusú menükre, ikonokat meg minden fenét támogat akárhány almenüre.

Ide nem tenném be, mert több oldal hosszú a CSS kód, viszont a HTML kód igen rövidke és egyszerü.

Ha érdekel valakit, e-mail-ben szívesen elküldöm.

ProClub
proclub##kukac##karinthy.hu
6

Upload

Bártházi András · 2005. Jún. 20. (H), 08.17
Ha szívesen megosztod másokkal is, akkor javaslom, hogy tedd fel valahova a webre, s adj rá egy linket.

-boogie-
8

Feldobtam a

Anonymous · 2005. Jún. 21. (K), 09.34
Feldobtam a dump-tárhelyemre. A CSS-ben még lehetne alakítani, szóval inkább félkész állapotban van. Ha ikonokat szeretne valaki a menüpontoknak, akkor az "a" tageknek kell háttérképet adni.

http://ural2.hszk.bme.hu/~pj603/menu.rar

ProClub
proclub##kukac##karinthy.hu
7

Javascriptel próbálom

Anonymous · 2005. Jún. 20. (H), 15.06
Javascriptel próbálom megoldani úgy, hogy CSS-ben van egy

ul.none { display: none;} értékkel, és egy
ul.block {display: block} értékkel.

Az onclickre pedig lecserélné a javascript a class="none"-t class="block"-ra.

Eddig még nem jött össze...
9

Akkor már csinálhatsz

Anonymous · 2005. Jún. 21. (K), 09.36
Akkor már csinálhatsz JavaScript menüt is. :)

ProClub
proclub##kukac##karinthy.hu