Response title
This is preview!
- Screen name: luchopas
luchopas's Profile
1 Posts
2 Responses
1
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hi guys, i am new to jquery mobile, i saw some video tutorials to learn a bit more , i am currently developing the home page for my mobile site, but when tested on my iphone the page does not fit the width, is too big.. how can i fix this??? i leave the code i used..<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="/mobile/jquery.mobile-1.0b1/jquery.mobile-1.0b1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="/mobile/jquery.mobile-1.0b1/jquery.mobile-1.0b1.min.js"></script>
<style type="text/css">
.customheader { padding-left:40%;}
</style>
</head>
<body>
<div data-role="page">
<header data-role="header">
<div class=customheader>
<img src="/mobile/img/turismap9.png" alt="CSS" />
</div>
</header>
<div data-role="content" data-theme="c">
<ul data-role="listview" data-inset="true" data-theme="c">
<li>
<img src="/mobile/img/pincho2.jpg" alt="CSS" width="70" height="70" />
<h3><a href="/mobile/pucon.html"> Pucon </a></h3>
</li>
<li>
<img src="/mobile/img/pincho2.jpg" alt="CSS" width="70" height="70" />
<h3>
<a href="#"> Valdivia </a>
</h3>
</li>
<li>
<img src="/mobile/img/pincho2.jpg" alt="CSS" width="70" height="70" />
<h3>
<a href="#"> Puerto Varas </a>
</h3>
</li>
<li data-role="list-divider">
Paginas
</li>
<li>
<img src="/mobile/img/pincho2.jpg" alt="CSS" width="70" height="70" />
<h3>
<a href="#">Quienes Somos </a>
</h3>
</li>
<li>
<img src="/mobile/img/pincho2.jpg" alt="CSS" width="70" height="70" />
<h3>
<a href="#"> Contacto </a>
</h3>
</li>
</ul>
</div>
<footer data-role="footer">
<h4>Page Footer</h4>
</footer>
</div>
</body>
</html>- «Prev
- Next »
Moderate user : luchopas
