كيفية تركيب هيدر للمنتدى مجزء من 4 صور

<div id="header"><div class="headerright"></div>

<div class="headerleft"></div>

<div class="headermiddle">
<a class="logo" href="/forum.html">
<span class="headenlogo">اسم المنتدى</span>


</a>


</div>


</div>
<style>

#header {
  background-image:url(https://i.servimg.com/u/f38/18/83/80/78/untitl10.jpg);
  height:230px
  }
  .headerright {
  background-image:url(https://i.servimg.com/u/f18/18/83/80/78/1110.png);
  background-repeat:no-repeat;
  float:right;
  height:200px;
  width:320px
  }
  .headerleft {
  background-image:url(https://i.servimg.com/u/f37/18/83/80/78/images10.png);
  background-repeat:no-repeat;
  float:left;
  height:200px;
  width:320px
  }
  .headermiddle {
  background-image:url(https://i.servimg.com/u/f81/18/83/80/78/uuu_o110.gif);
  background-repeat:no-repeat;
  height:230px;
  margin:0 auto;
  width:500px
  }
  .logo {
  display:block;
  height:200px;
  position:absolute;
  width:390px
  }
  .headenlogo {
  display:none
  }
 </style>