|
|
| Line 1: |
Line 1: |
| {{#css:
| |
| .wrap div { margin:1px; padding-left:1px; border-spacing:0; border-collapse:collapse; display:inline-block; font-size:10px; color:wheat; line-height:100%; }
| |
| .bars { height:10px; vertical-align:middle; }
| |
| .c1 .bars { background-color:#D7D900; }
| |
| .c2 .bars { background-color:#93D500; }
| |
| .c3 .bars { background-color:#51D200; }
| |
| }}
| |
| == Foo ==
| |
| Having all the attributes in each {{co|coral|<nowiki><div></nowiki>}} works fine ...
| |
| <div style="font-size:10px; color:wheat; padding:1px; line-height:100%; margin:1px;"> 1,06%<div style="width:11px; float:left; height:10px; margin:0px; padding:0px; background-color: #D7D900;"></div></div>
| |
| <div style="font-size:10px; color:wheat; padding:1px; line-height:100%; margin:1px;"> 2,18%<div style="width:22px; float:left; height:10px; margin:0px; padding:0px; background-color: #93D500;"></div></div>
| |
| <div style="font-size:10px; color:wheat; padding:1px; line-height:100%; margin:1px;"> 10,00%<div style="width:100px; float:left; height:10px; margin:0px; padding:0px; background-color: #51D200;"></div></div>
| |
|
| |
|
| == Foobar ==
| |
| Can't get rid of the spacing between rows.
| |
| <div class="wrap c1"><div class="bars" style="width:11px;"></div><div>1,06%</div></div>
| |
| <div class="wrap c2"><div class="bars" style="width:22px;"></div><div>2,18%</div></div>
| |
| <div class="wrap c3"><div class="bars" style="width:100px;"></div><div>10,00%</div></div>
| |
