Menu rozwijane. Opcje

[S21]

Witam. Mam problem z menu rozwijanym tzn jak mające kursorem to znika. Nie wiem co jest w kodzie zle. Forum z menu to http://silenthunter.pl

[HTML] pobierz, plaintext 
<!-- HEADER begin -->
<div id="header">
<div id="header00">
    <object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/logo.swf" width="982" height="195" align="center">
    <param name="movie" value="{T_THEME_PATH}/images/logo.swf">
    </object>
</div>
<div id="header01"></div>
<div id="header02">
    <div id="header02-a">
        <a class="dwk" href="{U_INDEX}">{L_INDEX}</a>
        <!-- IF S_USER_LOGGED_IN -->
 
		<ul class="sf-menu" id="example">
			<li class="current">
				<a class="dwk" href="#a">Mapy SHPD 1st</a>
				<ul>
					<li class="current bgd">
						<a href="#ab" class="first_child">Zamknięte<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
							<li class="current "><a href="http://www.worldoftanksguide.com/maps/map-himmelsdorf-1.jpg" class="first_child">Himmelsdorf</a></li>													
						</ul>
					</li>
					<li class=" bgd ">
						<a href="#">Otwarte<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
							<li><a href="http://www.worldoftanksguide.com/maps/map-el-halluf-1.jpg" class="first_child">El Halluf</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-erlenberg-1.jpg">Erlenberg</a></li>
						<li><a href="http://www.worldoftanksguide.com/maps/map-fishermans-bay-1.jpg">Zatoka Rybacka</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-karelia-1.jpg">Karelia</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-komarin-1.jp">Komariny</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-malinovka-1.jpg">Malinovka</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-murovanka-1.jpg">Murovankay</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-prokhorovka-1.jpg">Prokhorovka</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-redshire-1.jp">Redshirey</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-sand-river-1.jp">Sand River</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-steppes-1.jpg">Steppes</a></li>
							<li><a href="http://img.burning-brushes.pl/?v=swamp.jpg">Bagno</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-westfield-1.jpg">Westfield</a></li>
							<li><a href="http://imageshack.us/a/img41/3119/dragonridge.jpg">Smocza Grań</a></li>
						</ul>
					</li>
					<li class=" bgd">
						<a href="#">Mieszane<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
							<li><a href="http://www.worldoftanksguide.com/maps/map-abbey-1.jpg" class="first_child">Abbey</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-arctic-region-1.jpg">Region Arktyczny</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-cliff-1.jpg">Cliff</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-ensk-1.jpg">Ensk</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-fjords-1.jp">Fjordy</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-lakeville-1.jpg">Lakeville</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-mines-1.jpg">Mines</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-mountain-pass-1.jpg">Przełęcz</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-ruinberg-1.jpg">Ruinberg</a></li>
							<li><a href="http://www.worldoftanksguide.com/maps/map-siegfried-line-1.jpg">Siegfried</a></li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
 
            <a class="dwk" href="{U_PROFILE}">Profil</a>
            <a class="dwk" href="http://www.silenthunter.pl/portal.php">PORTAL</a>
 
 
		<ul class="sf-menu" id="example">
			<li class="current">
				<a class="dwk" href="#a">Pobierz</a>
				<ul>
					<li class="current bgd">
						<a href="http://silenthunter.pl/pobierz2/" class="first_child">Mody <font color="red">SHPD 1ST</font><img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
 
						</ul>
					</li>
					<li class=" bgd ">
						<a href="http://silenthunter.pl/pobierz/">Mody SH3<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
 
 
			</li>
		</ul>
        <!-- ENDIF -->
    </div>
[HTML] pobierz, plaintext 

[ShadowD]

1. Na stronie jaką podałeś nie ma danego kodu, co się z nim stało?
2. W sieci na prawdę jest wiele tutków do robienia menu.
3. Masz zainstalowanego firebuga?

[com]

@up
12 linijka <!-- IF S_USER_LOGGED_IN -->
menu dostepne tylko dla zalogowanych

[ShadowD]

No to może wypadało by go udostępnić dla każdego? A jeśli nie to chociaż udostępnić jakieś dane do logowania...

[S21]

Menu pobierz podaje testowe konto : pawel21 hasło : test1122

Chodzi dokładnie o ta linijke :

