| Autor | Zpráva | ||
|---|---|---|---|
| Fisak Profil |
#1 · Zasláno: 24. 10. 2012, 22:00:03 · Upravil/a: Fisak
Dobrý den. Šlo by udělat v:
<style>
div#menu-top {
width: 100%;
height: 45px;
background-color:#0B7EAF;
}
#hlavni-menu {
width: 1020px;
padding: 0 0 0 0;
margin: 0 auto;
}
#hlavni-menu li {float:left;list-style-type:none;}
#hlavni-menu li a {
padding: 13px 49px 12px 49px;
text-align: center;
font-size: 16px;
color: #ffffff;
font-weight: bold;
background: #0B7EAF;
display:block;
text-decoration: none;}
#hlavni-menu li a:hover { background: #009FE3; color: #FFF;}
#hlavni-menu li ul {display: none;}
#hlavni-menu li:hover ul { display:block; position:absolute; border: solid #FFF; border-width: 0 1px 1px 1px;}
#hlavni-menu li:hover ul li { display:block; float: none; border-top: 1px solid #FFF;}
#Služby li:hover ul li a {background: #009FE3; color: white;}
#Služby li:hover ul li a:hover {background: #009FE3; color:#fff;}
</style>
<div id="menu-top">
<div id="hlavni-menu">
<ul>
<li id="Něco"><a>Najeď myší sadfas dfas df</a></li>
<li id="Služby"><a>Najeď myší sadfas dfas df</a></li>
</ul>
<ul id="spust">
<li><a href="#">První položka</a></li>
<li><a href="#">Druhá položka</a></li>
</ul>
</div>
</div> <li id="Služby"><a>Najeď myší sadfas dfas df</a></li> se rozbalilo menu
<ul id="spust">
<li><a href="#">První položka</a></li>
<li><a href="#">Druhá položka</a></li>
</ul> Předem děkuji za odpovědi. Ještě upozorňuji že nechci hejbat nijak s html kodem .. jen to chci upravit v css |
||
| yFang Profil |
#2 · Zasláno: 24. 10. 2012, 22:10:11
Fisak:
Šlo by to JavaScriptem. Nejprve nastavit #spust display: hidden, dále nastavit tomu odkazu (najeď myší...) při události onmouseover, aby se změnilo display u #spust na block. |
||
| Fisak Profil |
#3 · Zasláno: 24. 10. 2012, 22:11:45
yFang:
no jak sem řikal nechci právě do html vůbec zasahovat.. řešení to vyžaduje aby se upravovalo jen css.. |
||
| yFang Profil |
#4 · Zasláno: 24. 10. 2012, 22:13:44
Fisak:
Do HTML vůbec zasahovat nemusíš, všechno to je otázka JavaScriptu. Pouze s CSS to s tímhle HTML kódem imho nejde. |
||
| Fisak Profil |
yFang:
aha.. a ten js kod by si nevěděl ? <li id="Služby" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','<ul id="spust"><li><a href="#">První položka</a></li><li><a href="#">Druhá položka</a></li></ul>')"><a>Najeď myší sadfas dfas df</a></li> tohle je správně ? i když to je vlastně blbost.. nemůžu prostě hejbat s html kodem... potřebuju to zařídit buď teda js nebo css ale mimo ten html kod co něco takového... (i když to nefunguje.. jen jestli jdu správným směrem) <script>
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Sluzby','','<ul id="spust"><li><a href="#">První položka</a></li><li><a href="#">Druhá položka</a></li></ul>')"
</script>
<ul>
<li id="Něco"><a>Ahoj ahoj</a></li>
<li id="Služby" name="Sluzby"><a>Najeď myší sadfas dfas df</a></li>
</ul> |
||
| yFang Profil |
#6 · Zasláno: 24. 10. 2012, 23:17:40
Fisak:
Spíš motáš víc věcí dohromady :-), mohlo by ti pomoct Skrývání a odkrývání textu na přání uživatele |
||
|
Časová prodleva: 14 let
|
|||
0