korosh00
سه شنبه 03 آذر 1394, 12:13 عصر
سلام
من می خوام به این صورت طراحی کنم که عکس سمت راست تیتر در چپ و ادامه اخبار پایین تیتر باشه ؟
float ها رو هم مانند عکس گذاشتم ولی موقع اجرا عکس من در داخل کادر اصلی نمی افته ؟
کار اصلی من که هر سه آیتم داخلش هستند به این صورت است :
این هم کدهای css من برای عکس تیتر و ادامه خبر
.box {
width:750px;
height:auto;
margin-left:auto;
margin-right:auto;
direction:rtl;
border-color:black;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: inset 0 0 5px #f33cc2, 0 0 10px rgba(15,25,231, .9);
margin-top:10px;
margin-bottom:120px;
padding:15px;
}
.aks
{
float:right;
width:170px;
height:210px;
}
.titr
{
float:left;
width:500px;
}
.ededameh
{
float:right;
width:500px;
}
این هم شکلی که می خوام دربیادش؟
http://s6.picofile.com/file/8224467626/2015_11_24_114142.jpg
متشکر
من می خوام به این صورت طراحی کنم که عکس سمت راست تیتر در چپ و ادامه اخبار پایین تیتر باشه ؟
float ها رو هم مانند عکس گذاشتم ولی موقع اجرا عکس من در داخل کادر اصلی نمی افته ؟
کار اصلی من که هر سه آیتم داخلش هستند به این صورت است :
این هم کدهای css من برای عکس تیتر و ادامه خبر
.box {
width:750px;
height:auto;
margin-left:auto;
margin-right:auto;
direction:rtl;
border-color:black;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: inset 0 0 5px #f33cc2, 0 0 10px rgba(15,25,231, .9);
margin-top:10px;
margin-bottom:120px;
padding:15px;
}
.aks
{
float:right;
width:170px;
height:210px;
}
.titr
{
float:left;
width:500px;
}
.ededameh
{
float:right;
width:500px;
}
این هم شکلی که می خوام دربیادش؟
http://s6.picofile.com/file/8224467626/2015_11_24_114142.jpg
متشکر