Autor Zpráva
Fisak
Profil
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>
Aby vlastně když se rozevře <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
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
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
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
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

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: