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: 12 let
|
0