Advertise with CSS-Flash.com  

Accessible bar chart

Image
 
Author:cssreview
00
Price:free


td.value { 
background-image:  url(gridline58.gif);   
background-repeat: repeat-x;   
background-position: left top; 
border-left: 1px solid #e5e5e5; 
border-right: 1px solid #e5e5e5; 
padding:0;  border-bottom: none; 
background-color:transparent;  }  td { 
padding: 4px 6px; 
border-bottom:1px solid #e5e5e5; 
border-left:1px solid #e5e5e5; 
background-color:#fff;  }  body { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%;  }  td.value img { 
vertical-align: middle; 
margin: 5px 5px 5px 0;  }  th { 
text-align: left; 
vertical-align:top;  }  td.last { 
border-bottom:1px solid #e5e5e5;  }  
td.first { 
border-top:1px solid #e5e5e5;  }  .auraltext  { 
position: absolute;  font-size: 0; 
left: -1000px;  }  table { 
background-image:url(bg_fade.png);&nbs p;
background-repeat:repeat-x; 
background-position:left top; 
width: 33em;  }  caption {  font-size:90%; 
font-style:italic;  }

Comments

Post new comment

  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
  • Use the special tag [adsense:format:slot] or [adsense:format:[group]:[channel][:slot]] or [adsense:block:location] to display Google AdSense ads.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Allowed HTML tags: <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

More information about formatting options