چگونه Div ها را كنار هم بچينيم ؟

[Farzad66]

سلام دوستان

من از css زياد نميدونم اما خب يه سري كد نوشتم و ميخوام الان بوسيله دريم ويور دايوها را آنجايي كه ميخوام قرار بدهم ، از خاصيت absolute استفاده كردم و در جاههاي كه خواستم قرار گرفتند اما در بيشتر كدها از اين خاصيت استفاده نميكنند ،

اگر ميشه توضيح دهيد چگونه بايد دايوها را كنار هم و محل دلخواه قرار دهم و يك سوال ديگر از چه خاصيتي براي فاصله گرفته متن از لبه دايو ميتونان استفاده كرد

اينم كد مربوط :



#logo01 {
background-image: url(images/company_01FILEminimizer.jpg);
width: 372px;
height: 66px;
position: absolute;
}
#logo02 {
background-image: url(images/company_02FILEminimizer.jpg);
width: 298px;
height: 66px;
margin-left: 372px;
position: absolute;
}
#logo03 {
background-image: url(images/company_03FILEminimizer.jpg);
width: 315px;
height: 66px;
margin-left: 298px;
position: absolute;
}
#search01 {
width: 142px;
height: 30px;
margin-left: 112px;
margin-top: 17px;
position: absolute;
}

[cybercoder]

با استفاده از خصوصیات Display، Float و Position
در خصوص سوال دوم Padding

موفق باشید

[ali_shmki]

جهت قرار گرفتن دو یا چند div کنار هم ، میتوانید از float:right برای یکی و float:left برای دیگری استفاده کنید.

[Farzad66]

تشكر از راهنمايي شما عزيزان

مثلاً 3 عدد دايو ميخواهيم كنار هم قرار بگيرند يكي وسط ميمونه براي اون چه خاصيتي تعريف كنم و آيا وقتي از خاصيت float اسفاده ميكنم از marrgin هم اتفاده كنم ؟

[ali_shmki]

واسه وسطي فرقي نميكنه كه از left يا right استفاده كنيد.
خاصيت margin جهت فاصله دادن لبه بيروني شي ء نسبت به ديگر اشيا است و استفاده از اون بستگي به طرح template شما دارد. در كل اگر قصد شما صرفا كنار هم قرار دادن div ها است، استفاده از margin ربطي به اين موضوع ندارد.

[Farzad66]

ممنون ، من يه طراحي رو اجرا كردم حالا ميخواهم بوسيله دايو بر روي صفحه وب بذارم ، كدهاي css هم تقريباً شبيه بالاست از خاصيتي كه شما گفتي استفاده كردم اما مدام دايوها قاطي ميشن

[Farzad66]

ممنون من كار كه شما گفتيد انجام دادم تا بخشي درست انجام شد اما مثلاً ميخوام دوباره يه سري دايوا زير همين دايوهاي هدر ايجاد كنم و يا روي يك دايو ، دايوي ديگر ايجاد كنم ، راههاي مختلف را امتحان كردم اما نشد و اجازه نميده جاي دلخواه دايو را ايجاد كنم ، اينم كد هاي مربوطه :

.logo {
float: left;
}
#logo01 {
background-image: url(images/company_01FILEminimizer.jpg);
width: 372px;
height: 66px;
float: left;
}
#logo02 {
background-image: url(images/company_02FILEminimizer.jpg);
width: 298px;
height: 66px;
float: left;
margin-left: 372px;
}
#logo03 {
background-image: url(images/company_03FILEminimizer.jpg);
width: 315px;
height: 66px;
float: left;
margin-left: 298px;

}
.search {
width: 142px;
height: 30px;
float: left;
}
#search01 {
margin-top: 17px;


من الان ميخوام اين دايو را روي دايو دومي اجرا كنم


.search {
width: 142px;
height: 30px;
float: left;
}
#search01 {
margin-top: 17px;


و همچنين دايوهاي ديگري در زير ايجاد كنم


#hosting {
background-image: url(images/company_04FILEminimizer.jpg);
width: 372px;
height: 303px;
float: left;
margin-top: 66px;

خيلي سعي كردم اما نشد

ممنون ميشم يه راهنمايي كوچك كنيد

[Farzad66]

دوستان عزيز يه راهنمايي كوچك كنيد ممنون ميشم