[ 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>
Copyright (C) 2001-2025 by www.elitesecurity.org. All rights reserved.