menu pionowe wysuwane w bok

1q2w3e4r

2014-12-08T15:26:17+01:00

Rejestracja: dni
Ostatnio: dni

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

michiginester

2014-12-08T16:28:37+01:00

Rejestracja: dni
Ostatnio: dni

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

1q2w3e4r

2014-12-08T18:14:37+01:00

Rejestracja: dni
Ostatnio: dni

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

Sarrus

2014-12-09T14:23:30+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 2512

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

2014-12-13T23:59:52+01:00

Rejestracja: dni
Ostatnio: dni

robisz tak:

Kopiuj

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

Kopiuj

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