Noch nicht viel geschrieben
Hallo,
mein Dropdownmenu (nichts Aufregendes) funktioniert nich bei Iphones und IPads (sonst überall) und nur ausschließlich auf den Seiten, bei denen es ausgeklappt über ein js-Bildwechsel "drüber" ragt. Dann ist ein Wechsel auf die über Dropdown nicht möglich.
ZB hier:
Was kann ich tun...?
Danke!
Sylwia
mein Dropdownmenu (nichts Aufregendes) funktioniert nich bei Iphones und IPads (sonst überall) und nur ausschließlich auf den Seiten, bei denen es ausgeklappt über ein js-Bildwechsel "drüber" ragt. Dann ist ein Wechsel auf die über Dropdown nicht möglich.
ZB hier:
Was kann ich tun...?
HTML:
<div id="nav_unten">
<div id="nav_links">
<ul >
<li class="head_link"><a class="nav" href="scenery.html">SCENERY</a>
<ul class="drop">
<li class="drop_link"><a class="nav" href="borneo.html">BORNEO</a></li>
<li class="drop_link"><a class="nav" href="cooks.html">COOK ISLAND</a></li>
<li class="drop_link"><a class="nav" href="hawaii.html">HAWAI'I</a></li>
<li class="drop_link"><a class="nav" href="germany.html">GERMANY</a></li>
<li class="drop_link"><a class="nav" href="np.html">NP USA</a></li>
<li class="drop_link"><a class="nav" href="sa.html">SOUTH AFRICA</a></li>
<li class="drop_link"><a class="nav" href="tibet.html">TIBET</a></li>
<li class="drop_link"><a class="nav" href="swisse.html">SWITZERLAND</a></li>
</ul>
</li>
<li class="head_link"><a class="nav" href="people.html">PEOPLE</a></li>
<li class="head_link"><a class="nav" href="works.html">WORKS</a></li>
<li class="head_link"><a class="nav" href="nature.html">NATURE</a></li>
<li class="head_link"><a class="nav" href="cities.html">CITIES</a>
<ul class="drop">
<li class="drop_link"><a class="nav" href="berlin.html">BERLIN</a></li>
<li class="drop_link"><a class="nav" href="hongkong.html">HONG KONG</a></li>
<li class="drop_link"><a class="nav" href="nyc.html">NEW YORK</a></li>
<li class="drop_link"><a class="nav" href="singapore.html">SINGAPORE</a></li>
<li class="drop_link"><a class="nav" href="tokyo.html">TOKYO/KYOTO</a></li>
</ul>
</li>
</ul>
</div >
</div><!--ende nav -->
Code:
/*nav_unten*/
#nav_unten{
position:relative;
width:1100px;
padding-left:180px;
height:60px;
background-color:#CC7745;
text-align:center;
}
#nav_links ul,li{
margin-top:1px;
float: left;
position:relative;
}
#nav_links ul ul {
position: absolute;
z-index: 20;
display: none;
}
#nav_links ul li:hover ul {
display: block;
}
.head_link {
width:150px;
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
padding:10px;
padding-left:8px;
background-image:url(Bilder/index/works_line.png);
-webkit-box-shadow: 2px 2px 4px rgba(5, 1, 24, 1); /* WebKit */
-moz-box-shadow: 2px 2px 4px rgba(5, 1, 24, 1); /* Firefox */
box-shadow:2px 2px 4px rgba(5, 1, 24, 1); /* Standard */
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.drop{
padding:10px;
}
.drop_link {
width:150px;
padding:10px;
text-align:left;
border: 2px solid #07001c;
background-image:url(Bilder/works_line_hoch.jpg);
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
Danke!
Sylwia