menu rozwijalne

[dziobek]

witam

mam taki mały problemik.

mam przerobić stronke:

https://kranepolska.pl/

po kliknięciu w jakiś baner w górnym menu ma się ono rozwijać, ale tak żeby strona nie poleciała w dół, da się to jakś zrobić?

zapewne w JS , ale nie znam tego języka .

chodzi mi o coś takiego:

https://www.motoopony.pl/

[papieros]

Oczywiście, że da się zrobić, no ale jeśli nie znasz js'a to będziesz miał problem. Poszukaj sobie gotowych skryptów.

PS. Po co się bieżesz za przeróbki jak nie masz o ty pojęcia ???

[dziobek]

PS. Po co się bieżesz za przeróbki jak nie masz o ty pojęcia ???

bo szef kazał

poza tym trzeb akompa zmienić bo duron 800MHz niezbyt sie spisuje przy flashu CS3

no i uznałem że byle menu to nie będzie problem....no i znalazłem skrypt.

juz wiem co i jak.

ale narodził się drugi problem...skopiowałem stronke z serwera na swoj...i nie wyświetla grafik.

[paulek]

Nie potrzeba do tego JS. Wystarczą CSS. Eric Meyer w swojej książce to bardzo fajnie opisuje. Niestety czasami są problemy przy starszych IE.

[dziobek]

nom, zauważyłem, ale mam problem z position: absolute.

baner mi sie chowa pod spod :/

[Maximus Marius]

Strony internetowe są o tyle dobrą technologią że jeżeli widzisz coś to jednocześnie masz dostęp do pełnego kodu

Wiec tylko musisz znaleźć jakaś stronę z ładnym działającym MENU i sobie kopiujesz ewentualnie patrzysz skąd oni skopiowali

Dochodzisz w ten sposób do pierwowzoru gdzie prawdopodobnie jest też piekny opis FAQ i Step by Step jak zrobić piękną stronę z menu rozwijanym.

Oczywiście zawsze warto napisać skąd sie skopiowało, szczególnie ze względu na szacunek do pracy innych osób

Aha i jeszcze uwaga taka ogólna , jezeli już menu rozwijane to lepiej CSS niż JS a flash jest w ogóle BEE :

[dziobek]

no tak, to fakt:)

znalazłem juz fjnego tutka:

https://forum.dobreprogramy.pl/viewtopic.php?t=72669

mam tylko problem , bo nie wiem jak zrobić żeby podczas rozwinięcia nie jechała cała stronka w dol.

szukałem w google ale jakoś znaleść nie moge:/

edit:

zaczynam sie bawiać że trzeba będzie stronke przebudować.

gdy wstawiam w cssie position: absolute;

to baner jedzie w dol.

natomiast przy position:relative nic szczegolnego sie nie dzieje. jak w stawie do ul to mi tekst ucieka.

i takie jesczze pytanko:

można cos zrobić żeby to jakoś wolniej sie rozwijało?

[papieros]

mam tylko problem , bo nie wiem jak zrobić żeby podczas rozwinięcia nie jechała cała stronka w dol.

Hasło : warstwy i z-index może ci pomoże

[dziobek]

Hasło : warstwy i z-index może ci pomoże

nic z tego, czego bym nie robił, animacja flash jest na wierzchu

no i pojawia się nowy problem, IE nie chce wyświetlać wogole tego menu.

Ale poradzilem sobie inaczej...obnirzylem animacje.

Ostatnie juz chyba pytani, jak zrobić rzeby rozwijane menu bylo szersze od reszty a przy tym nie rozjerzdzalo sie to powyzej niej.

[AdamD]

Miałem ten problem, rozwiązało go

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="https://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0" id="anim" width="800" height="295" style="margin-left: 37px; margin-top: 0px;">
<param name="movie" value="anim.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="loop" value="true" />
<param name="quality" value="high" />
[b]<param name="wmode" value="transparent" />[/b]
<param name="allowscriptaccess" value="samedomain" />
<embed type="application/x-shockwave-flash" 
	pluginspage="https://www.macromedia.com/go/getflashplayer" 
	name="anim" width="800" height="294" 
	src="anim.swf" bgcolor="#FFFFFF" quality="high" 
	[b]wmode="opaque"[/b] 
	loop="true" swliveconnect="true" allowscriptaccess="samedomain" 
/>
</object>

osadzenie flaszki w taki sposób

[dziobek]

nadal mam problem z menu, chciałbym zeby po rozwinięciu było szerokie tak żeby linki wszystkie były w jednej linijce, a cos nie moge tego dokonać, może mi ktoś pomorze?

kod mojego menu:

<td width="182"><div id="menu"><a onmouseover="document.obrazek1.src='/img/dzwigi2.gif'" onmouseout="document.obrazek1.src='/img/dzwigi.gif'" href="/dzwigi/"><img src="/img/dzwigi.gif" border="0" alt="dźwigi" name="obrazek1"></a><div class="meni"><ul><b>

<li width="182"><a href="/dzwigi/">ŻURAWIE SAMOCHODOWE</a></li>

<li width="182"><a href="#">ŻURAWIE TERENOWE</a></li>

<li width="182"><a href="#">SERWIS TECHNICZNY</a></li>

<li width="182"><a href="#">DZIAŁALNOŚĆ HANDLOWA</a></li>

<li width="182"><a href="/transport/">TRANSPORT</a></li>

</b></ul>

</div></td>

i css do niego:

#menu { /* div "menu" */

position: relative;

background-color: #FcF7E7;

width: 114px; /* szeroko?ć */

border: 0px solid #D3D3D3; /* obrazmowanie */

height: 57px; /* wysoko?ć */

overflow: hidden;

font-size: 9px;

font-family: Verdana;

} /* przycinanie */

#menu:hover { /* najechane menu */

position: absolute;

margin-top: -28px;

border: 1px

width: 114px; /* szeroko?ć */

height: auto; } /* wysoko?ć (warto?ć musi być 100% lub "auto" */

ul { /* ul */

margin: 0px; /* margines */

padding: 0px; } /* odstęp */

li { /* li */

list-style-type: none; /* rodzaj wykazu */

width: 114px;} /* szeroko?ć */

li a { /* linki */

text-decoration: none; /* dekoracja linka */

display: block; /* rodzaj wy?wietlenia elementów */

width: 114px; /* szeroko?ć */

padding: 1px; /* odległo?ci */

color: #3B3B3B; } /* kolor linka */

li a:hover { /* najechany link */

background-color: #FfFfEf;

text-decoration: none; /* dekoracja tekstu */

color: #aaaaaa; /* kolor linka */

width: 182px; /* szeroko?ć */

padding: 1px; /* odległo?ci pomiedzy linkami */

}

[PawelC]

dodaj do li a:hover,li a i samo li, to display:inline;

[dziobek]

dodaj do li a:hover,li a i samo li, to display:inline;

bez zmian :/