Witam Forumowiczów!
Tworzę stronę w ramach treningu, do tej pory jakoś to szło jednak nad tym problemem siedzę już 2 godziny.
Co powinienem zrobić aby po najechaniu na div'a "Język/Language" rozwinęła się lista wyboru, a po najechaniu na ikonkę facebooka, youtuba lub instagrama już nie?
Próbowałem
#section > ul:hover > li
zamienić na
#section > #language:hover > li
jednak wtedy lista w ogóle się nie rozwija.
Proszę o pomoc i z góry dziękuję! :)
Kod css:
#section > ul > li{
display: none;
}
#section > ul:hover > li{
display: block;
text-align: center;
width: 200px;
height: 30px;
float: left;
border-right: 1.5px solid white;
border-left: 1.5px solid white;
border-bottom: 1.5px solid white;
list-style-type:none;
padding:0;
margin:0;
}
HTML:
<div id="section">
<ul>
<div id="language">Język/Language</div>
<div id="fb"><a href=""><img id="sec" src="fb.png"></a></div>
<div id="yt"><a href=""><img id="sec" src="yt.png"></a></div>
<div id="insta"><a href=""><img id="sec" class="sec" src="insta.png"></a></div>
<li id="jez"><a href="" id="kol">Polski</a></li>
<li id="jez"><a href="" id="kol">English</a></li>
</ul>
</div></div>