Hi,
I'm working on something, it needs to be done quickly so any help is appreciated..
I want to use the classic iTunes list view to navigate around my web app, but every time I use it, even linked to an internal Html file - i.e. "index.html" not "www.mysite.com/index.html", it opens safari. Any advice?
I'm working on something, it needs to be done quickly so any help is appreciated..
I want to use the classic iTunes list view to navigate around my web app, but every time I use it, even linked to an internal Html file - i.e. "index.html" not "www.mysite.com/index.html", it opens safari. Any advice?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="index,follow" name="robots" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="pics/homescreen.gif" rel="apple-touch-icon" />
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css" />
<script src="javascript/functions.js" type="text/javascript"></script>
<title>iWebKit - Classic iPhone lists</title>
<meta content="iPod,iPhone,Webkit,iWebkit,Website,Create,mobile,Tutorial,free" name="Keywords" />
<meta content="Create the classical iphone list feeling with these lists. Add images to add something more to your content and please the eye of your users" name="description" />
</head>
<body class="list">
<div id="topbar">
<div id="leftnav">
<a href="index.html"><img alt="home" src="images/home.png" /></a></div>
<div id="title">
Gianticons</div>
</div>
<div id="content">
<ul>
<li class="title">Top Animated</li>
<li class="withimage">
<a class="noeffect" href="funny.html">
<img alt="emot183" src="emoti/funny/emot183.gif" /><span class="name">Funny</span><span class="comment"></span><span class="arrow"></span></a></li>
<li class="withimage">
<a class="noeffect" href="/sports.html">
<img alt="test" src="emoti/sports/emot181.gif" /><span class="name">Sports</span><span class="comment">Teams with logos in the pro version!</span><span class="arrow"></span></a></li>
<li class="withimage">
<a class="noeffect" href="/loveyou">
<img alt="test" src="emoti/love/emot149.gif" />