ورود

View Full Version : نحوه قرار دادن عکس در وسط div



salmah
دوشنبه 20 بهمن 1393, 16:27 عصر
سلام
هدر شامل سه تا عکس هست که عکس سمت چپ و راست را float:right ,float:left قرار دادم و مشکلی نیست
ولی نمی دونم عکس وسط را چه کار کنم تا وصط قرار بگیره و توی resolation های مختلف بهم نریزه و عکس وسط همچنان وسط باقی بمونه
بین عکسا هم background را سفید دادم
128313

#header {
border-top:6px solid #f40369;

height:244px;
background-color:#ffffff;

margin:0 auto;

}

.box{

height:238px;
background-color:#111;
}
#right-box{
background-image:url('../images/darvag_right.png');
float:right;
width:200px;
}
#center-box{
background-image:url('../images/darvag_center.png');
float:right;
background-repeat:no-repeat;
width:431px;
margin-left:25%;
margin-right:33%;
vertical-align: middle;


}
#left-box{
background-image:url('../images/darvag_left.png');
float:left;
background-repeat:no-repeat;
width:205px;
}

ABZiko
دوشنبه 20 بهمن 1393, 17:42 عصر
برای اینکه وسط بمونه که از همون margin:0px aito استفاده کنید ولی اگر برای رزولوشن های مختلف منظورتون هست، باید از media query استفاده کنید یا از فریمورک هایی مانند بوت استرپ برای اینکه رسپانسیو بشه، اگر خواستین قالبتون رو هم بزارین تا براتون رسپانسیوش کنم.

salmah
چهارشنبه 22 بهمن 1393, 23:06 عصر
برای اینکه وسط بمونه که از همون margin:0px aito استفاده کنید ولی اگر برای رزولوشن های مختلف منظورتون هست، باید از media query استفاده کنید یا از فریمورک هایی مانند بوت استرپ برای اینکه رسپانسیو بشه، اگر خواستین قالبتون رو هم بزارین تا براتون رسپانسیوش کنم.
تشکر .
اگر آموزش خوب برای ریسپانسیو دارید لطفا لینکش را برازید

البته خودم سرچ کردم ولی مطلب کاملی پیدا نکردم