Make text smaller with HTML/CSS -


i'm trying figure out how emulate image using html , css. displayed below avatar on message board.

stats

this have far: https://jsfiddle.net/j7vbv/220/

table.avatarstats {     border-spacing: 0;     border-collapse: collapse;     text-align: center;     color: white;     font-family: arial, helvetica, sans-serif; }  <table class="avatarstats" width="200" border="0">   <tr>     <td bgcolor="purple">recent wr<br /><strong>61%</strong></td>     <td bgcolor="teal">overall<br /><strong>55%</strong></td>   </tr>   <tr>       <td bgcolor="purple">recent wn8<br /><strong>2469</strong></td>     <td bgcolor="teal">overall<br /><strong>1737</strong></td>   </tr> </table>

the main problem i'm having decreasing size of text above numbers. nothing i've tried making text smaller.

also, there better way of bolding numbers?

use this

table.avatarstats {  	border-spacing: 0;    	border-collapse: collapse;  	text-align: center;  	color: white;  	font-family: arial, helvetica, sans-serif;  }  td small{      font-size:7pt;      font-weight:bold;  }  td strong{            font-size:18pt;       font-weight:bold;  }
<table class="avatarstats" width="200" border="0">    <tr>        <td bgcolor="purple"><small>recent wr</small><br /><strong>61%</strong></td>      <td bgcolor="teal"><small>overall</small><br /><strong>55%</strong></td>    </tr>    <tr>        <td bgcolor="purple"><small>recent wn8</small><br /><strong>2469</strong></td>        <td bgcolor="teal"><dev font-size: 10pt;><small>overall</small><br /><strong>1737</strong></td>    </tr>  </table>


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l...
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more