monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit a9ae5c831cb548c607dcc38b8489d678c3566d23 2 parents 3468d34a 3bd59a5a

Merge branch 'master-yjp' into 'master' 

机房平面图开发



See merge request !83
Inline Side-by-side
Showing 10 changed files with 964 additions and 0 deletions
@charset "utf-8";
*
{
margin:0;
padding:0;
}
html
{
width:100%;
height:100%;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
-webkit-text-size-adjust:none;
background-image:url("../img/img-beijing.png");
background-repeat: no-repeat;
background-position: center;
}
body
{
padding:5px;
}
.outlinediv {
padding-top: 30px;
border: 2px solid #0a93be;
width: 900px;
height: 600px;
margin: 0 auto;
font-size: 16px;
border-radius: 5px;
text-align: center;
color: #bbb;
position: relative;
display: list-item;
}
.outlinediv span {
color: rgba(0, 0, 0, 0.89);
line-height: 20px;
font-size: 14px;
}
.outlinediv .xiaoshansecond-topcabinet{
margin-top: 20px;
margin-left: 7%;
padding: 20px;
width: 80%;
height:100px;
}
.outlinediv .xiaoshansecond-middlecabinet{
margin-top: 50px;
margin-bottom: 50px;
margin-left: 7%;
padding: 20px;
width: 80%;
height:100px;
}
.outlinediv .xiaoshansecond-bottomcabinet{
margin-left: 7%;
padding: 20px;
width: 80%;
height:100px;
}
.cabinet{
width:auto;height:auto;max-height:100%;max-width:100%;
}
table{
margin-top: 20px;
border-collapse:collapse;
}
table tr{
height: 50px;
}
tr.sevenempty {
height: 10px;
}
table tr td{
position: relative;
max-width: 35px;
}
table td .cabinetId{
position: absolute;/*绝对定位*/
top:20px;
width: 100%;
bottom: 0px;/*离底下0像素*/
left: 0px;/*离左边0像素*/
text-align: center;
font-size: 12px;
color: white;
}
.outlinediv .xiaoshanthird-topcabinet{
margin-left:22%;
padding: 20px;
width: 80%;
}
.outlinediv .xiaoshanseven-leftcabinet{
margin-left:1%;
width: 40%;
}
.outlinediv .xiaoshanseven-rightcabinet{
margin-left: 5px;
width: 40%;
}
.outlinediv .xiaoshanseven-middlecabinet{
margin-top: 20px;
padding-top: 30%;
border: 2px solid #111D1A;
width:12% ;
height: 255px;
text-align: center;
}
.outlinediv .huzhouone-topcabinet{
margin-left:10%;
width: 90%;
}
tr.zaibeione{
height: 90px;
}
.zaibei.cabinetId{
position: absolute;/*绝对定位*/
top:10px;
width: 100%;
bottom: 0px;/*离底下0像素*/
left: 0px;/*离左边0像素*/
text-align: center;
font-size: 8px;
color: white;
}
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="0" />
<link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
</head>
<body>
<div class="outlinediv" style="height: 666px">
<span>湖州灾备一机房平面图</span>
<div class="huzhouone-topcabinet">
<table>
<tr>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 4A</span></a></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-7</span></a></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FA-6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FA-4</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FA-1</span></a></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-3</span></a></td>
</tr>
<tr>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
</tr>
<tr>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-4</span></a></td>
</tr>
<tr>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 3A</span></a></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-7</span></a></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FB-6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">FB-4</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">FB-1</span></a></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
</tr>
<tr class="zaibeione"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-10</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 1A</span></a></td>
<td width="10px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">EMC1</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">EMC2</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">EMC3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-7</span></a></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">小型机595A</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机595B</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机570-2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机570-1</span></a></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XA-1</span></a></td>
</tr>
<tr>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
</tr>
<tr>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-2</span></a></td>
</tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XB-11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XB-10</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">PDA 2B</span></a></td>
<td style="width: 15px"></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img/></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">小型机570-4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="zaibei cabinetId">小型机570-3</span></a></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">XB-1</span></a></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId"></span></a></td>
</tr>
<tr>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img/></td>
<td><img/></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="zaibei cabinetId">AC-1</span></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="0" />
<link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
<style type="text/css">
table tr td {
max-width: 80px;
}
</style>
</head>
<body>
<div class="outlinediv" >
<span>湖州灾备三机房平面图</span>
<div class="huzhouone-topcabinet" style="margin-left: 25%;padding-top: 30px">
<table>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">TB-6</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">TB-5</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId"></span></a></td>
</tr>
<tr>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
</tr>
<tr>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
</tr>
<tr>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
</tr>
<tr class="zaibeione"></tr>
</table>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="0" />
<link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
<style type="text/css">
table tr td {
max-width: 80px;
}
</style>
</head>
<body>
<div class="outlinediv" >
<span>湖州灾备二机房平面图</span>
<div class="huzhouone-topcabinet" style="margin-left: 20%">
<table>
<tr>
<td><img/></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-1</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">LA-2</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-3</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-2</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LA-1</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">PDA6B</span></a></td>
</tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">AC-5</span></a></td>
<td style="width: 30px"></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
</tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId"></span></a></td>
<td style="width: 30px"></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><img></td>
<td><img ></td>
<td><img ></td>
</tr>
<tr>
<td><img/></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">LB-1</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LB-2</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">LB-3</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LB-2</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">LB-1</span></a></td>
<td style="width: 30px"></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">PDA5A</span></a></td>
</tr>
<tr class="zaibeione"></tr>
</table>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="0" />
<link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
</head>
<body>
<div class="outlinediv">
<span>2号机房平面图</span>
<div class="xiaoshansecond-topcabinet">
<table>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F11</span></a></td>
<td><a href=""><img src="img/emptycabinet.png" class="cabinet"></a></td>
<td><a href=""><img src="img/emptycabinet.png" class="cabinet"></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F16</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F17</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F18</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F19</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">F20</span></a></td>
</tr>
</table>
</div>
<div class="xiaoshansecond-middlecabinet">
<table>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G12</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G16</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G17</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G18</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">G19</span></a></td>
</tr>
</table>
</div>
<div class="xiaoshansecond-bottomcabinet">
<table>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H12</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H16</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H17</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H18</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H19</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">H20</span></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Expires" content="0"/>
<link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
</head>
<body>
<div class="outlinediv" style="width: 950px">
<span>7号机房平面图</span>
<div style="width: 100%;height: 100%;display: inline-flex">
<div class="xiaoshanseven-leftcabinet">
<table>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I4</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I5</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I7</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H4</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H5</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H10</span></a>
</td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G4</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G5</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G10</span></a>
</td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F4</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F5</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F10</span></a>
</td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E4</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E5</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E10</span></a>
</td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D9</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><img ></td>
<td><img ></td>
<td><img ></td>
<td><img ></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C10</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><img/></td>
<td><img/></td>
<td><img/></td>
<td><img/></td>
<td><img/></td>
<td><img/></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B10</span></a></td>
</tr>
</table>
</div>
<div class="xiaoshanseven-middlecabinet"><span>过道</span></div>
<div class="xiaoshanseven-rightcabinet">
<table>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I16</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I17</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I18</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">I19</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H16</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H17</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H18</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H19</span></a></td>
<td><img ></td>
<td><img ></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H22</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H23</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">H24</span></a></td>
</td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G16</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G17</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G18</span></a></td>
<td><img ></td>
<td><img ></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G21</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G21</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G24</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">G25</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">F15</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E16</span></a></td>
<td><img></td>
<td><img ></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E20</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E21</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E22</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E23</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E24</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D14</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D15</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D16</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D17</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D18</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D19</span></a></td>
<td><img ></td>
<td><img></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D22</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D23</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D24</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D25</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C14</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C15</span></a></td>
</tr>
<tr class="sevenempty"></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B14</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B15</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B16</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B17</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B18</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B19</span></a></td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="0" />
<link type='text/css' href='css/machineroom.css' rel="stylesheet"/>
</head>
<body>
<div class="outlinediv">
<span>3号机房平面图</span>
<div class="xiaoshanthird-topcabinet">
<table>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E7</span></a></td>
<td><img/></td>
<td><img/></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E12</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">E13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">E15</span></a></td>
</tr>
<tr></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">D11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D12</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">D15</span></a></td>
</tr>
<tr></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">C11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C12</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">C15</span></a></td>
</tr>
<tr></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B7</span></a></td>
<td><img/></td>
<td><img/></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B12</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">B16</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">B17</span></a></td>
</tr>
<tr></tr>
<tr>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A1</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A2</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A3</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A4</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A5</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A6</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A7</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A8</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A9</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A10</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A11</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A12</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A13</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A14</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A15</span></a></td>
<td><a href=""><img src="img/cabinet.png" class="cabinet"><span class="cabinetId">A16</span></a></td>
<td><a href=""><img src="img/cabinet.png"class="cabinet"><span class="cabinetId">A17</span></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...