PDA

View Full Version : سوال: زیاد شدن margin


elhamirani
چهارشنبه 28 اسفند 1392, 00:08 صبح
درود
چرا اندازه ی margin زیاد میشه؟چجوری موقعیتش رو استایل بدم؟
ممنون میشم راهنمایی کنید؟
سپاس

<div id="admin">

<h2 style="text-align: right; padding: 10px 10px 0 0">ایجاد نوشته</h2>
<hr></hr>
<p id="title">عنوان نوشته</p><input type="text" id="title_t" class="right" name="title"></input>
<p id="name_f">تصویر نوشته</p><input type="file" id="file" name="file" id="file"></input>
<p id="categories">دسته بندی نوشته</p>

</div>


#admin {
width:990px;
height:800px;
background:#CCC;
border-radius:10px;
margin:5px auto;
box-shadow: -10px 10px 5px #888888;
}

#title {
float: right;
direction: rtl;
margin: 15px 10px 0 20px}

#title_t {
float: right;
direction: rtl;
margin: 10px 10px 0 20px}
#name_f {
float: right;
direction: rtl;
margin: 65px -237px 0 20px;

}
#file {
float: right;
direction: rtl;
margin: 60px -162px 0 0;

}

#categories {
float: right;
direction: rtl;
margin: 110px -310px 0 0;


}
mahdavi1456
چهارشنبه 28 اسفند 1392, 18:53 عصر
سلام
اشیا فرم در حالت عادی درست زیر هم قرار نمی گیرن. راه قدیمی استفاده از جدول بود. ولی بهتره هر کدوم رو داخل div بزارید، بهشون width و height بدید و float تا زیر هم قرار بگیرن.
arefd2010
جمعه 01 فروردین 1393, 17:18 عصر
این کد رو به استایل خودتون اضافه کنید

* {
margin:0;
padding:0;
}
علی شهریاری
شنبه 09 فروردین 1393, 13:51 عصر
سلام دوست عزیز
با اجازه شما و اساتید انجمن کد هارو کمی تغییر دارم و فکر کنم به دردتون بخوره

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ایجاد نوشته</title>
<link rel="stylesheet" href="css/css.css">
</head>

<body>
<div id="admin">

<h2>ایجاد نوشته</h2>
<hr></hr>
<div class="post">عنوان پست :<input type="text"></div>
<div class="post">تصویر پست :<input type="file" title="افزودن"></div>
<div class="post">متن پست : <br clear="all"><textarea id="text"></textarea></div>
<div class="post">دسته بندی نوشته</div>
</div>
</body>
</html>
کدهای سی اس اس


@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0 auto;
}
body
{
direction:rtl;
margin:0 auto;
padding:0;
font-family:tahoma;
}
#admin {
width:990px;
height:800px;
background:#CCC;
border-radius:10px;
margin:5px auto;
box-shadow: -10px 10px 5px #888888;
position:relative;
}
#admin h2{
text-align:right;
padding:12px 10px;
margin:10px 12px 10px 0;

}

.post{
width:990px;
padding:5px;
margin:15px;
float:right;
}
.post input{
margin-right:20px;
height:35px;
width:250px;
border:1px solid #333;
}

#text
{
width:250px;
margin:15px 110px 15px 0;
border:1px solid #333;
}
irwebdesign
شنبه 09 فروردین 1393, 14:49 عصر
دوست عزیز دلیلش اینه که شما ساختار اصلی Css رو رعایت نکردین لطفا این صفحه رو مشاهده کنید :

http://www.w3schools.com/css/css_boxmodel.asp

در ضمن همیشه ابتدا در کد نویسی استایل هاتون از Css Reseat Normilize استفاده کنید.اینم آدرس مخزن github کد آن :
http://necolas.github.io/normalize.css/
این فایل را قبل از فایل css خود بارگزاری کنید.