ورود

View Full Version : مبتدی: قرار دادن یک تصویر در وسط صفحه؟!



javad75
شنبه 05 اسفند 1391, 22:19 عصر
سلام دوستان من یه div دارم و داخل اون دایوم این کد را نوشتم

<img class="imgr" src="banner-180x150.gif">

حالا می خواهم که این عکسم در داخل اون div وسط بیفته

لطفا را هنمایی کنید و روش های جدید و امروزی را بگید باتشکر:قلب:

pirmard66
شنبه 05 اسفند 1391, 22:45 عصر
دوست عزیز

شما باید در css و کلاس imgr :

.imgr
{
float:left;
margin-left:10px;
margin-top:10px;
}

و با margin و px عددهاش رو تنظیم کنید تا دقیقا بیاد وسط صفحه...! راحته

Good Luck

2undercover
یک شنبه 06 اسفند 1391, 13:06 عصر
اگر اندازه ی div نا مشخصه این کار رو بکن:#IMG
{
display: block;
margin: auto;
}

pnusharp
دوشنبه 07 اسفند 1391, 00:50 صبح
سلام
هر دوپاسخ صحیح هستش اما پاسخ اولی اصولی تره.
حالت استاندارد قرارگیری و چیدمان DIV ها در بک page اینه که همه ی عناصر رو از چپ float بدیم مثلا اگه دو div داریم که width اولی 200px هستش به صورت زیر عمل میکنیم:

#div1{
float:left;
display:block;
}
#div2{
margin-left:205px;
float:left;
}
شما فاصله سمت چپ divی که میخواید عکسو داخلش بزارید margin بزنید. و اگه هم دو طرف divعکس عنصر قرار داره از دو طرف margin بزنید.

پایدار باشد.