صفحه بندي يك صفحه وب !

o_real_love · Apr 29, 2010

زماني كه اطلاعات ما تحت يه برنامه دسكتاپ مثل مجموعه اپن آفيس يا مايكروسافت آفيس هست ‘ صفحه بندي اطلاعات زحمت خاصي نداره اما وقتي اطلاعات ما در MySQL ذخيره شده و خروجي اون در قالب يه صفحه وب در مرورگر ديده ميشه كه اصلا براي اينكار ساخته نشده چه بايد كرد ؟
حالتي رو در نظر بگيريد كه مثلا ميخواهيد عنوان ها در اول صفحه قرار بگيره و به وسط صفحه بعد نره .
خوشبختانه CSS چنين امكاني رو براي ما ايجاد ميكنه كه البته كمتر ديدم استفاده بشه .
ما براي اين كار دو خاصيت رو ميتونيم به يك المنت نسبت بديم كه در زير اومده :
page-break-before

page-break-after

فرق اين دو تا هم از اسمشون قابل فهم هست . اولي ميگه من بايد اول صفحه باشم و قبل از من مثلا اگه اطلاعات قبلي تا وسط صفحه اومده بود ‘ نصف بقيه رو خالي چاپ بگير تا من بتونم بيام اول صفحه .
دومي هم ميگه هر جا من اومدم بايد بقيه صفحه رو تا اول صفحه بعدي خالي چاپ كني .

نكته قابل توجه اينه كه اين دستورات مشكلي در حالت عادي ايجاد نميكنه بلكه فقط موقع Print Preview و Print قابل مشاهد هست .
روش استفاده اون هم به شكل زير هست :

HTML:

<html>
<head>
<title>paging Document</title>
<style type="text/css">
h2{
page-break-before:always;
}
</style>
</head>
<body>
<h2>the page header in top</h2>
<p>page content</p>
</body>
</html>

در صورتي كه امكان اجراي PHP رو دارين كد زير رو تست كنيد تا نتيجه رو بهتر ببينيد :

PHP:

<html>
<head>
<title>paging Document</title>
<style type="text/css">
h2{
page-break-before:always;
}
</style>
</head>
<body>
<?php for($i=20;$i<100;$i++) : ?>
  <h2>the page header in top</h2>
    <?php for($j=0;$j<$i;$j++) : ?>
      <p>page content</p>
    <?php endfor; ?>
<?php endfor; ?>
</body>
</html>

کپی رایت از : http://www.webdesignhacks.com

صفحه بندي يك صفحه وب !

o_real_love

Well-Known Member

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها