HI! Ich habe soweit meine FTUI Wetter Seite fertig. Ich möchte aber noch die Abstände der Daten neben der Sonne oben im bild anpassen. Es klappt aber irgendwie nicht...
Ich würde gern die Daten die Rechts und Links von der Zentrierten Sonne sind weiter nach außen und oben verschieben... Weil so wie auf dem Bild ist es zu sehr gequetscht.
Kann mir bitte jemand helfen wie ich das hin bekoomme?
hier der Code:
<!DOCTYPE html>
<html>
</head>
<title>WETTER</title>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="cache-control" content="no-store">
<meta name='toast_position' content='bottom-center'>
<meta name="gridster" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="gridster_disable" content="1">
<!--meta name="widget_base_width" content="110"-->
<meta name="widget_base_height" content="145">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="longpoll" content="1">
<meta name="debug" content="0">
<link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/powerange.min.css" />
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-wdtimer.css" />
<link rel="stylesheet" href="/fhem/tablet/style.css">
<link rel="stylesheet" href="/fhem/tablet/css/fhem-table-user.css" />
<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>
<style type="text/css">
td {
color: white;
}
</style>
</head>
<body>
<div class="gridster"> <!--td rowspan="5" style="text-align:center;vertical-align:top"-->
<ul>
<li data-row="1" data-col="1" data-sizex="5" data-sizey="3" class=bg-transparent>
<div class="gridster">
<table width="100%" class="">
<tr>
<td rowspan="5" style="vertical-align:top">
<div class="sheet">
<div class="inline bottom-space right-space">
<div data-type="label" class="top-space bigger">Außen</div>
<div data-type="label" data-device="Proplanta" data-get="temperature" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class="grande"></div>
<div data-type="label" class="top-space big">Innen</div>
<div data-type="label" data-device="Proplanta" data-get="temperature" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class="bigger"></div>
</div>
<div class="inline">
<div data-type="weather" data-device="Wetter" data-get="condition" data-imageset="kleinklima" style="width:350px" class=""></div>
</div>
<div class="inline left-space-2x big">
<div class="">Heute MIN</div>
<div data-type="label" data-device="Proplanta" data-get="fc0_tempMin" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class=""></div>
<div class="">Heute MAX</div>
<div data-type="label" data-device="Proplanta" data-get="fc0_tempMax" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class=""></div>
<div class="">Regen</div>
<div data-type="label" data-device="Proplanta" data-get="fc0_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]'
class="medium inline"></div>
</div>
</div></td>
</table>
<div class="inline sheet normal">
<div class="col-1-3">
<div data-type="label" class="cell top-space big">MORGENS</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:200px"></div>
<div class="inline big" style="text-align:center;vertical-align:top">
<!--div data-type="label" data-device="Proplanta" data-get="fc0_weatherMorning" class="inline"></div-->
<div data-type="label" data-device="Proplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space big">MITTAGS</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:200px"></div>
<div class="inline big" style="text-align:center;vertical-align:top">
<!--div data-type="label" data-device="Proplanta" data-get="fc0_weatherDay" class="inline"></div-->
<div data-type="label" data-device="Proplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space big">ABENDS</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:200px"></div>
<div class="inline big" style="text-align:center;vertical-align:top">
<!--div data-type="label" data-device="Proplanta" data-get="fc0_weatherEvening" class="inline"></div-->
<div data-type="label" data-device="Proplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
</div>
</div>
<li data-row="2" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header><div data-type="label" class="inline bigger">MORGEN</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc1_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc1_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc1_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc1_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="3" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc2_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc2_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc2_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="4" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc3_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc3_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc3_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc3_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc3_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc3_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="5" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc4_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc4_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc4_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc4_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc4_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc4_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="6" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc5_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc5_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc5_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc5_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc5_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc5_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="7" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc6_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc6_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc6_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc6_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc6_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc6_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="9" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header class="large">POLLENFLUG</header>
<div class="">
<div class="inline">
<div data-type="symbol" data-device="Pollenflug" data-get="Ambrosia" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow">
</div>
<div class="cell narrow">Ambros
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflugflug" data-get="Ahorn" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Ahorn
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Birke" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Birke
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Buche" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Buche
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Eiche" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Eiche
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Erle" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Erle
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Esche" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Esche
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Gräser" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Gräser
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Hasel" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-off-color="#808080" data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]'
class="narrow ">
</div>
<div class="cell narrow">Hasel
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Pappel" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Pappel
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Roggen" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Roggen
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>
du hast das Bild vergessen ;)
Jetzt aber! ::)
Du hast schon eine Tabelle angelegt für den oberen Block, aber nur eine Reihe <TR> (da fehlt übrigens das </TR>) und Spalte <TD>, die aber über 5 Reihen (rowspan="5") ???
Du solltest die Tabelle sauber definieren (mit Breiten) und die Inhalte einsetzen
<table>
<tr>
<td width="30%">
linker Block hier
</td>
<td width="60%">
mittlerer Block hier
</td>
<td width="30%">
rechter Block hier
</td>
</tr>
</table>Du hast in der Tabelle auch noch einen <DIV> Block mit class="sheet" ohne rows oder cells zu verwenden ... Du solltest immer auf saubere Einrückungen achten und ob alle Tags benötigt und vor Allem geschlossen sind. Mit dem "Spaghetticode" wirst du auf Dauer nicht glücklich und es erschwert die Fehlersuche ...
Hervorragend! Vielen DANK!! So gefällt mir das!
HIer der Code falls es jemand auch nachbauen möchte!
Benötigt wird PROPLANTA, YahooWeather und Pollenflug!
<!DOCTYPE html>
<html>
</head>
<title>WETTER</title>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="cache-control" content="no-store">
<meta name='toast_position' content='bottom-center'>
<meta name="gridster" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="gridster_disable" content="1">
<!--meta name="widget_base_width" content="110"-->
<meta name="widget_base_height" content="145">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="longpoll" content="1">
<meta name="debug" content="0">
<link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/powerange.min.css" />
<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-wdtimer.css" />
<link rel="stylesheet" href="/fhem/tablet/style.css">
<link rel="stylesheet" href="/fhem/tablet/css/fhem-table-user.css" />
<script type="text/javascript" src="/fhem/pgm2/jquery.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.knob.mod.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.toast.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.circlemenu.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/powerange.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/lib/fa-multi-button.min.js"></script>
<script type="text/javascript" src="/fhem/tablet/js/fhem-tablet-ui.js"></script>
<style type="text/css">
td {
color: white;
}
</style>
</head>
<body>
<div class="gridster"> <!--td rowspan="5" style="text-align:center;vertical-align:top"-->
<ul>
<li data-row="1" data-col="1" data-sizex="5" data-sizey="3" class=bg-transparent>
<div class="gridster">
<table>
<tr>
<td width=40%">
<div class="sheet">
<div class="inline bottom-space right-space">
<div data-type="label" class="top-space bigger">Außen</div>
<div data-type="label" data-device="Proplanta" data-get="temperature" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class="grande"></div>
<div data-type="label" class="top-space big">Innen</div>
<div data-type="label" data-device="Proplanta" data-get="temperature" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class="bigger"></div>
</div>
</td>
<td width=20%">
<div class="inline">
<div data-type="weather" data-device="Wetter" data-get="condition" data-imageset="kleinklima" style="width:350px" class=""></div>
</div>
</td>
<td width=40%">
<div class="inline left-space-2x big">
<div class="">Heute MIN</div>
<div data-type="label" data-device="Proplanta" data-get="fc0_tempMin" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class=""></div>
<div class="">Heute MAX</div>
<div data-type="label" data-device="Proplanta" data-get="fc0_tempMax" data-fix="1" data-limits='[-73,18,28]' data-colors='["cornflowerblue","green","firebrick"]'
data-unit="%B0C%0A" class=""></div>
<div class="">Sonne</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%"
class="medium inline"></div>
<div class="">Regen</div>
<div data-type="label" data-device="Proplanta" data-get="fc0_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]'
class="medium inline"></div>
</div>
</td>
</tr>
</table>
<div class="inline sheet normal">
<div class="col-1-3">
<div data-type="label" class="cell top-space big">MORGENS</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:200px"></div>
<div class="inline big" style="text-align:center;vertical-align:top">
<!--div data-type="label" data-device="Proplanta" data-get="fc0_weatherMorning" class="inline"></div-->
<div data-type="label" data-device="Proplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space big">MITTAGS</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:200px"></div>
<div class="inline big" style="text-align:center;vertical-align:top">
<!--div data-type="label" data-device="Proplanta" data-get="fc0_weatherDay" class="inline"></div-->
<div data-type="label" data-device="Proplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space big">ABENDS</div>
<div data-type="weather" data-device="Proplanta" data-get="fc0_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:200px"></div>
<div class="inline big" style="text-align:center;vertical-align:top">
<!--div data-type="label" data-device="Proplanta" data-get="fc0_weatherEvening" class="inline"></div-->
<div data-type="label" data-device="Proplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
</div>
</div>
<li data-row="2" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header><div data-type="label" class="inline bigger">MORGEN</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc1_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc1_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc1_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc1_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc1_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="3" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc2_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc2_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc2_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc2_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="4" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc3_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc3_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc3_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc3_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc3_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc3_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc3_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc3_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="5" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc4_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc4_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc4_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc4_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc4_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc4_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc4_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc4_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="6" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc5_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc5_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc5_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc5_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc5_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc5_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc5_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc5_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="7" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header> <div data-type="label" data-device="Proplanta" data-get="fc6_date" data-substitution="toDate().eeee()+''" class="inline big"></div>
<div data-type="label" data-device="Proplanta" data-get="fc6_date" data-substitution="toDate().ddmmyyyy()" class="inline bigger">
</div>
</header>
<div class="sheet large">
<div class="inline top-space">
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
<!--div data-type="label" data-device="Proplanta" data-get="fc6_weatherDay" class="narrow newline"></div-->
</div>
<div class="inline top-space">
<div class="wide">
<div class="medium inline">Max Temp:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_tempMax" data-unit="°C " class="big inline"></div>
</div>
<div class="wide">
<div class="medium top-space inline">Regen:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">Sonne:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
</div>
<div class="wide">
<div class="medium inline">UV:</div>
<div data-type="label" data-device="Proplanta" data-get="fc6_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
</div></div>
<div class="inline">
<div class="sheet left-space-4x">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc6_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc6_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc6_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc6_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>
<li data-row="9" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header class="large">POLLENFLUG</header>
<div class="">
<div class="inline">
<div data-type="symbol" data-device="Pollenflug" data-get="Ambrosia" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow">
</div>
<div class="cell narrow">Ambros
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflugflug" data-get="Ahorn" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Ahorn
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Birke" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Birke
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Buche" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Buche
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Eiche" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Eiche
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Erle" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Erle
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Esche" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Esche
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Gräser" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Gräser
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Hasel" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-off-color="#808080" data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]'
class="narrow ">
</div>
<div class="cell narrow">Hasel
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Pappel" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Pappel
</div>
</div>
<div class="inline left-space">
<div data-type="symbol" data-device="Pollenflug" data-get="Roggen" data-icons='["fa-forumbee","fa-forumbee","fa-forumbee"]'
data-get-on='["0","1","2","3"]' data-on-colors='["green","green","yellow","firebrick"]' data-off-color="#808080"
class="narrow ">
</div>
<div class="cell narrow">Roggen
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
</html>