menu pionowe wysuwane w bok

0

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

0

http://lmgtfy.com/?q=pionowe+menu+rozwijane+css
Już czwarty wynik zawiera gotowy przykład.

0

@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.

0

Skoro wzorujesz się na tamtej stronie to podejrzyj jak tam jest to zrobione.

1

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ć.

1 użytkowników online, w tym zalogowanych: 0, gości: 1