HTML & CSS
بداية الدرس و بداية سي اس اس و بداية تحويل هتمل الى الشكل المطلوب عبر سي اس اس و التعمق اكتر في الكود و حجات كتيرة ماشفنهاش قبل كدة و التاكيد على السابق حتى يكون التحويل في المستقبل اكثر سهولة
*{ margin:0; padding:0; } #header{ height:400px; background:#263138; border-bottom:3px solid #dbc297; } #headerIn{ width:950px; height:400px; margin:0 auto; background:url(images/headerLight.png) no-repeat; position:relative; } #headerIn img{ float:left; } #headerIn ul{ list-style:none; padding:35px; } #headerIn li{ float:left; padding:15px; } #headerIn li:first-child{ padding-left:50px; } #headerIn a{ text-decoration:none; font-size:22px; color:#dbc297; } #headerIn a:hover{ text-decoration:underline; } #headerIn form{ float:right; margin-top:-25px; } #headerIn input[type="text"]{ height:26px; width:220px; } #headerIn input[type="submit"]{ width:65px; height:30px; background:url(images/butten.gif); color:#263138; font-size:16px; text-transform:uppercase; } #slider{ position:absolute; top:150px; height:400px; width:950px; border:3px solid #dbc297; overflow:hidden; }