bravestar76
Neues Mitglied
Hallo zusammen!
Hätte da mal eine Frage an euch..
Ich habe in CSS eine horizontale Dropdown Menüleiste erstellt, die auf dem Monitor ganz normal hovert.
Wenn ich die Seite auf dem Iphone lade, kann ich leider nur den obersten Navigationspunkt betätigen, man sieht nur kurz die Aufklappnavi und danach wird die Seite des dementsprechenden Menüpunktes geöffnet. D.h. es gibt keinen hover-Effekt, die Navi klappt nicht auf, so dass man aus den Unterpunkten wählen kann.
Weiss da jemand vielleicht Rat? Hab in ein paar Foren mitbekommen, dass man den hover Befehl durch einen mouseover Befehl ersetzen soll. Kann das sein und wenn ja wie?
Wäre euch echt dankbar wenn ihr mir helfen könnt.
HIer das Navi CSS:
Ich bin lange kein Profi und habe mir alles zusammen gesucht. Ich hoffe, ihr habt Tipps für mich. Danke!
Hätte da mal eine Frage an euch..
Ich habe in CSS eine horizontale Dropdown Menüleiste erstellt, die auf dem Monitor ganz normal hovert.
Wenn ich die Seite auf dem Iphone lade, kann ich leider nur den obersten Navigationspunkt betätigen, man sieht nur kurz die Aufklappnavi und danach wird die Seite des dementsprechenden Menüpunktes geöffnet. D.h. es gibt keinen hover-Effekt, die Navi klappt nicht auf, so dass man aus den Unterpunkten wählen kann.
Weiss da jemand vielleicht Rat? Hab in ein paar Foren mitbekommen, dass man den hover Befehl durch einen mouseover Befehl ersetzen soll. Kann das sein und wenn ja wie?
Wäre euch echt dankbar wenn ihr mir helfen könnt.
HIer das Navi CSS:
Code:
[COLOR=#333333][FONT=Lucida Grande]@charset "utf-8";[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]/* MAIN NAVIGATION SECTION */[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]/* Weisse Hauptleiste */ [/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]div#mainNavigation {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]background: transparent url('../-img/navi_main_bg_kachel_tp.png') repeat-x left top;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]width: 951px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]height: 49px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]position: absolute;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]margin:0px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]/* border-top: 1px solid #fff; */[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]/* MAIN NAVIGATION, 1st Level */[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]div#mainNavigation ul {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]/* background: transparent url('../-img/navi_main_bg_kachel_tp.png') repeat-x left top; */[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]z-index: 100;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]position:relative[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]width: 800px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]margin: 40px auto;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation h7 {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]font-size: 16px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]color: #fff;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]padding: 20px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]margin: 0;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]line-height: 10px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation ul {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]position: absolute;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]margin: 0 auto;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]list-style: none;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation ul li {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]float: left;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]margin: 0 0 0 33px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]font-size: 19px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]font-family: 'Dorid Serif', serif;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]line-height: 50px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation ul li a {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]color: #333333;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]text-decoration: none; [/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-webkit-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-moz-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-o-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-ms-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation ul li a:hover {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]color: #ac1315;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation ul li img {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]float: left;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]width: 16px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]height: 16px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]margin: 14px 5px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]padding: 6px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]background: #062e57;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-webkit-border-radius: 25px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-moz-border-radius: 25px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]border-radius: 25px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-webkit-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-moz-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-o-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]-ms-transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]transition: all .2s ease-in-out;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation ul li:hover img {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]background: #000;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]#mainNavigation ul ul {[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]position: absolute;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]top: -9999px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]background: #006faa;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]font-size:12px;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]color:#000000;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]font-family:Arial;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]font-style:normal;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]text-decoration: none;[/FONT][/COLOR]
[COLOR=#333333][FONT=Lucida Grande]}[/FONT][/COLOR]
Ich bin lange kein Profi und habe mir alles zusammen gesucht. Ich hoffe, ihr habt Tipps für mich. Danke!