Danke für den Tip,
das hat mich zumindest mal dahingehend weiter gebracht, dass ich es jetzt geschafft habe die Shutter Icons mittig zu den darunter stehenden Device Commands auszurichten.
Dazu habe ich im Stylesheet die Klasse TRX_LIGHT mit dem entsprechenden Attribut versehen :
element {
}
.TRX_LIGHT {
text-align: center;
}
Allerdings finde ich die Attribute für den Abstand zwischen dem Icon und den Commands nicht.
Das sind ja in derTabelle eigene Zellen aber padding hat da irgendwie keinen Effekt.
Hier mal der HTML Source Code Ausschnitt für eines der Icons, um eine Jalousie steuern zu können.
<div fp_style="5" fp_text=" " fp_text2="WZAJalousie" fp_name="Grundriss_EG" class="fp_device_div" style="position:absolute; top:462px; left:841px;" id="div-WZAJalousie">
<form method="post" action="/fhem/floorplan/Grundriss_EG/WZAJalousie" autocomplete="off">
<table class="TRX_LIGHT fp_Grundriss_EG" id="table-WZAJalousie" align="center">
<tr class="devicestate fp_Grundriss_EG" id="WZAJalousie">
<td informId="WZAJalousie" colspan="3"><div id="WZAJalousie" class="col2"><svg class=" fts_shutter_10 red" alt="up" title="up" version="1.0" xmlns="http://www.w3.org/2000/svg" width="468pt" height="334pt" viewBox="0 0 468 334" preserveAspectRatio="xMidYMid meet"> <metadata> Created by potrace 1.8, written by Peter Selinger 2001-2007 </metadata> <g transform="translate(0,334) scale(0.158108,-0.158108)" fill="red" stroke="none"> <path d="M65 2103 c-51 -13 -55 -27 -55 -179 0 -156 4 -169 61 -181 38 -7 41 -43 5 -43 -28 0 -66 -42 -66 -72 0 -25 44 -68 70 -68 20 0 20 -1 20 -724 l0 -723 23 -34 c49 -74 -55 -69 1357 -69 1412 0 1308 -5 1357 69 l23 34 0 723 0 724 24 0 c13 0 35 9 50 21 51 40 21 119 -45 119 -41 0 -36 31 8 42 55 14 63 37 63 180 0 120 -1 128 -24 155 l-24 28 -1414 1 c-777 1 -1422 0 -1433 -3z m1355 -388 c0 -13 -73 -15 -595 -15 -522 0 -595 2 -595 15 0 13 73 15 595 15 522 0 595 -2 595 -15z m1310 0 c0 -13 -72 -15 -590 -15 -518 0 -590 2 -590 15 0 13 72 15 590 15 518 0 590 -2 590 -15z m-1310 -425 l0 -270 -24 0 c-28 0 -56 -33 -56 -65 0 -32 28 -65 56 -65 l24 0 0 -375 0 -375 -592 2 -593 3 -3 708 -2 707 595 0 595 0 0 -270z m1308 -437 l-3 -708 -587 -3 -588 -2 0 375 0 375 24 0 c28 0 56 33 56 65 0 32 -28 65 -56 65 l-24 0 0 270 0 270 590 0 590 0 -2 -707z"/> </g> </svg></div>
</td></tr>
<tr class="devicecommands" id="WZAJalousie-devicecommands">
<td><div class="col3"><a href="/fhem/floorplan/Grundriss_EG?cmd.WZAJalousie=set WZAJalousie up">up</a></div></td>
<td><div class="col3"><a href="/fhem/floorplan/Grundriss_EG?cmd.WZAJalousie=set WZAJalousie down">down</a></div></td>
<td><div class="col3"><a href="/fhem/floorplan/Grundriss_EG?cmd.WZAJalousie=set WZAJalousie stop">stop</a></div></td>
</tr>
</table></form>
</div>
Im Anhang ein Screenshot auf dem das mal bildlich zu sehen ist - es geht um das rote Icon rechts ...
Vielleicht hat ja noch jemand eine Idee was man tun könnte, um den Abstand zwischen Icon und den darunter stehenden Device Commands zu reduzieren.
Danke im voraus und Gruß
Michael