1485 sujets

Web Mobile et responsive web design

Bonjour

je voudrais limiter la largeur max d'un <ul data-role="listview" > à 800 px mais je n'arrive pas à le centrer

le code
<!DOCTYPE html> 
<html> 
<head> 
	<title>Page Title</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head> 

<body> 
<div data-role="content" data-theme="e">
<ul data-role="listview"  data-inset="true" style="max-width: 800px;"  >
  <li><a href="salle.html" data-transition="slide" >La salle</a></li>
  <li><a href="veranda.html" data-transition="slide" >Notre véranda été, hiver</a></li>
  <li><a href="terrasse.html" data-transition="slide" >Notre terrasse d'été<br>
</a></li>
  <li><a href="pizzas.html" data-transition="slide" >Notre carte détaillée<br>
</a></li>
  <li><a href="trouver.html" data-transition="slide" >Nous trouver</a></li>
  <!--<li><a href="contact.html" data-transition="slide" >Nous contacter</a></li>-->
</ul>
<div style="text-align: center;"><img alt="" src="images/portofino.jpg" height="90%" width="90%" style="max-width: 800px;" ><br>



</div></body>
</html>


La page
Page test

Merci pour votre aide
Modifié par cyberdede (05 Jun 2013 - 17:07)