[ Zack0_45 @ 27.08.2012. 20:36 ] @
Postovani,imam sledeci problem oko pozicioniranja controlgroup button-a u contentu! Pokusao sam preko div-a,ali bezuspesno! Zahvaljujem se unapred! Pozdrav!
Evo i code-a :
code:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/...y.mobile-1.2.0-alpha.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/mobile/...ry.mobile-1.2.0-alpha.1.min.js"></script>
</head>
<style type="text/css">
.position
{
position:center;
}
</style>
<body>

<div data-role="page">

<div data-role="header">
<h1>My Title</h1>
</div>

<div data-role="content">

<div data-role="content"> //Pozicioniranje???
<div class="position" data-role="controlgroup" data-type="horizontal" >
<a href="#page1" data-role="button">Page1</a>
<a href="#page2" data-role="button" >Page2</a>
<a href="#page3" data-role="button" >Page3</a>
</div>
</div>

</div>

<div data-role="footer">
<h1>Footer</h1>
</div>

</div>

</body>
</html>
[ GavriloG @ 28.08.2012. 04:10 ] @
Nisam siguran da sam te razumeo, da nisi mozda mislio ovako nesto ?

Code:
<!DOCTYPE html> 
<html> 
<head> 
<title>My Page</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/...y.mobile-1.2.0-alpha.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/mobile/...ry.mobile-1.2.0-alpha.1.min.js"></script>
</head> 
<style type="text/css">
#warp {
        width: 800px;
        margin: 0 auto;
} /* edit */
.position
{
position:center;
}
</style>
<body> 
<!-- warp-->
<div id="warp">
<div data-role="page">

<div data-role="header">
<h1>My Title</h1>
</div>

<div data-role="content">    

<div data-role="content"> //Pozicioniranje???
<div class="position" data-role="controlgroup" data-type="horizontal" >
<a href="#page1" data-role="button">Page1</a>
<a href="#page2" data-role="button" >Page2</a>
<a href="#page3" data-role="button" >Page3</a>
</div>
</div>

</div>

<div data-role="footer">
<h1>Footer</h1>
</div>

</div>
</div><!-- end warp-->
</body>
</html>
[ Zack0_45 @ 29.08.2012. 20:51 ] @
Hvala na odgovoru GavriloG ! :) Izvini ali nisam bio u mogucnosti da odgovorim odmah! Upravu si,nisam bio dovoljno jasan,hteo sam pozicioniram samo button-e(linkove Option 1 ,Option 2, Option 3),a ne ceo sadrzaj! Pozdrav!

<div class="position" data-role="controlgroup" data-type="horizontal" >
<a href="#page1" data-role="button">Page1</a>
<a href="#page2" data-role="button">Page2</a>
<a href="#page3" data-role="button">Page3</a>
</div>