طلب كود css لعرض بانرين بجانب بعضهم

[Damas]

السلام عليكم ورحمة الله وبركاته

الرجاء اخواني المساعدة بكود css صحيح بدون تيبلز والفراغ بين البانرين 15 بكسل مع توسيط بوسط الصفحة

الكود الاول لعرض بانرين بهذا الشكل




والكود الثاني لعرض البانرين فوق بعضهم بهذا الشكل





ولكم جزيل الشكر

[TlT]

تفضل عزيزي الكود بالكامل
إذا حابب اشرح لك اي نقطة انا حاضر

كود الـ css

	.wrap1{
		width: 687px;
		margin: auto;
	}
	.damasad1{
		width: 336px;
		height: 280px;
		float: left;
		background: #374492
	}
	.damasad1:first-child{
		margin-right: 15px
	}
	
	.wrap2{
		width: 728px;
		margin: auto;
	}
	.damasad2{
		width: 728px;
		height: 90px;
		background: #374492
	}
	.damasad2:first-child{
		margin-bottom: 15px
	}
	
	.cf:before, .cf:after {content: "";display: table}
	.cf:after {clear: both}.cf {*zoom: 1}

كود الـ html

<div class="wrap1 cf">
	<div class="damasad1"></div>
	<div class="damasad1"></div>
</div>

<div class="wrap2">
	<div class="damasad2"></div>
	<div class="damasad2"></div>
</div>

[Damas]

الله يسلم ايدك ممتاز جدا جدا

تعديل بسيط وهو ان الشركة احيانا تعرض بانر اصغر من المقاس المحدد فوجدت ان البانرات تظهر بمحاذاة نحو الاعلى فهل يمكن ان نعمل لها توسيط عامودي ايضا ؟

شوف الصورة للتوضيح ( الأسهم باللون الأحمر )

[TlT]

لان البانرات متغيرة صعب توسيطها بهذا الشكل على حد علمي
ممكن حل بسيط انك تحذف الخلفية الزرقاء وستكون منسقة بشكل جيد

[Damas]

تمام فهمت عليك

الله يجزاك الخير ويرحم والديك

[TlT]

الله يسلمك
اي خدمة عزيزي

[poup.net]

[Damas]

أخي الحبيب

طلع عندي ايرور واحد بالفحص هل له أي حل ؟

شوفه هنا
http://jigsaw.w3.org/css-validator/v...2Fvb%2Ff144%2F