PDA

View Full Version : سوال: کشیده شدن فرم با رزولیشن مانیتور های



milad.biroonvand
چهارشنبه 25 اسفند 1389, 06:49 صبح
سلام

من می خواستم ببینم چگونه می توان کاری کرد که یک سایت در رزولیشن های متفاوت مانیتور به یک حالت نشان داده شود . مثلا همین سایت برنامه نویش اگر رزولیشن را به 1024*768 باشد با وقتیکه مانیتور را به حالت 1284در 1024 و ... در می آوریم هیچ تاثیری در سایت نمیاید و همواره سایت وسط است و از هر دو طرف 4 سانتی متر فاصله دارد . چگونه این کار انجام می شود ؟

mtchabok
چهارشنبه 25 اسفند 1389, 09:16 صبح
برای انجام اینکار چند روش وجود داره
- یکی اینکه یه بلاک و یا اگه از جدول استفاده میکنید یه ستون در هر دو طرف صفحه اضافه قرار بدید و یه سایز مشخص مثلا 50 پیکسل و یا هر سایزی که دوس دارید بدید بهش که عملا همین شکلی که سایت برنامه نویس داره در می آد .
- روش دیگه ای که هس اینه که توسط خاصیت margin در بلاک طرفین سایت تغیراتی رو اعمال کنید تا فاصله های خواسته شده رو بدست آورید .

xoogle.ir
چهارشنبه 25 اسفند 1389, 10:37 صبح
<style type="text/css">
#container{
height: 100px;
background: red;
margin: 0 2%;
}
</style>
<div id="container">Sample Text</div>

alonemm
چهارشنبه 25 اسفند 1389, 12:55 عصر
میتونید از % دادن برای طراحی قالب اولیه استفاده کنید.

رضا قربانی
چهارشنبه 25 اسفند 1389, 17:12 عصر
یه نمونه واست درست کردم که می تونی جریان % رو متوجه بشی چی هست.

کافیه یک صفحه html درست کنید و این کدها رو داخلش قرار بدید و یک پوشه image که داخلش یک عکس به نام Blue hills.jpg قرار گرفته شده رو تشکیل بدید

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>

<table width="70%" border="1" align="center" bgcolor="#66FFFF">
<tr>
<td><table width="100%" border="1">
<tr>
<td width="100%" height="180"><img src="image/Blue hills.jpg" height="180" width="100%"></td>
</tr>
<tr>
<td width="100%" height="20"> <marquee direction="right" bgcolor="#66CCFF" scrollamount="4" >عرض سایت به صورت اتوماتیک - کافیه مرورگر خودتون رو کوچک کنید و اندازه سایت هم نصب به مرورگر تغییر خواهد کرد</marquee></td>
</tr>
<tr>
<td height="590"><table width="100%" border="1">
<tr>
<td width="60%" height="100%"><table width="70%" border="1" align="center">
<tr>
<td height="20" align="center">اخبار</td>
</tr>
<tr>
<td height="100" align="center" valign="middle">&nbsp;</td>
</tr>
</table></td>
<td width="40%" height="590"><table width="70%" border="1" align="center">
<tr>
<td height="20" align="center" valign="middle">منو</td>
</tr>
<tr>
<td height="100" align="center" valign="middle">&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<table width="70%" border="1" align="center">
<tr>
<td height="20" align="center">آمار سایت </td>
</tr>
<tr>
<td height="100" align="center" valign="middle">&nbsp;</td>
</tr>
</table> <p>&nbsp;</p></td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="20">&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

milad.biroonvand
یک شنبه 14 فروردین 1390, 17:29 عصر
میتونید از % دادن برای طراحی قالب اولیه استفاده کنید.

اگر از درصد استفاده کنی ، یک مشکل داره ، هنگامیکه ، داخل مرورگرها از دکمه ی اسکرول ماوس و کنترل استفاده می کنی فقط فونت بزرگ میشه .

xoogle.ir
یک شنبه 14 فروردین 1390, 18:03 عصر
اگر از درصد استفاده کنی ، یک مشکل داره ، هنگامیکه ، داخل مرورگرها از دکمه ی اسکرول ماوس و کنترل استفاده می کنی فقط فونت بزرگ میشه .
فونت بزرگ نمیشه.
چون زوم میکنید فونت ها بزرگ تر به نظر میان.