Antworten auf deine Fragen:
Neues Thema erstellen

Dropdown fkt. nicht bei Safari Mobiledevices

muhtsch

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...?
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
 

muhtsch

Noch nicht viel geschrieben

Hm danke...auf meinen habe ich auf dem gleichen Prinzip und es fkt. super. Habe gedacht, daß der Grund für den daunterliegenden Bilderwechsler liegtdafür ist
 

Yetikisdorf

Nordmensch

Der Zustand hover ist ja erreicht, wenn du mit der Maus auf dein Element zeigst. Das gibt es beim Touchscreen eben nicht. Das es beim antippen in bestimmten Situationen doch funktioniert ist die "Krücke" die die Gerätehersteller eingebaut haben.

PS: Schau mal in den titel der Seite da fehlt ein o ;) Tolle Bilder übrigens...
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.616
Beiträge
1.538.358
Mitglieder
67.536
Neuestes Mitglied
QuestionMark
Oben