Vertical CSS Bar Graph
00
Price:free
<style type="text/css">
#vertgraph { &nb sp; & nbsp;
&n bsp; width: 378px;
&n bsp; height: 207px;
&n bsp; position: relative;
&n bsp; background: url("g_backbar.gif") no-repeat;
}
#vertgraph ul {
&n bsp; width: 378px;
&n bsp; height: 207px;
&n bsp; margin: 0;
&n bsp; padding: 0;
}
#vertgraph ul li {
&n bsp; position: absolute;
&n bsp; width: 28px;
&n bsp; height: 160px;
&n bsp; bottom: 34px;
&n bsp; padding: 0 !important;
&n bsp; margin: 0 !important;
&n bsp; background: url("g_colorbar3.jpg") no-repeat !important;
&n bsp; text-align: center;
&n bsp; font-weight: bold;
&n bsp; color: white;
&n bsp; line-height: 2.5em;
}
#vertgraph li.critical { left: 24px; background-position: 0px bottom !important; }
#vertgraph li.high { left: 101px; background-position: -28px bottom !important; }
#vertgraph li.medium { left: 176px; background-position: -56px bottom !important; }
#vertgraph li.low { left: 251px; background-position: -84px bottom !important; }
#vertgraph li.info { left: 327px; background-position: -112px bottom !important; }
</style> - 22
- 7
- 3
- 8
- 2
Comments
Post new comment