navidsa
پنج شنبه 14 دی 1391, 22:11 عصر
با سلام
من یک قالب سایت برای موبایل طراحی کردم
ولی نمیدونم سایز بندی را به چه شکل انجام بدهم!!!
به این صورت
الان به این شکله ! :
http://avayeill.persiangig.com/image/1.png
که میخواهم به شکل زیر در بیاد ! یعنی فقط همین محتوا توی صفحه باشه و بخش اضافه حذف شه (اسکرول نداشته باشه)
http://avayeill.persiangig.com/image/2.png
(اسکرول بالا به پایین باشه ها ! ولی افقی نباشه)
منظورم اینه که مطالب به اندازه صفحه در بیان ! هم با صفحه 2 اینچی هم 10 اینچی ! به قولی رسپانسیو!
اینم کد ها :
<body>
<fieldset><label><b>عضویت در سایت </b> </label></fieldset>
<form action="test.php" method="POST">
<label>نام کاربری:</label>
<br /><input type="text" name="name" class="text"/><br />
<label>رمز عبور:</label>
<br /><input type="text" class="text" name="email" /"/>
<br />
<label>موبایل:</label>
<br /><input type="text" class="text" name="password" />
<br />
<label>ایمیل:</label>
<br /><input type="text" class="text" name="email" />
<br />
<br /><input type="submit" class="text" name="acc" value="تایید و ارسال" /
</form>
و css:
body{background-color:#999999;text-align:center;size:auto; direction:rtl; width:auto; position:absolute;}
.text{width:100%;}
من یک قالب سایت برای موبایل طراحی کردم
ولی نمیدونم سایز بندی را به چه شکل انجام بدهم!!!
به این صورت
الان به این شکله ! :
http://avayeill.persiangig.com/image/1.png
که میخواهم به شکل زیر در بیاد ! یعنی فقط همین محتوا توی صفحه باشه و بخش اضافه حذف شه (اسکرول نداشته باشه)
http://avayeill.persiangig.com/image/2.png
(اسکرول بالا به پایین باشه ها ! ولی افقی نباشه)
منظورم اینه که مطالب به اندازه صفحه در بیان ! هم با صفحه 2 اینچی هم 10 اینچی ! به قولی رسپانسیو!
اینم کد ها :
<body>
<fieldset><label><b>عضویت در سایت </b> </label></fieldset>
<form action="test.php" method="POST">
<label>نام کاربری:</label>
<br /><input type="text" name="name" class="text"/><br />
<label>رمز عبور:</label>
<br /><input type="text" class="text" name="email" /"/>
<br />
<label>موبایل:</label>
<br /><input type="text" class="text" name="password" />
<br />
<label>ایمیل:</label>
<br /><input type="text" class="text" name="email" />
<br />
<br /><input type="submit" class="text" name="acc" value="تایید و ارسال" /
</form>
و css:
body{background-color:#999999;text-align:center;size:auto; direction:rtl; width:auto; position:absolute;}
.text{width:100%;}