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

rozwijane menu

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
+3 głosów
886 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 Dyskutant (8,460 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,651 wizyt
0 głosów
1 odpowiedź 601 wizyt
pytanie zadane 3 maja 2023 w HTML i CSS przez HUBSON2912 Obywatel (1,460 p.)
0 głosów
1 odpowiedź 391 wizyt
pytanie zadane 18 września 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)

93,103 zapytań

142,076 odpowiedzi

321,560 komentarzy

62,444 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...