Autor Zpráva
16patrick
Profil
Ahojte som našiel toto vertikálne menu mam na ho na webe aj na ľavej strane a tam funguje normálne ale chcem ho dať aj na právu stranu a tam sa už nevysúva .. nechápem prečo to nejde... Pomôžte mi please asi bude treba niečo zmeniť v kóde tohto menu a to ja neovládam moc >}

ďakujem za pomoc :)

na tomto webe www.krotiteliatukov.6f.sk

1?>
2<style type="text/css">
3 
4/*Credits: Dynamic Drive CSS Library */
5/*URL: http://www.dynamicdrive.com/style/ */
6 
7.sidebarmenu ul{
8margin: 0;
9padding: 0;
10list-style-type: none;
11width: 160px;
12/* Main Menu Item widths */
13border-bottom: 1px solid #ccc;
14}
15 
16.sidebarmenu ul li{
17position: relative;
18}
19 
20/* Top level menu links style */
21.sidebarmenu ul li a{
22font-weight: bold;
23font-size:130%;
24display: block;
25overflow: auto; /*force hasLayout in IE7 */
26color: white;
27text-decoration: none;
28padding: 6px;
29border-bottom: 1px solid #778;
30border-right: 1px solid #778;
31}
32 
33.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
34background-color: #ff8c00;
35 
36 /*background of tabs (default state)*/
37}
38 
39.sidebarmenu ul li a:visited{
40color: white;
41}
42 
43.sidebarmenu ul li a:hover{
44color: #ff8c00;
45background-color: #f4f4f4;
46}
47 
48/*Sub level menu items */
49.sidebarmenu ul li ul{
50position: absolute;
51width: 170px; /*Sub Menu Items width */
52top: 0;
53visibility: hidden;
54}
55 
56.sidebarmenu a.subfolderstyle{
57background: url(right.gif) no-repeat 97% 50%;
58}
59 
60 
61/* Holly Hack for IE \*/
62* html .sidebarmenu ul li { float: left; height: 1%; }
63* html .sidebarmenu ul li a { height: 1%; }
64/* End */
65 
66</style>
67 
68<script type="text/javascript">
69 
70//Nested Side Bar Menu (Mar 20th, 09)
71//By Dynamic Drive: http://www.dynamicdrive.com/style/
72 
73var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
74 
75function initsidebarmenu(){
76for (var i=0; i<menuids.length; i++){
77  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
78    for (var t=0; t<ultags.length; t++){
79    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
80  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
81   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
82  else //else if this is a sub level submenu (ul)
83    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
84    ultags[t].parentNode.onmouseover=function(){
85    this.getElementsByTagName("ul")[0].style.display="block"
86    }
87    ultags[t].parentNode.onmouseout=function(){
88    this.getElementsByTagName("ul")[0].style.display="none"
89    }
90    }
91  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
92  ultags[t].style.visibility="visible"
93  ultags[t].style.display="none"
94  }
95  }
96}
97 
98if (window.addEventListener)
99window.addEventListener("load", initsidebarmenu, false)
100else if (window.attachEvent)
101window.attachEvent("onload", initsidebarmenu)
102 
103</script>
104 
105<div class="sidebarmenu">
106<ul id="sidebarmenu1">
107<ul>
108     <li>
109    </li>
110</ul>
?>
<style type="text/css">
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px;
/* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}
 
/* Top level menu links style */
.sidebarmenu ul li a{
font-weight: bold;
font-size:130%;
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
 
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #ff8c00;
 
 /*background of tabs (default state)*/
}
 
.sidebarmenu ul li a:visited{
color: white;
}
 
.sidebarmenu ul li a:hover{
color: #ff8c00;
background-color: #f4f4f4;
}
 
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
 
.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}
 
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
 
</style>
 
<script type="text/javascript">
 
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
 
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
 
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
  else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
  ultags[t].style.visibility="visible"
  ultags[t].style.display="none"
  }
  }
}
 
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
 
</script>
 
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<ul>
     <li>
    </li>
</ul>
16patrick
Profil
prosím Vás alebo mi poradte ako to nastaviť aby sa vysúvalo na ľavú stranu .. nie na pravú

ďakujem
Toto vlákno je staré, již dlouho do něj nikdo nepřispíval.

Informace a odkazy zde uváděné už nemusejí být aktuální. Nechcete-li řešit zde uvedenou konkrétní otázku, založte si vlastní vlákno, nepište do tohoto. Vložíte-li sem nyní příspěvek, upoutáte pozornost mnoha lidí a někteří z nich si jen kvůli vám přečtou i všechny předcházející příspěvky. Předpokládáte-li, že váš text skutečně bude hodnotný, stiskněte následující tlačítko:


Běda vám, jestli to bude blábol.

0