Floorplan: Imagesize in readingsgroup

Begonnen von gloob, 15 Mai 2015, 14:09:41

Vorheriges Thema - Nächstes Thema

gloob

Hallo,

Ich habe mir eine eigenen Wettervisualisizerung zusammengebaut und lasse sie mir in einer Readingsgroup im Florian anzeigen. Soweit klappt es auch wunderbar. Die Daten für das Wetter werden auf Bilder gemalt die angezeigt werden.

Leider werden die Bilder sehr groß angezeigt. Hat jemand einen Tipp für mich, was ich in der CSS Datei ändern muss um die Bildgröße zu steuern? Für die SVG Grafiken habe ich es hinbekommen aber nicht für die PNGs.
img class='icon wetter/34' src="/fhem/images/default/wetter/34.png"

Der html Abschnitt sieht folgendermaßen aus:

<div fp_style="0" fp_text="" fp_text2=" " fp_name="Wohnung" class="fp_device_div" style="position:absolute; top:-12px; left:12px;" id="div-rg_weather_current">
<form method="post" action="/fhem/floorplan/Wohnung/rg_weather_current" autocomplete="off">
<table class="readingsGroup fp_Wohnung" id="table-rg_weather_current" align="center">
<tr class="devicestate fp_Wohnung" id="rg_weather_current">
<td informId="rg_weather_current" colspan="0"><table><tr><td><table  id='readingsGroup-rg_weather_current' groupId="" class="block wide readingsGroup"><tr  class="odd"><td ><div  style="text-align:center" ></div></td><td  informId="rg_weather_current-WeatherGriesheim.code"><img class='icon wetter/34' src="/fhem/images/default/wetter/34.png" alt="34" title="34"></td><tr  class="even"><td ><div  style="text-align:center" ><svg class="icon temp_temperature" alt="temp_temperature" title="temp_temperature" version="1.0" xmlns="http://www.w3.org/2000/svg"  width="247pt" height="648pt" viewBox="0 0 247 648"  preserveAspectRatio="xMidYMid meet"> <metadata> Created by potrace 1.8, written by Peter Selinger 2001-2007 </metadata> <g transform="translate(0,648) scale(0.219661,-0.219661)"  stroke="none"> <path d="M225 2939 c-17 -4 -46 -25 -65 -44 l-35 -36 -3 -1053 -2 -1054 -29 -5 c-18 -4 -41 -21 -58 -43 l-28 -37 -3 -276 c-3 -309 0 -323 67 -368 33 -23 38 -23 340 -23 343 0 356 2 396 70 18 32 20 55 23 287 2 167 -1 266 -8 294 -13 47 -61 99 -91 99 -19 0 -19 26 -19 1035 0 1114 2 1073 -51 1122 -13 11 -42 26 -64 32 -47 13 -326 13 -370 0z m345 -789 l0 -660 -155 0 -155 0 0 660 0 660 155 0 155 0 0 -660z"/> <path d="M790 2783 c-44 -16 -55 -91 -18 -117 18 -13 52 -16 164 -16 142 0 143 0 163 26 27 35 26 59 -4 89 -23 24 -29 25 -157 24 -73 0 -140 -3 -148 -6z"/> <path d="M785 2248 c-28 -16 -35 -28 -35 -64 0 -57 19 -64 181 -64 159 0 175 5 185 55 4 22 0 38 -14 55 -19 24 -25 25 -159 28 -92 1 -145 -2 -158 -10z"/> <path d="M772 1694 c-26 -18 -30 -69 -8 -100 13 -17 29 -19 146 -22 73 -2 143 -1 156 2 51 13 67 81 28 120 -23 23 -289 23 -322 0z"/> <path d="M772 1124 c-16 -11 -22 -25 -22 -54 0 -63 19 -70 183 -70 133 0 139 1 162 25 14 13 25 34 25 45 0 12 -11 32 -25 45 -23 24 -29 25 -162 25 -109 0 -143 -3 -161 -16z"/> </g> </svg></div></td><td ><div  informId="rg_weather_current-WeatherGriesheim.temperature"><div style="text-align:center">19°C</div></div></td><tr  class="odd"><td ><div  style="text-align:center" ><svg class="icon weather_humidity" alt="weather_humidity" title="weather_humidity" version="1.0" xmlns="http://www.w3.org/2000/svg"  width="468pt" height="590pt" viewBox="0 0 468 590"  preserveAspectRatio="xMidYMid meet"> <metadata> Created by potrace 1.8, written by Peter Selinger 2001-2007 </metadata> <g transform="translate(0,590) scale(0.200000,-0.200000)"  stroke="none"> <path d="M105 2938 c-16 -6 -41 -20 -53 -32 -55 -49 -52 33 -52 -1434 l0 -1359 23 -33 c12 -18 35 -43 50 -54 28 -20 40 -21 438 -24 389 -3 412 -2 454 17 27 12 52 33 65 53 20 33 20 45 20 1396 0 1519 5 1408 -69 1454 -36 23 -39 23 -441 25 -267 1 -415 -2 -435 -9z m815 -1463 l0 -1335 -390 0 -390 0 0 1335 0 1335 390 0 390 0 0 -1335z"/> <path d="M458 2050 c-46 -49 -120 -199 -184 -375 -40 -107 -48 -142 -48 -200 -3 -270 330 -399 513 -199 97 106 103 197 26 409 -90 250 -184 405 -245 405 -14 0 -38 -16 -62 -40z"/> <path d="M1904 2572 c-72 -46 -140 -165 -235 -417 -51 -135 -53 -144 -54 -240 0 -121 18 -167 95 -249 225 -238 623 -79 622 249 0 56 -8 93 -41 187 -83 237 -152 376 -223 444 -46 46 -114 57 -164 26z m99 -154 c71 -94 197 -420 197 -508 0 -86 -65 -179 -147 -211 -46 -18 -135 -13 -179 9 -90 46 -129 108 -128 207 0 59 8 90 48 195 79 206 149 340 176 340 5 0 20 -15 33 -32z"/> <path d="M1504 1241 c-68 -41 -139 -167 -232 -411 -54 -140 -56 -148 -56 -245 -1 -90 2 -106 27 -156 75 -154 262 -240 423 -195 68 20 152 73 187 119 66 87 97 200 78 288 -19 91 -89 278 -152 405 -74 152 -133 214 -201 214 -24 0 -56 -8 -74 -19z m100 -154 c66 -86 187 -395 194 -492 3 -51 0 -68 -25 -115 -43 -81 -94 -114 -187 -118 -59 -3 -81 0 -113 17 -87 44 -144 151 -128 239 18 99 142 397 197 475 25 35 32 34 62 -6z"/> </g> </svg></div></td><td ><div  informId="rg_weather_current-WeatherGriesheim.humidity"><div style="text-align:center">37 %</div></div></td><tr  class="even"><td ><div  style="text-align:center" ><svg class="icon weather_wind" alt="weather_wind" title="weather_wind" version="1.0" xmlns="http://www.w3.org/2000/svg"  width="468pt" height="514pt" viewBox="0 0 468 514"  preserveAspectRatio="xMidYMid meet"> <metadata> Created by potrace 1.8, written by Peter Selinger 2001-2007 </metadata> <g transform="translate(0,514) scale(0.173978,-0.173978)"  stroke="none"> <path d="M1579 2928 c-311 -140 -1457 -640 -1489 -648 -51 -14 -90 -50 -90 -85 0 -51 103 -438 121 -456 29 -29 66 -33 148 -15 42 9 424 52 849 97 425 44 779 82 785 85 7 3 154 155 327 339 l315 335 5 -1271 5 -1271 24 -19 c13 -10 30 -19 38 -19 18 0 56 19 65 34 4 6 8 593 8 1304 0 1279 0 1292 -20 1312 -26 26 -60 25 -94 -1 -20 -16 -26 -17 -26 -6 0 8 -6 19 -13 25 -10 9 -473 151 -863 265 -48 14 -54 14 -95 -5z m105 -523 c53 -198 96 -365 96 -371 0 -10 -247 -41 -254 -33 -2 4 -167 655 -170 673 -1 11 217 107 225 98 4 -4 50 -169 103 -367z m-560 -132 c38 -153 71 -285 73 -294 4 -14 -14 -18 -122 -29 -69 -6 -128 -10 -129 -9 -6 8 -127 502 -123 505 4 4 220 102 227 103 3 1 36 -124 74 -276z m-595 0 c36 -138 91 -366 89 -368 -4 -4 -211 -26 -213 -23 -5 7 -85 341 -82 344 5 5 182 84 189 84 4 0 12 -17 17 -37z"/> </g> </svg></div></td><td ><div  informId="rg_weather_current-WeatherGriesheim.wind"><div style="text-align:center">13 km/h</div></div></td></table></td></tr></table>
</td></tr>
</table></form>
</div>


Vielen Dank.
Stefan
Raspberry Pi 3 | miniCUL 433MHz | nanoCUL 868 MHz | nanoCUL 433 MHz | MySensors WLAN Gateway | LaCrosse WLAN Gateway | SignalESP 433 MHz | SignalESP 868 MHz | HM-MOD-UART WLAN Gateway | IR - 360 Grad WLAN Gateway