nav#menu
{
background-color: rgba(55,100,255, 1);
border-top: 1px solid rgba(7, 0, 0, 0);
font: 700 17px \"Arial\";
height: 33px;
padding: 5px;
width: 2000px;
z-index: 9999;
position: fixed;
top: 0px;
}
nav#menu ul {
margin: 0 5px;
list-style:none;
}
nav#menu ul li {
float: top;
margin-top: 2px;
text-align:left;
margin-right: 20%;
}
nav#menu ul li a {
float: left;
color: #ccc;
text-shadow: 0 1px 0 #2B5356;
padding: 5px 10px;
text-decoration:none;
text-align:left;
}
nav#menu ul li a ul li a{
float: top;
color: #ccc;
text-shadow: 0 1px 0 #2B5356;
padding: 5px 10px;
text-decoration:none;
}
nav#menu ul li a:hover {
color: black;
background: #00FF7F;
}
<nav id=\"menu\">
<ul>
<li><a href=\"index.php\">Főoldal</a></li>
<li><a href=\"tortenet.php\">Történet</a></li>
<ul>
<li><a href=\"#\">Text</a></li>
</ul>
<li><a href=\"asd.php\">asd</a></li>
</ul>
</nav>
Azt szeretném megoldani, hogy a text a történet menüpont alatt jelenjen meg, ha a történet-re húzzuk az egeret. Tehát egy legördülő menüre lenne szükségem, aminek ugyan olyan a design-je, mint a menü-nek.
A css-be látszik, hogy próbálkoztam vele, de nem annyira sikerül. Aki tud segíteni, nagyon megköszönném :)
Cyrex, webdesigner foglalkozik HTML + CSS nyelvvel, ajánlom őt: cyrex.hu
Annyit tudok segíteni, hogy CSSben ha egy \'1\' nevű DIV-re ráhoverelsz és a \'2\' nevű DIV-et szeretnéd kezelni (jelenesetben megjeleníteni), akkor azt az \'1\' div utáni > operátor kihelyezésével teheted meg. Példa:
#1:hover > #2 {
display: block;
/* ..etc */
}