HTML & CSS & FLOAT & CLEAR
في هذا الدرس سنقوم بتعرف على طريقة عمل كلير من خلال سي اس اس و بعض الاخطاء التي يجب علينا تفاديها و اخذ الشكل العام هتمل الى الشكل المراد عملة و تفادي بعض اخطاء او مشاكل البروزرات القديمة
.clear{ clear:both; padding:5px; } #contentDown{ width:950px; margin:0 auto; margin-top:30px; line-height:18px; background:#263138; } #contentDown h4{ color:#dbc297; font-size:21px; margin-bottom:15px; text-transform:uppercase; } #leftDown{ width:380px; float:left; padding:10px; } #leftDown form label{ display:block; color:#dbc297; font-size:14px; padding:5px 0; } #leftDown input{ width:350px; height:35px; } #leftDown textarea{ width:350px; } #leftDown input[type="submit"]{ width:355px; height:30px; background:url(images/butten.gif) repeat-x; margin-top:10px; margin-left:-2px; color:#263138; font-size:14px; } #rightDown{ width:520px; float:left; margin-left:10px; padding:10px; } #rightDown img{ float:right; width:237px; height:206px; margin-left:10px; border:3px solid #dbc297; } #rightDown p{ width:290px; font-size:12px; line-height:21px; font-family:arial; color:#9d9d9d; } #rightDown button{ margin-top:15px; width:120px; height:30px; background:url(images/butten.gif) repeat-x; color:#263138; }