[HTML] pobierz, plaintext 
		<ul class="sf-menu" id="example">
			<li class="current">
				<a class="dwk" href="#a">Pobierz</a>
				<ul>
					<li class="current bgd">
						<a href="http://silenthunter.pl/pobierz2/" class="first_child">Mody <font color="red">SHPD 1ST</font><img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
 
						</ul>
					</li>
					<li class=" bgd ">
						<a href="http://silenthunter.pl/pobierz/">Mody SH3<img src="http://images.longandfoster.com/images/arrow_right.gif" /></a>
						<ul>
 
 
			</li>
		</ul>
        <!-- ENDIF -->
[HTML] pobierz, plaintext 

Moze inne id trzeba dać ?

Na smartphonie nie znika a na pc tak?

[ShadowD]

U mnie całość działa, a u Ciebie może być problem taki:

Gdy najdziesz na "mapy shpd" menu się rozwija, i zanim znów najdziesz na pole z rozwiniętym menu to pomiędzy 1 a 2 elementem masz wolną przestrzeń, która jest traktowana tak jak byś zjechał kursorem z menu - więc znika. Spróbuj bardzo szybko przenieść kursor z opisy "mapy shpd" na rozwiniętą listę.

Rozwiązanie jest dość proste, musisz powiększyć pole aktywne dla przycisków, najlepiej menu tworzyć na listach a w środku a, li powinno nie zawierać deklaracje nt. wysokości elementu (i szerokości jeśli nie jest to wymagane też), a rozciągać powinieneś je a, dodaj style dla a display:block i padding (nie margin), a samo ul niech ma wysokość całego menu, a <a> padding taki by umieścić tekst równo na środku i rozepchnąć li tak by pokrywało taką samą wysokość jak ul.

Mam nadzieję że dasz radę ogarnąć co napisałem. Ew. popatrz sobie firebugiem na kod menu po lewej na http://cmsss.pl, tam a jest tak duże jak cały przycisk, a li jest jedynie takim kontenerem który posiada margin by oddalić go od innych elementów menu.

[S21]

Nie trybie ani w ząb. Najlepiej mi to rozpisz jak możesz ?

Osobiście tego sam nie robiłem kumpel. Ja tylko skopiowalem z pierwszego menu i dodalem linki

Ten post edytował S21 4.02.2013, 23:06:50

[ShadowD]

http://d.pr/i/o7ko

Zaznaczyłem Ci obszary aktywne menu, po zjechaniu z których menu się schowa, a jak próbujesz przejść z zakładki już na listę to masz właśnie taki pusty obszar.

Ps. pod jaką przeglądarką masz ten problem? I ZAINSTALUJ SOBIE FIREBUGA JAK KORZYSTASZ Z FF!!

Ten post edytował ShadowD 4.02.2013, 23:07:32

[S21]

FF ale Mapy SHPD nie znika mi?

[ShadowD]

Może jeszcze raz opisz problem...

[S21]

Problem jest w sekcji menu pobierz?

Hm.... Mapy SHPD działają super tylko Pobierz mi sie chowa. Mylę ze złe skopiowalem kod i uciolem sekcje kodu.

[ShadowD]

Tak jak pisałem wcześniej jest dziura pomiędzy przyciskiem a listą gdzie jak wpada kursor menu się chowa (tak jak zjechał byś całkowicie z menu).

Firebug i popatrz sobie jak to wygląda (zaznacza Ci na niebiesko granice elementu).

Ps. w MAPAC nie ma tego problemu bo korzystasz z innego kodu który ma opóźnienie z chowaniem (z wyświetlaniem też) i dlatego dajesz radę przejechać tak szybko kursorem.

Ten post edytował ShadowD 4.02.2013, 23:22:38

[S21]

Ja to myśle ze cos za dużo uciolem. Ale sprawdze jutro fire bugiem

To jak mam to teraz opóźnić ?

[ShadowD]

Po 1 polecam kurs html i css. Po dwa nie korzystaj z 2 innych kodów do menu lub sprawdź czy przekopiowałeś całość. Po trzecie jak się nie znasz i nie chcesz namieszać to lepiej dać komuś na piwo...

Nawet jeśli zrobisz opóźnienie to masz poważny problem z dziurą pomiędzy menu a listą To tam należy szukać problemu w pierwszej kolejności, a w drugiej dopiero dochodzić co jest nie tak z prędkością rozwijania.