Problem oko menu bar-a i Flash fajla na istoj strani

4

Problem oko menu bar-a i Flash fajla na istoj strani

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Nadam se da si mislio ozbiljno?!
Ako jesi, evo ga:

https://www.mycity.rs/must-login.png



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 24 Mar 2004
  • Poruke: 3962
  • Gde živiš: Zemun

ma trebao si ti samo da kad je ono radilo da ostavis tu stranicu u folderu gde je swf, a da posle iz index strane ucitas tu stranicu koja otvara flash Smile

a sto uze plugin da ti pravi navigaciju... ajoj Smile
i samo da te uputim, to sto ti zoves java nema veze sa istom.. ovo je script Smile



offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Plugin jer nisam uspeo u potpunosti da završim menu, po mojoj želji, a zar to nije JavaScript?! K'o da mora uvek pun naziv da se žvrlja! Wink

offline
  • Pridružio: 24 Mar 2004
  • Poruke: 3962
  • Gde živiš: Zemun

jeste to javascript ali java bas bezveze zvuci.... bolje reci JS em krace em pravilnije...

a sto se tice horizontalnog meni-a
ja to radim sa css-om, ali treba da se rade budzevine jer IE6 nece lepo da to prikaze.... mada ni ie7 nije najsrecniji...

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

A jbg, nešto ću već da uradim i rešim valjda i taj menu bar. Smile

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3714
  • Gde živiš: 127.0.0.1

Java != JavaScript (prvo je programski jezik, a drugo client side web scripting), JFYI Smile

Anyway, malcice sam se izgubio u prostoru i vremenu, ali ispravljam gresku Smile

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>css drop down</title> <style type="text/css"> #container {    width: 500px;    margin: auto;    font-size: 12px; } #menu {    position: absolute;    margin-top: 10px; } #menu ul .top {    text-indent: 5px; } #menu ul .item {    display: none; } #menu ul:hover .item {    display: block;    background: #cdcdcd;    padding: 1px;    margin: 1px; } #menu ul:hover .item a {    color: #fff;    text-decoration: none;    display: block;    text-indent: 10px; } #menu ul:hover .item a:hover {    color: #fff;    background: #ababab; } #menu ul {    width: 100px;    float: left;    margin: 0px;    padding: 2px;    background: #898989;    list-style: none;    color: #efefef; } .clear {    clear: both;    height: 10px; } </style> </head> <body> <div id="container"> <div id="menu"> <ul id="item1"> <li class="top">+ Meni 1</li> <li class="item"><a href="#">- Stavka 1</a></li> <li class="item"><a href="#">- Stavka 2</a></li> <li class="item"><a href="#">- Stavka 3</a></li> </ul> <ul id="item2"> <li class="top">+ Meni 2</li> <li class="item"><a href="#">- Stavka 1</a></li> </ul> <ul id="item3"> <li class="top">+ Meni 3</li> <li class="item"><a href="#">- Stavka 1</a></li> <li class="item"><a href="#">- Stavka 2</a></li> </ul> <ul id="item4"> <li class="top">+ Meni 4</li> <li class="item"><a href="#">- Stavka 1</a></li> <li class="item"><a href="#">- Stavka 2</a></li> <li class="item"><a href="#">- Stavka 3</a></li> <li class="item"><a href="#">- Stavka 4</a></li> </ul> </div> <div class="clear"></div> </body> </html>

Testirano u FF 2.0.0.12, IE 7.0.5730.13 i Opera 9.25 (build 8827) i radi kako treba Smile

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Hvala puno, može li samo pomoć kako da napravim još jedan pod meni imamo znači Stavka 1, pa mi treba Stavka 1.1 koji bi se otvarao desno od dugmeta Stavka 1?
Evo primera na ovoj slici:



Ja sam probao da u Stavka 1 stavim
<ul>
<li>Stavka 1.1</li>
</ul>
(da ne pišem sve), ali nešto mi ne fercera!

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3714
  • Gde živiš: 127.0.0.1

Hm... na prvi pogled, cini mi se da nema puno prepravke u odnosu na prethodni kod... sad cu nesto da "procackam", pa se javljam Smile

offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

Aj' probaj, ja sam mislio da mu stavim ul tag i teraj dalje, ali baš i nije tako! Wink

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3714
  • Gde živiš: 127.0.0.1

