<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/* CONTAINER */
.divContainer
{
color: White;
font-family: Verdana;
font-size: 10px;
width: 400px;
}
/* UST */
.divBaslik
{
border: 0 solid red;
float: left;
height: 12px;
overflow: hidden;
position: absolute;
text-align: left;
top: 4px;
width: 420px;
}
.divUst, .divUstSag, .divUstOrta
{
height: 22px;
width: 22px;
padding: 0;
margin: 0;
}
.divUst
{
width: 100%;
padding-left: 10px;
background: url("solUstKose.png") no-repeat scroll 0 0 transparent;
}
.divUstOrta
{
background: url("ustOrta.png") repeat-x scroll 0 0 transparent;
width: 100%;
float: left;
position: relative;
}
.divUstSag
{
background: url("sagUstKose.png") no-repeat scroll 0 0 transparent;
float: right;
}
/* ORTA */
.divOrta
{
background: url("Orta.png") repeat-x scroll 0 0 Black;
color: White;
padding: 8px 0px 8px 9px;
width: 100%;
display: block;
}
/* ALT */
.divAltSol, .divAltSag, .divAltOrta
{
height: 22px;
width: 22px;
padding: 0;
margin: 0;
}
.divAltSol
{
background: url("solAltKose.png") no-repeat scroll 0 0 transparent;
width: 100%;
padding-left: 10px;
}
.divAltOrta
{
background: url("AltOrta.png") repeat-x scroll 0 0 transparent;
width: 100%;
float: left;
}
.divAltSag
{
background: url("sagAltKose.png") no-repeat scroll 0 0 transparent;
float: left;
}
</style>
</head>
<body>
<div class="divContainer">
<div class="divUst">
<div class="divUstOrta">
<div class="divBaslik" onclick="f_BaslikTiklandi(21)">
Hemoglobin ( g/dl)
</div>
<img src="sagUstKose.png" style="float: right" />
</div>
</div>
<div class="divOrta" id="Div1">
<img src="Charts%5C32440281510%5C21%5C32440281510_21_5_12_2010.png" height="200px" />
</div>
<div class="divAltSol">
<div class="divAltOrta">
<img src="sagAltKose.png" style="float: right" />
</div>
</div>
</div>
</body>
</html>
