[HEADER] هيدر احمر للمنتديات الاخبارية

{JAVASCRIPT}

<style>
#header {height:200px;
   background-image:url('http://i18.servimg.com/u/f18/17/36/63/51/header19.gif');
   background-repeat: repeat-x;
}
#header .right{
   float: right;
  
}
#header .left {
   float: left;

}
</style>
<div id="header">
<div class="right">
   <map id="ImgMap0" name="ImgMap0">
      <area alt="" coords="0, 0, 76, 33" href="/contact" shape="rect">
      <area alt="" coords="130, 0, 214, 31" href="/faq" shape="rect">
      <area alt="" coords="264, 0, 316, 32" href="/search" shape="rect">
      <area alt="" coords="361, 0, 443, 36" href="/forum" shape="rect">
   </map>
   <img src="http://i18.servimg.com/u/f18/17/36/63/51/header20.gif" alt="" usemap="#ImgMap0" /></div>
<div class="left"><img src="http://i18.servimg.com/u/f18/17/36/63/51/header18.gif" alt="" /></div>
</div>