| Autor | Zpráva | ||
|---|---|---|---|
| 16patrick Profil |
#1 · Zasláno: 3. 5. 2010, 16:01:29 · Upravil/a: 16patrick
Ahojte, prosím vás keby ste mi mohli poradiť, ako toto horizontálne menu prerobiť na vertikálne?
Ďakujem vopred za ochotu. 1<style type='text/css'> <style type='text/css'>
* { margin:0 auto; padding:0 auto; }
ul#menu a { display:block; }
ul#menu { list-style-type:none; }
ul#menu li { display:block; float:left; }
ul#menu li a { padding:0.25em 1em 0.25em 1em; border:1px solid #cccccc; font-size:130%; background:#FFFFFF; text-decoration:none; font-weight:bold; }
ul#menu li a:hover { background:#f4f4f4; }
ul#menu li ul { display:none; }
ul#menu li ul li { display:block; float:none; border:1px solid #cccccc;}
ul#menu li ul li a { border:0; background:#FFFFFF; }
ul#menu li ul li a:hover { color:#ffffff; background:#003366; }
/* zahrnutie a využitie komponentu hover.htc */
li { behavior:url('hover.htc'); }
ul#menu li:hover ul, ul#menu li.hover ul { display:block; position:absolute; }
</style> |
||
| shaggy Profil |
#2 · Zasláno: 3. 5. 2010, 16:22:32
16patrick:
A aká je otázka? Toto je sekcia "Jak něco udělat?", ale nevidím, že by si sa na niečo pýtal. „Ahojte, mohli by ste my prosím toto menu prerobiť na vertikálne?“ Toto patrí skôr do Práce a zákazky, nemyslíš? Ale aby sa nepovedalo - ak mi vymaľuješ byt (samozrejme, farbu a náradie si musíš doniesť svoje), ja ti prerobím to menu. |
||
| 16patrick Profil |
#3 · Zasláno: 3. 5. 2010, 17:35:58
tak zmením otázku že ako toto horizontálne menu prerobiť na vertikálne?
|
||
| pavuk Profil |
#4 · Zasláno: 3. 5. 2010, 17:59:52
Jeho přepracováním, na který platí to co psal shaggy ve [#2]
|
||
| Davex Profil |
#5 · Zasláno: 3. 5. 2010, 20:22:58
16patrick:
„ako toto horizontálne menu prerobiť na vertikálne?“ Zjednodušeně asi nějak takto: ul#menu { list-style-type:none; float:left; } ul#menu { list-style-type:none; float:left; }
ul#menu li { display:block; /* float: left; */ } |
||
| 16patrick Profil |
#6 · Zasláno: 3. 5. 2010, 21:12:37
dakujem :)
|
||
| Bubák Profil |
#7 · Zasláno: 3. 5. 2010, 21:23:24 · Upravil/a: Bubák
Davex:
„ul#menu li { display:block; /* float: left; */ }“ Protože LI se chová jako blok, tak rovnou takhle (zakomentovat, nebo smazat): /* ul#menu li { display:block; float: left; } *//* ul#menu li { display:block; float: left; } */ |
||
|
Časová prodleva: 24 dní
|
|||
| 16patrick Profil |
#8 · Zasláno: 27. 5. 2010, 21:46:03
Ahojte este sa chcem op=ztat yohnal som si nove menu ale potrebujem aby sa po prejdeni myšky zobrazovali vysuvacie položky napravo nie na lavo
dakujem 1?> ?>
<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"> |
||
|
Časová prodleva: 15 let
|
|||
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