Evo, ovako hoce Smile testirano u istim onim browserima kao i prethodni meni, i radi Smile

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>css drop down</title> <style type="text/css"> *{margin:0;padding:0;border:none;} body{margin:0.5em;font-family:verdana,tahoma,arial,sans-serif;} #menu{ width:100%; float:left; } #menu a{ font:normal 90%/205% tahoma,arial,helvetica,sans-serif; display:block; border-width:1px; border-style:solid; border-color:#ccc #888 #555 #bbb; white-space:nowrap; margin:0; padding:0 5px; } #menu h2{ font:bold 90%/205% tahoma,arial,helvetica,sans-serif; display:block; border-width:1px; border-style:solid; border-color:#ccc #888 #555 #bbb; white-space:nowrap; margin:0; padding:0 5px; } #menu h2{ color:#fff; background:#000; text-transform:uppercase } #menu a{ background:#eee; text-decoration:none; } #menu a, #menu a:visited{ color:#000; } #menu a:hover{ color:#a00; background:#ddd; } #menu a:active{ color:#060; background:#ccc; } #menu ul{ list-style:none; margin:0; padding:0; float:left; width:12em; } #menu li{ position:relative; } #menu ul ul{ position:absolute; z-index:500; top:auto; display:none; } #menu ul ul ul{ top:0; left:100%; } div#menu h2:hover{ background:#000; } div#menu li:hover{ cursor:pointer; z-index:100; } div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul {display:none;} div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul {display:block;} #menu a.x, #menu a.x:visited{ font-weight:normal; color:#000; background:#eee; } #menu a.x:hover{ color:#fff; background:#000; } #menu a.x:active{ color:#060; background:#ccc; } </style> <!--[if IE]> <style type="text/css" media="screen">    #menu{float:none;}    body{   font-size:100%;    }    #menu ul li{float:left;width:100%;}    #menu h2, #menu a{height:1%;} </style> <![endif]--> </head> <body> <div id="menu">    <ul>       <li><h2>+ Meni 1</h2>          <ul>             <li><a href="#">- Stavka 1</a></li>             <li><a href="#" class="x">+ Stavka 2</a>                <ul>                   <li><a href="#">- Stavka 2.1</a></li>                   <li><a href="#">- Stavka 2.2</a></li>                   <li><a href="#">- Stavka 2.3</a></li>                </ul>             </li>             <li><a href="#">- Stavka 3</a></li>             <li><a href="#">- Stavka 4</a></li>             <li><a href="#">- Stavka 5</a></li>             <li><a href="#">- Stavka 6</a></li>          </ul>       </li>    </ul>        <ul>       <li><h2>+ Meni 2</h2>          <ul>             <li><a href="#">- Stavka 1</a></li>             <li><a href="#">- Stavka 2</a></li>             <li><a href="#">- Stavka 3</a></li>             <li><a href="#">- Stavka 4</a></li>             <li><a href="#">- Stavka 5</a></li>          </ul>       </li>    </ul>        <ul>       <li><h2>+ Meni 3</h2>          <ul>             <li><a href="#">- Stavka 1</a></li>             <li><a href="#">- Stavka 2</a></li>             <li><a href="#">- Stavka 3</a></li>             <li><a href="#">- Stavka 4</a></li>             <li><a href="#">- Stavka 5</a></li>          </ul>       </li>    </ul>        <ul>       <li><h2>+ Meni 4</h2>          <ul>             <li><a href="#">- Stavka 1</a></li>             <li><a href="#">- Stavka 2</a></li>             <li><a href="#">- Stavka 3</a></li>             <li><a href="#">- Stavka 4</a></li>             <li><a href="#">- Stavka 5</a></li>          </ul>       </li>    </ul>     </div> </body> </html>

Ko je trenutno na forumu
 

Ukupno su 667 korisnika na forumu :: 27 registrovanih, 2 sakrivenih i 638 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: Bane san, Bobrock1, chichabg, doloress, Dorcolac, dzoni19, eighty-one, ekozelj, Koridor, ladro, LonelyWolf, MarKhan, Mihajlo, mihajlot2013, mrvica78, Nikolajevic, Petarvu, procesor, RecA, Ripanjac, Srpska zauvjek, stagezin, stegonosa, vranjanac29, Vule, W123, yrraf