ترفندهاي طراحي وب - صفحه بندي يك صفحه وب !

You are here: خانه

ترفندها

HTML Hacks

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

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

page-break-before

page-break-after

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

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

<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 رو دارين كد زير رو تست كنيد تا نتيجه رو بهتر ببينيد :

<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>

برگزيدن اين صفحه (80) |

نقل قول اين مطلب | بيننده: 5955

نظرات (6)

1. 12-07-2007 12:56

salam

سلام
من امروز دنبال همين موضوع ميگشتم اما فكر نميكردم بشه براش كاري كرد .
موفق باشيد

مهمان

گزارش

This e-mail address is being protected from spam bots, you need JavaScript enabled to view it

2. 12-07-2007 23:46

salam

سلام
من وقتي دارم تو دريم ويور كار ميكنم ميبينم كه يه مفژقادير ديگه اي هم داره براي اينا مثل left اينا چيكار ميكنن ؟
البته من خودم خيلي تست كردم ديدم هيچ فايده اي ندارن . يعني بي تاثير هستن . درسته ؟

مهمان

گزارش

This e-mail address is being protected from spam bots, you need JavaScript enabled to view it

3. 10-08-2007 23:56

Comment 10 2214

Helo1l, great site!

مهمان

گزارش

This e-mail address is being protected from spam bots, you need JavaScript enabled to view it

4. 11-08-2007 00:28

Comment 10 2246

Helo1l, great site!