TeacherMath
شنبه 31 تیر 1391, 11:23 صبح
می تونید خودتون چارت ایجاد کنید.
<!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 runat="server">
<title></title>
<style type="text/css">
.bar
{
width: 600px;
padding-top: 9px;
padding-bottom: 9px;
}
.bar div
{
background-color: #0066FF;
white-space: nowrap;
height: 25px;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}
.MyChart thead tr
{
text-align: center;
background-color: #00FF00;
padding-top: 20px;
padding-bottom: 20px;
font-weight: bold;
font-family: Tahoma;
width: 100%;
height: 70px;
}
.MyChart
{
border: thin solid #000000;
direction: rtl;
padding-left: 12px;
padding-right: 1px;
}
.City
{
width: auto;
text-align: center;
padding-right: 9px;
padding-left: 10px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="MyChart" border="0" cellpadding="0" cellspacing="0">
<thead>
<tr>
<td colspan="2">
<span>آمار تعداد قرآن آموزان</span>
</td>
</tr>
</thead>
<tr>
<td class="City">
<span>تهران</span>
</td>
<td class="bar">
<div style="width: 80%">
<span>1000 </span><span>نفر</span>
</div>
</td>
</tr><tr>
<td class="City">
<span>کرمان</span>
</td>
<td class="bar">
<div style="width: 40%">
<span>500 </span><span>نفر</span>
</div>
</td>
</tr><tr>
<td class="City">
<span>آذر بایجان غربی</span>
</td>
<td class="bar">
<div style="width: 80%">
<span>1000 </span><span>نفر</span>
</div>
</td>
</tr><tr>
<td class="City">
<span>قم</span>
</td>
<td class="bar">
<div style="width: 100%">
<span>2000 </span><span>نفر</span>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>