طراحی باکس محل تبلیغات

[omidparkour]

سلام
من میخوام 2 تا باکس محل تبلیغات 468*60 داشته باشم که یک border سفید کمرنگ هم داشته باشن
برای اینکار کد زیر رو نوشتم اما وقتی border سفید رو کم رنگ میکنم چون بکگراند باکس سبز هست رنگ border میشه سبز :

<div id="ads"><div id="ads1">اینجا محل تبلیغات شماست...</div><div id="ads2">اینجا محل تبلیغات شماست...</div></div>
#ads1,#ads2{width:468px;
height:60px;
background-color:#063;
text-align:center;
color:#FFF;
font-size:35px;
display:inline;
margin-left:50px;
border:5px solid rgba(255,255,255,0.3);
border-radius:5px;



}


#ads{
width:950px;
height:70px;
display:inherit;
margin-top:50px;
margin-right:250px;
}

به همین دلیل اومدم کد رو به شکل زیر تغییر دادم و به جای border از outline استفاده کردم که درست شد
حالا مشکل اینجاست که من وقتی بنری رو داخل div با آیدی ads1 میزارم میزان داخل باکس قرار نمیگیره و اینجوری میشه :

http://up.i90.ir/uploads/1404146489.jpg
مشکل از چیه؟؟؟

[omidparkour]

الان با کد زیر با خود border اون حاشیه سفید کمرنگ رو درست کردم:
width:468px; height:60px;
background-color: transparent;
text-align:center;
color:#FFF;
font-size:35px;
display:inline;
margin-left:50px;
border:5px solid rgba(255,255,255,0.3);
border-radius:5px;
الان فقط مشکل اینه که بنر میزان داخل باکس قرار نمیگیره

[omidparkour]

من الان آیدی ads1 رو display:inline block; کردم و بنر میزان داخل باکس قرار گرفت اما دو تا باکس زیر هم قرار گرفتن
چی کنم کنار هم باشن با یه فاصله ی کم؟

[omidparkour]

کسی نیست جواب ما رو بده؟

[ab.ali]

من الان آیدی ads1 رو display:inline block; کردم و بنر میزان داخل باکس قرار گرفت اما دو تا باکس زیر هم قرار گرفتن
چی کنم کنار هم باشن با یه فاصله ی کم؟

خب به یکی margin اضافه کن تا از یک سمتش فاصله بگیره.(اگر منظورتون همینه)
راستی یک چیزی می گم امیدوارم نارحت نشین ولی به نظرم اصولی کار کنین و همین طوری کار نکنین که یک کد شانسی اضافه می کنین و یک اتفاق حالا می خواد درست یا نادرست بیافته ، قشنگ Property های CSS رو مطالعه کنید و همین طوری کد اضافه نکنید چون یکی از عوامل مهم در SEO بحث کد نویسی بهینه ست.