Witam
Potrzebuję zrobić takie menu jak na tej stronie: bdsklep.pl
Proszę o linka do jakiegoś przykładu bo ciężko znaleźć menu tego typu.
Pozdrawiam
Witam
Potrzebuję zrobić takie menu jak na tej stronie: bdsklep.pl
Proszę o linka do jakiegoś przykładu bo ciężko znaleźć menu tego typu.
Pozdrawiam
http://lmgtfy.com/?q=pionowe+menu+rozwijane+css
Już czwarty wynik zawiera gotowy przykład.
@michiginester możesz podać linka do przykładu o którym piszesz? Wszystkie to typowe menu rozwijane w bok. Ja potrzebuję takie jak na tej stronie z pierwszego postu.
Skoro wzorujesz się na tamtej stronie to podejrzyj jak tam jest to zrobione.
robisz tak:
<style>
.menu{
position: relative;
}
a.lvl1{
display: block;
width:140px;
height: 20px;
}
.submenu{
display:none;
position: absolute;
left:140px;
top:0;
}
.submenu-wrapper:hover .submenu{
display: block;
}
</style>
<nav class="menu">
<span class="submenu-wrapper">
<a class="lvl1" href="#">Link1</a>
<div class="submenu">
<a class="lvl2" href="#">Link11</a>
<a class="lvl2" href="#">Link12</a>
<a class="lvl2" href="#">Link13</a>
<a class="lvl2" href="#">Link14</a>
<!-- tu wpisujesz to co ma być w podmenu -->
</div>
</span>
<span class="submenu-wrapper">
<a class="lvl1" href="#">Link2</a>
<div class="submenu">
<a class="lvl2" href="#">Link21</a>
<a class="lvl2" href="#">Link22</a>
<a class="lvl2" href="#">Link23</a>
<a class="lvl2" href="#">Link24</a>
<!-- tu wpisujesz to co ma być w podmenu -->
</div>
</span>
<span class="submenu-wrapper">
<a class="lvl1" href="#">Link3</a>
<div class="submenu">
<a class="lvl2" href="#">Link31</a>
<a class="lvl2" href="#">Link32</a>
<a class="lvl2" href="#">Link33</a>
<a class="lvl2" href="#">Link34</a>
<!-- tu wpisujesz to co ma być w podmenu -->
</div>
</span>
</nav>
To jest szkielet, który możesz wykorzystać i rozbudować.