kod

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Trening DIV</title>


<style type="text/css">

	.container{
	width: 790px;
	margin: 0 auto;
	padding: 0;
	border-color: 0;
	border-width: 0px;
	}

	.sidebar1{
		float: left;
		width: 151px;
		height: 493px;
		padding: 0;
	}

	.sidebar2{
		float: left;
		width: 122px;
		height: 493px;
		padding: 0;
		border-color: 0;
	}

	.content{
		float: right;
		width: 512px;
		height: 493px;
		padding: 0;
	}

	.header{
		width: 69px;
		height: 790px;
		padding: 0;
	}

</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onLoad="MM_preloadImages('strona do poskladania na divach/index_pliki/s_2-2.jpg','strona do poskladania na divach/index_pliki/s_4-2.jpg','strona do poskladania na divach/index_pliki/s_6-2.jpg','strona do poskladania na divach/index_pliki/s_7-2.jpg')">
<div class="container">

		<div id="header">
			<img src="strona do poskladania na divach/index_pliki/header.jpg" alt="" width="790" height="69">
  		</div>

		<div class="sidebar1">
		  <img src="strona do poskladania na divach/index_pliki/sidebar1.jpg" alt="" width="156" height="493">
  		</div>

		<div class="sidebar2">
			<img src="strona do poskladania na divach/index_pliki/s_1.jpg" alt="" width="122" height="161">

    		<a href="https://www.onet.pl/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','strona do poskladania na divach/index_pliki/s_2-2.jpg',1)"><img src="strona do poskladania na divach/index_pliki/s_2-1.jpg" alt="" width="122" height="56" id="Image6"></a>

			<img src="strona do poskladania na divach/index_pliki/s_3.jpg" alt="" width="122" height="24">

        	<a href="https://www.onet.pl/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','strona do poskladania na divach/index_pliki/s_4-2.jpg',1)"><img src="strona do poskladania na divach/index_pliki/s_4-1.jpg" alt="" width="122" height="57" id="Image8"></a>

			<img src="strona do poskladania na divach/index_pliki/s_5.jpg" alt="" width="122" height="19">

			<a href="https://www.onet.pl/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','strona do poskladania na divach/index_pliki/s_6-2.jpg',1)"><img src="strona do poskladania na divach/index_pliki/s_6-1.jpg" alt="" width="122" height="68" id="Image9"></a>

        	<a href="https://www.onet.pl/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','strona do poskladania na divach/index_pliki/s_7-2.jpg',1)"><img src="strona do poskladania na divach/index_pliki/s_7-1.jpg" alt="" width="122" height="63" id="Image10"></a>

			<img src="strona do poskladania na divach/index_pliki/s_8.jpg" alt="" width="122" height="46">
		</div>

		<div class="content">
			<img src="strona do poskladania na divach/index_pliki/content.jpg" alt="" width="512" height="493">
  		</div>

		<div id="footer">
			<img src="strona do poskladania na divach/index_pliki/footer.jpg" alt="" width="790" height="38">
 		</div>
</div>
</body>
</html>