|
|
|
|
|
Poslao: 03 Mar 2008 10:55
|
offline
- Crazy Wiking
- Legendarni građanin
- 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! 
|
|
|
|
|
|
|
Poslao: 03 Mar 2008 16:02
|
offline
- Svemirko
- Legendarni građanin
- 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...
|
|
|
|
|
|
|
Poslao: 03 Mar 2008 16:24
|
offline
- Crazy Wiking
- Legendarni građanin
- 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. 
|
|
|
|
|
|
|
|
|
Poslao: 12 Mar 2008 20:29
|
offline
- Crazy Wiking
- Legendarni građanin
- 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!
|
|
|
|
|
|
|
Poslao: 13 Mar 2008 01:14
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3747
- 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
|
|
|
|
|
|
|
Poslao: 13 Mar 2008 01:20
|
offline
- Crazy Wiking
- Legendarni građanin
- 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!
|
|
|
|
|
|
|
Poslao: 13 Mar 2008 01:54
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3747
- Gde živiš: 127.0.0.1
|
Evo, ovako hoce testirano u istim onim browserima kao i prethodni meni, i radi
<!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>
|
|
|
|
|
|
