mohammad-gh
سه شنبه 20 اردیبهشت 1390, 12:31 عصر
وقتی می خواهم از جدول دور گرد با روشی که یکی از دوستان در این سایت معرفی کردند استفاده کنم
اتفاق عجیبی می افته
در حالیکه همین کدها در یک صفحه HTML به درستی کار می کنه, وقتی به صورت php ذخیره می کنیم نتیجه چیز دیگری نمایش داده میشه
برای درک بهتر کد و تصویری از خروجی ها رو میگذارم:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.round_corners .line_1, .round_corners .line_2, .round_corners .line_3, .round_corners .line_4, .round_corners .line_5
{ line-height: 0px; font-size: 1px; overflow: hidden; }
.round_corners .line_1 { margin-left: 6px; margin-right: 6px; background-color: black; height: 1px; }
.round_corners .line_2 { margin-left: 4px; margin-right: 4px; border-left: 2px solid black; border-right: 2px solid black; height: 1px; }
.round_corners .line_3 { margin-left: 3px; margin-right: 3px; border-left: 1px solid black; border-right: 1px solid black; height: 1px; }
.round_corners .line_4 { margin-left: 2px; margin-right: 2px; border-left: 1px solid black; border-right: 1px solid black; height: 1px; }
.round_corners .line_5 { margin-left: 1px; margin-right: 1px; border-left: 1px solid black; border-right: 1px solid black; height: 2px; }
.round_corners .content { border-left: 1px solid black; border-right: 1px solid black; padding: 10px; }
</style>
</head>
<body >
<div class="round_corners">
<div class="line_1"></div>
<div class="line_2"></div>
<div class="line_3"></div>
<div class="line_4"></div>
<div class="line_5"></div>
<div class="content">Content
</div>
<div class="line_5"></div>
<div class="line_4"></div>
<div class="line_3"></div>
<div class="line_2"></div>
<div class="line_1"></div>
</div>
</body> </html>
خروجی در صفحه html
69787
خروجی همان کد در صفحه php
69788
http://barnamenevis.org/images/misc/pencil.png
اتفاق عجیبی می افته
در حالیکه همین کدها در یک صفحه HTML به درستی کار می کنه, وقتی به صورت php ذخیره می کنیم نتیجه چیز دیگری نمایش داده میشه
برای درک بهتر کد و تصویری از خروجی ها رو میگذارم:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.round_corners .line_1, .round_corners .line_2, .round_corners .line_3, .round_corners .line_4, .round_corners .line_5
{ line-height: 0px; font-size: 1px; overflow: hidden; }
.round_corners .line_1 { margin-left: 6px; margin-right: 6px; background-color: black; height: 1px; }
.round_corners .line_2 { margin-left: 4px; margin-right: 4px; border-left: 2px solid black; border-right: 2px solid black; height: 1px; }
.round_corners .line_3 { margin-left: 3px; margin-right: 3px; border-left: 1px solid black; border-right: 1px solid black; height: 1px; }
.round_corners .line_4 { margin-left: 2px; margin-right: 2px; border-left: 1px solid black; border-right: 1px solid black; height: 1px; }
.round_corners .line_5 { margin-left: 1px; margin-right: 1px; border-left: 1px solid black; border-right: 1px solid black; height: 2px; }
.round_corners .content { border-left: 1px solid black; border-right: 1px solid black; padding: 10px; }
</style>
</head>
<body >
<div class="round_corners">
<div class="line_1"></div>
<div class="line_2"></div>
<div class="line_3"></div>
<div class="line_4"></div>
<div class="line_5"></div>
<div class="content">Content
</div>
<div class="line_5"></div>
<div class="line_4"></div>
<div class="line_3"></div>
<div class="line_2"></div>
<div class="line_1"></div>
</div>
</body> </html>
خروجی در صفحه html
69787
خروجی همان کد در صفحه php
69788
http://barnamenevis.org/images/misc/pencil.png