CSS Dropdownmenü touchfähig machen.

spicelab hat gesagt.:
Sorry, in meiner lokalen Testumgebung hatte ich vorhin das Unterverzeichnis "css" aus dem Code entfernt, und vergessen, es zum Veröffentlichen wieder einzusetzen.
.
Zum Vergrößern anklicken....

Was heißt das nun für michß Muss ich da noch irgendwas machen?

Ich habe jetzt soweit alles nach deinen Vorgaben geändert. Die Seite wird auch korrekt angezeigt und funktioniert problemlos, nur eben immernoch nicht auf mobilen Geräten, keine Touchscreenunterstützung.

Hier der Code den ich jetzt eingebaut habe
HTML: 
<head>
<meta content="Private Infoseite für Kickerfreunde" name="description">
<meta content="kickern,tischfußball,tischkicker,dkc,danyskickercup,lets kick it,kickern tischfußball tischkicker dkc danyskickercup lets kick it" name="keywords">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

<style type="text/css">
.auto-style1 {
	background-color: #000000;
}
.auto-style2 {
	color: #000000;
}
.style3 {
	background-color: #000000;
}
.style1 {
	text-align: left;
}
.style2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-small;
}
a {
	color: #C0C0C0;
}
a:visited {
	color: #C0C0C0;
}
a:active {
	color: #FFFF00;
}
a:hover {
	color: #FFFF00;
}
.auto-style4 {
	font-size: x-small;
}
.auto-style5 {
	text-align: center;
}
.auto-style6 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-small;
	text-align: left;
}
.auto-style7 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-small;
	text-align: right;
}
</style>
<title>DKC - Danys Kicker Cup</title>
</head>

<body style="color: #C0C0C0; background-color: #FFFF00">

<table align="center" class="auto-style1" style="width: 950">
	<tr>
		<td style="height: 23px; width: 944px;">
		<div id="navWrapper">
    <ul id="nav" style="font-size: small; background: #FFFF00; font: medium serif; height: 50px" class="auto-style4">
        <li style="left: 0px; top: 0px"><a href="index.html">
		<span class="auto-style2">Home</span></a></li>
        <li style="left: 0px; top: 0px; height: 36px"><a href="#">
		<span class="auto-style2">FUN-Cup</span></a>
            <ul>
                <li><a href="funcupinfos.html">Infos</a></li>
                <li><a href="funcuptermine.html">Termine</a></li>
                <li><a href="funcupteilnehmer.html">Teilnehmer</a></li>
                <li><a href="funcupergebnisse.html">Ergebnisse</a></li>
                <li><a href="funcupberichte.html">Berichte</a></li>
            </ul>
        </li>
        <li><a href="#">
		<span class="auto-style2">MIXED-Cup</span></a>
            <ul>
                <li><a href="mixedcupinfos.html">Infos</a></li>
                <li><a href="mixedcuptermine.html">Termine</a></li>
                <li><a href="mixedcupteilnehmer.html">Teilnehmer</a></li>
                <li><a href="mixedcupergebnisse.html">Ergebnisse</a></li>
                <li><a href="mixedcupberichte.html">Berichte</a></li>
        </ul>
        </li>
        <li style="left: 0px; top: 0px; height: 36px"><a href="#">
		<span class="auto-style2">PRO-Cup</span></a>
            <ul>
                <li><a href="procupinfos.html">Infos</a></li>
                <li><a href="procuptermine.html">Termine</a></li>
                <li><a href="procupteilnehmer.html">Teilnehmer</a></li>
                <li><a href="procupergebnisse.html">Ergebnisse</a></li>
                <li><a href="procupberichte.html">Berichte</a></li>
            </ul>
        </li>
<li><a href="#">
		<span class="auto-style2">MASTER-Cup</span></a>
            <ul>
                <li><a href="mastercupinfos.html">Infos</a></li>
                <li><a href="mastercuptermine.html">Termine</a></li>
                <li><a href="mastercupteilnehmer.html">Teilnehmer</a></li>
                <li><a href="mastercupergebnisse.html">Ergebnisse</a></li>
                <li><a href="mastercupberichte.html">Berichte</a></li>
            </ul>
        </li>
<li><a href="#">Tribüne</a>
            <ul>
                <li><a href="#">Fakten</a>
                    <ul>
                        <li><a href="kickern.html">Kickern?</a></li>
                        <li><a href="regeln.html">Regeln</a></li>
                        <li><a href="meinetische.html">Meine Tische</a></li>
                        <li><a href="ranglisten.html">Ranglisten</a></li>
                        <li><a href="champions.html">Champions</a></li>
                        <li><a href="halloffame.html">Hall of Fame</a></li>
                    </ul>
                </li>
                <li><a href="#">Medien</a>
                    <ul>
                        <li><a href="fotos.html">Fotos</a></li>
                        <li><a href="videos.html">Videos</a></li>
                        <li><a href="songs.html">Kickersongs</a></li>
                        <li><a href="http://www.gaestebuchking.de/cgi-bin/host/firebook.cgi?account=31593" target="_blank">Gästebuch</a></li>
                    </ul>
                </li>
            </ul>
        </li>

<li><a href="#">
		<span class="auto-style2">Über</span></a>
            <ul>
                <li><a href="impressum.html">Impressum</a></li>
                <li><a href="mailto:kontakt@danyskickercup.de">Kontakt</a></li>
        </ul>
        </li>

    </ul> </div>
		<br>

