Vielleicht kann mir ja jemand helfen. Ich habe einen neuen Block auf einer Seite hinzugefügt. In ihm befindet sich ein div vom typ Image und ein multimedia.image für meine Überwachungskamera. Seitdem wird das Menü auf der linken Seite aber unterhalb der insgesamt 3 Blöcke angezeigt und nicht mehr links daneben. Ich habe schon alles mögliche versucht mit style position relative und absolute und float left right usw.. Bin ratlos.
{% extends "rooms.html" %}
{% block content %}
<div class="block">
<div class="ui-bar-c ui-li-divider ui-corner-top">Flur - Licht</div>
<div class="ui-fixed ui-body-a ui-corner-bottom">
{{ basic.switch('flurOGTreppe', 'OG.Flur.Treppe', icon0~'light_light.svg', icon0~'light_light.svg') }} Licht Treppe
</div>
</div>
<div class="block">
<div class="ui-bar-c ui-li-divider ui-corner-top">Flur - Tueroeffner</div>
<div class="ui-fixed ui-body-a ui-corner-bottom">
{{ basic.switch('flurEGSummer', 'EG.Flur.Summer', icon0~'fts_door_unlocked.svg', icon0~'fts_door_unlocked.svg', '1', '0') }} Haustuere Summer
</div>
</div>
<div class="block">
<div class="ui-bar-c ui-li-divider ui-corner-top">Kamera Haustuere</div>
<div class="ui-fixed ui-body-a ui-corner-bottom">
<div class="image">
{% import "multimedia.html" as multimedia %}
{{ multimedia.image('cam_tuere', 'http://192.168.2.20:8081', 'corner') }}
</div>
</div>
</div>
</div>
{% endblock %}
screen.JPG
{% extends "rooms.html" %}
{% block content %}
<div class="block">
<div class="ui-bar-c ui-li-divider ui-corner-top">Flur - Licht</div>
<div class="ui-fixed ui-body-a ui-corner-bottom">
{{ basic.switch('flurOGTreppe', 'OG.Flur.Treppe', icon0~'light_light.svg', icon0~'light_light.svg') }} Licht Treppe
</div>
</div>
<div class="block">
<div class="ui-bar-c ui-li-divider ui-corner-top">Flur - Tueroeffner</div>
<div class="ui-fixed ui-body-a ui-corner-bottom">
{{ basic.switch('flurEGSummer', 'EG.Flur.Summer', icon0~'fts_door_unlocked.svg', icon0~'fts_door_unlocked.svg', '1', '0') }} Haustuere Summer
</div>
</div>
<div class="block">
<div class="ui-bar-c ui-li-divider ui-corner-top">Kamera Haustuere</div>
<div class="ui-fixed ui-body-a ui-corner-bottom">
<div class="image">
{% import "multimedia.html" as multimedia %}
{{ multimedia.image('cam_tuere', 'http://192.168.2.20:8081', 'corner') }}
</div>
</div>
</div>
</div>
{% endblock %}
screen.JPG
Kommentar