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

rozwijane menu

Object Storage Arubacloud
+3 głosów
827 wizyt
pytanie zadane 20 kwietnia 2015 w HTML i CSS przez norbi121 Początkujący (270 p.)

Witam od niedawna uczę się pisać strony tworząc identyczne jak ktoś ma.Napotkałem jednak pewien problem rozwijane menu. zamiast tego mam take coś

a chciałbym żeby po najechaniu na zielne drzwi była lista rozwijana.

o to kod html:

<body>
<div id="container">
    <div id="menu">
    <div id="Lmenu">
    <img src="logo.png"/>
    </div>
        
        <div id="menuR">
        <ul id="blockmenu">
        <li> Zielone drzwi
        <li>Wewnatrz</li>
        <li>Zewnatrz</li>
        </ul>
        </li>
         <span class="tab">O nas    </span>
        <span class="tab">Realizacje    </span>
        <span class="tab">Galeria    </span>
        <span class="tab">Artykuły </span>
        <span class="tab">Kontakt </span>
        
    </div>
    
    </div>
    <div id="gallery">
    <img src="katowice_pionwy_ogrod.jpg"/>
    </div>
    <div id="graphmenu">
    <div class="men">
    <h1>zewnetrzne<h1/> <br/>
    <img src="bmw.jpg"/><br/>
    
    <h2>
    </h2>
    </div>
    <div class="men">
    <h1>mobilne<h1/> <br/>
    <img src="bmw.jpg"/><br/>
    <h2>Mobilne zielone ściany, które mogą być przestawiane z miejsca na miejsce. Praktyczne rozwiązanie w przestrzeniach biurowych oraz mieszkalnych. Przy nasadzeniu dwustronnym są przykładem żywej nowoczesnej przegrody.</h2>
    </div>
    <div class="men">
    <h1>wewnetrzne<h1/> <br/>
    <img src="bmw.jpg"/><br/>
    <h2>.</h2>
    </div>
    <div class="men">
    <h1>Panele z mchem<h1/><br/>
    <img src="bmw.jpg"/><br/>
    <h2>.</h2>
    </div>
    </div>
    <div id="content">
    <div id="Lcontent">
    Zielone ściany, wertykalne ogrody, roślinne ściany, pionowe ogrody, panele z mchem…
<br/><br/>

<br/>
<h3><a href="http://zielonesciany.pl/pl/zielone-sciany-zimowe-szalenstwo-w-polskim-klimacie" style="text-decoration: none" >Pierwszy polski przebadany system zielonych ścian</a></h3> 


<br/><br/>
<span class="bigtittle"><a href="http://www.psdz.pl/" style="text-decoration:none">Należymy do Polskiego Stowarzyszenia 'Dachy Zielone' <br/></a>
Stowarzyszenie promujące ideę tworzenia zielonych dachów i wertykalnych ogrodów w Polsce. </span
 <br/><br/>

ZIELONESCIANY.PL
<br/><br/>
*projektowanie i wykonywanie ogrodów wertykalnych we wnętrzach i na zewnątrz<br/>
*panele z mchem <br/>
​*donice i rośliny - aranżacja wnętrz <br/>
<br/><br/>
    </div>
    <div id="Rcontent">
    <img src="twitt.png"/>
    </div>
    </div>
    
    <div id="Footer">
    Greenarte &copy;   |   Łódzka 25a   |   50-521 Wrocław   |   +48 71 336 51 67   |    biuro@greenarte.pl
    </div>
</div>

PS. Usunąłem zbędne elementy tekstu aby było lepiej czytelne. Tu kod css:

ul#blockmenu, ul#blockmenu li
{
display:block;
list-style-type:none;
}
blockmenu>ul>li>ul
{
display:none;
}
blockmenu>ul>li:hover>ul
{
display:block;
}

 

6 odpowiedzi

0 głosów
odpowiedź 20 kwietnia 2015 przez Eryk Andrzejewski Mędrzec (164,260 p.)
1. Wstawiaj kod w CODE

2. Zainteresuj się biblioteką do JS - JQuery. Tam znajdziesz odpowiednie funkcje :) Pozdrawiam :)

Albo nie, łap ten link :D http://www.kurshtml.edu.pl/skrypty/rozwijane_menu.html

A, nie tobie chodzi chyba o coś takiego xD http://www.kurshtml.edu.pl/skrypty/menu_rozwijane.html
0 głosów
odpowiedź 20 kwietnia 2015 przez Toxc Mądrala (7,440 p.)
0 głosów
odpowiedź 20 kwietnia 2015 przez norbi121 Początkujący (270 p.)
http://www.zielonesciany.pl/ to jest z tej strony menu ;)
0 głosów
odpowiedź 20 kwietnia 2015 przez testerius Pasjonat (23,960 p.)
0 głosów
odpowiedź 20 kwietnia 2015 przez Valtuil Pasjonat (22,460 p.)
0 głosów
odpowiedź 22 kwietnia 2015 przez Wilczu Mądrala (5,190 p.)
Tutaj masz poradnik oraz gotowy kod polecam przeczytać żeby zrozumieć to co się wkleja/pisze :)

http://kodcss.pl/kurs-css/lekcje/dzial-4/rozwijane-poziome-menu-css

Pozdrawiam

Podobne pytania

0 głosów
4 odpowiedzi 14,177 wizyt
0 głosów
1 odpowiedź 480 wizyt
pytanie zadane 3 maja 2023 w HTML i CSS przez HUBSON2912 Obywatel (1,300 p.)
0 głosów
1 odpowiedź 292 wizyt
pytanie zadane 18 września 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)

92,579 zapytań

141,429 odpowiedzi

319,655 komentarzy

61,962 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...