<table align="center" cellspacing="1" style="width: 940px; height: 113px" class="style3">
	<tr>
		<td>
		<img alt="" height="100" src="grafik/wappengelb.png" width="100" /></td>
		<td class="auto-style5">
		<img alt="" height="100" src="grafik/schriftzug.png" width="660" />&nbsp;</td>
		<td class="style1">
		<img alt="" height="100" src="grafik/wappengelb.png" width="100" /></td>
	</tr>
</table>

		<div class="auto-style5">
		<table cellspacing="1" style="width: 346px; height: 81px">
			<tr>
				<td class="auto-style7" style="width: 69px">15.03.2014&nbsp;</td>
				<td class="style2">Neues Seitendesign online</td>
			</tr>
			<tr>
				<td class="style2" style="width: 69px">&nbsp;</td>
				<td class="style2">&nbsp;</td>
			</tr>
			<tr>
				<td class="style2" style="width: 69px">&nbsp;</td>
				<td class="style2">&nbsp;</td>
			</tr>
			<tr>
				<td class="style2" style="width: 69px">&nbsp;</td>
				<td class="style2">&nbsp;</td>
			</tr>
			<tr>
				<td class="style2" style="width: 69px">&nbsp;</td>
				<td class="auto-style6">&nbsp;</td>
			</tr>
		</table>
			<div class="auto-style5">
				Text<br>Text<br><br><br><br><br><br><br><br><br><br><br><br>
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Sitemap:<br>
			<a href="index.html">Home</a> - FUN-Cup: <a href="funcupinfos.html">
			Infos</a> - <a href="funcuptermine.html">Termine</a> -
			<a href="funcupteilnehmer.html">Teilnehmerlisten</a> -
			<a href="funcupergebnisse.html">Ergebnisse</a> -
			<a href="funcupberichte.html">Berichte</a> - MIXED-Cup:
			<a href="mixedcupinfos.html">Infos</a> -
			<a href="mastercuptermine.html">Termine</a> -
			<a href="mixedcupteilnehmer.html">Teilnehmerlisten</a> -
			<a href="mixedcupergebnisse.html">Ergebnisse</a> -
			<a href="mixedcupberichte.html">Berichte</a> - PRO-Cup:
			<a href="procupinfos.html">Infos</a> - <a href="procuptermine.html">
			Termine</a> - <a href="procupteilnehmer.html">Teilnehmerlisten</a> -
			<a href="procupergebnisse.html">Ergebnisse</a> -
			<a href="procupberichte.html">Berichte</a> - MASTER-Cup:
			<a href="mastercupinfos.html">Infos</a> -
			<a href="mastercuptermine.html">Termine</a> -
			<a href="mastercupteilnehmer.html">Teilnehmerlisten</a> -
			<a href="mastercupergebnisse.html">Ergebnisse</a> -
			<a href="mastercupberichte.html">Berichte</a> - Fakten:
				<a href="kickern.html">
			Kickern?</a> - <a href="regeln.html">Regeln</a> -
			<a href="meinetische.html">Meine Tische</a> -
			<a href="ranglisten.html">Ranglisten</a> - <a href="champions.html">
			Champions</a> - <a href="halloffame.html">Hall of Fame</a> - Medien:
			<a href="fotos.html">Fotos</a> - <a href="videos.html">Videos</a> -
			<a href="songs.html">Kickersongs</a> -
			<a href="http://www.gaestebuchking.de/cgi-bin/host/firebook.cgi?account=31593" target="_blank">
			Gästebuch</a> - <a href="impressum.html">Impressum</a> - <a href="mailto:kontakt@danyskickercup.de">Kontakt</a> 
			<br></div>
		</div>
		</td>
	</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p><script src="main.js" type="text/javascript"></script>
<script src="doubletaptogo.js" type="text/javascript"></script>
<script type="text/javascript">
	$( function()
	{
		$( '#navWrapper li:has(ul)' ).doubleTapToGo();
	});
</script>
 
Zuletzt bearbeitet von einem Moderator:
Den Code hast du so richtig übernommen.

Hast du auch die beiden JS-Dateien berücksichtigt, und in deinem Verzeichnis abgelegt?

Um was für mobile Geräte handelt es sich denn hierbei?

Auf meinem Samsung-Smartphone funktioniert's tadellos.
 
Zuletzt bearbeitet:
Ich habe beide Dateien im Hauptverzeichnis abgelegt, dort wo auch die index.html ist.
Ich habe es auch einem Galaxy S3, S4 und einem Intenso Tablet getestet. Dort klappen die Menüs nicht aus, genauso wie vorher.
 
Was musst du denn auf deinem Samsung machen damit sich das Menü öffnet? Doppelklick?

Poste doch nochmal den Code mit dem es bei dir 100%ig funtioniert, eventuell habe ich irgendwo einen kleinen Fehler drin. Oder hast du meinen Code bereits getestet?
 
Zuletzt bearbeitet:
Schick mir doch nochmal deinen Code mit dem es auf deinem Samsung 100%ig funktioniert. vielleicht habe ich ja irgendwo einen kleinen Fehler drin.
Oder hast du es schon mit meinem Code getestet?
 
Unser beider Codes stimmen überein.

Ich berühre die Hauptmenüpunkte einmal und es öffnet sich deren Untermenü.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück