• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić duże podmenu?

VPS Starter Arubacloud
0 głosów
161 wizyt
pytanie zadane 1 października 2018 w HTML i CSS przez kacper3100 Nowicjusz (160 p.)
edycja 30 maja przez kacper3100

Chciałbym zrobiony już nagłówek wzbogacić o duże podmenu, które by się pojawiło po kliknięciu w jeden z odnośników znajdujących się na nagłówku. Jak to zrobić?

Pokażę, jak chcę, by to wyglądało:

Chciałbym, by po kliknięciu w "PROGRAMY" pojawiło się takie wielkie podmenu - i tam bym wstawiał sobie obrazki i odnośniki.

Proszę o pomoc.

Kod źródłowy nagłówka:

.container-nagl {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
  
.logo
{  
    width: 50px;
    height: 35px;
    line-height:100%;
    z-index:100;
}
 
.header {
    width: 100%;
    padding: 10px;
    background-color: #0b003a;
    text-align: center;
}
 
.header ol
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 20px;
    height: 35px;
    line-height: 200%;
    display: inline-block;
}
 
.header ol a
{
    color: #ff5e00;
    text-decoration: none;
    display: block;
}
 
.header ol > li
{
    float: left;
    width: 150px;
    height: 40px;
}
 
 
.header ol > li:hover > a
{
    color: #0066ff;
}
 
        <div class="container-nagl">
<div class="header">
            <div class="logo">
                <a href="../"><img src="../img/logo.png"/></a>
                <div style="clear:both;"></div>
            </div>
 
<ol>
    <li><a href="../programy.php">PROGRAMY</a></li>
    <li><a href="../news.php">NOWOŚCI</a></li>
    <li><a href="../artykuly.php">ARTYKUŁY</a></li>
    <li><a href="../download.php">DO POBRANIA</a></li>
</ol>
 
        </div>
    </div> 
   

 

1 odpowiedź

+1 głos
odpowiedź 1 października 2018 przez Tomek Sochacki Ekspert (227,510 p.)
Szukaj pod hasłem nested menu css, pierwszy lepszy link codepen i masz przykład gotowca dokładnie takiego jaki chcesz: https://codepen.io/antoniputra/pen/BzyWmb
komentarz 2 października 2018 przez kacper3100 Nowicjusz (160 p.)
Nie, to nie jest to, czego chcę. Pytałem, jak zrobić wyświetlające się duże podmenu (czyli takie, które ma maksymalną szerokość) po KLIKNIĘCIU (nie po najechaniu myszką) w jeden z odnośników. Szukałem wiele razy jakichś gotowców, ale nie znalazłem takiego.
komentarz 2 października 2018 przez Tomek Sochacki Ekspert (227,510 p.)
no to dlaczego nie obsłużyć po prostu onclick na elemencie menu i wewnatrz callbacka onclick wystarczy dac show na innym elemencie plus ewentualnie podciagnac do niego dane ajaxem, to juz zależy od konkretnej sytuacji.

Podobne pytania

0 głosów
2 odpowiedzi 163 wizyt
pytanie zadane 29 lutego w HTML i CSS przez whiteman808 Bywalec (2,170 p.)
0 głosów
2 odpowiedzi 221 wizyt
0 głosów
1 odpowiedź 572 wizyt
pytanie zadane 3 maja 2023 w HTML i CSS przez HUBSON2912 Obywatel (1,410 p.)

92,838 zapytań

141,780 odpowiedzi

320,843 komentarzy

62,171 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...