vllt. kann mir hier mal jemand helfen, denn was ich auch probiere ich bekomme die oberste also die 1. Zeile nicht kleiner damit die unteren Zeilen alle nach rücken, denn auf meinem Tablet sind du unten ganz dicht am unteren Rand und recht schlecht zu erreichen.
Ich bekomme es ums verzweifeln nicht hin...!! :-\
<div class="vbox">
<div class="hbox">
<div class="card grow-2"><!--header>Box 01</header--><div class="" style="margin-left:0px !important; font-size:160%">RAUM --- ZIMMER</div></div>
<div class="card"><!--header>Box 02</header--><div class="" style="margin-right:0px !important; font-size:160%">POSITION</div></div>
<div class="card"><!--header>Box 03</header--><div class="" style="margin-right:0px !important; font-size:160%">ZEITEN</div></div>
<div class="card"><!--header>Box 04</header--><div class="" style="margin-right:0px !important; font-size:160%">MODUS</div></div>
<div class="card grow-2"><!--header>Box 05</header--><div class="grow-2" style="font-size:160%">STEUERUNG --- BESCHATTUNG</div></div>
</div>
<div class="hbox">
<div class="card grow-2"><!--header>Box 06</header-->6</div>
<div class="card"><!--header>Box 07</header-->7</div>
<div class="card"><!--header>Box 08</header-->8</div>
<div class="card"><!--header>Box 09</header-->9</div>
<div class="card grow-2"><!--header>Box 10</header-->10</div>
</div>
<div class="hbox">
<div class="card grow-2"><header>Box 11</header><div data-type="symbol"></div></div>
<div class="card"><header>Box 12</header><div data-type="symbol"></div></div>
<div class="card"><header>Box 13</header><div data-type="symbol"></div></div>
<div class="card"><header>Box 14</header><div data-type="symbol"></div></div>
<div class="card grow-2"><header>Box 15</header><div data-type="symbol"></div></div>
</div>
<div class="hbox">
<div class="card grow-2"><header>Box 16</header><div data-type="symbol"></div></div>
<div class="card"><header>Box 17</header><div data-type="symbol"></div></div>
<div class="card"><header>Box 18</header><div data-type="symbol"></div></div>
<div class="card"><header>Box 19</header><div data-type="symbol"></div></div>
<div class="card grow-2"><header>Box 20</header><div data-type="symbol"></div></div>
</div>
<div class="hbox">
<div class="card grow-2"><!--header>Box 21</header--><div data-type="symbol"></div></div>
<div class="card"><!--header>Box 22</header--><div data-type="symbol"></div></div>
<div class="card"><!--header>Box 23</header--><div data-type="symbol"></div></div>
<div class="card"><!--header>Box 24</header--><div data-type="symbol"></div></div>
<div class="card grow-2"><!--header>Box 25</header--><div data-type="symbol"></div></div>
</div>
<div class="hbox">
<div class="card grow-2"><!--header>Box 10</header--><div data-type="symbol"></div></div>
<div class="card"><!--header>Box 20</header--><div data-type="symbol"></div></div>
<div class="card"><!--header>Box 30</header--><div data-type="symbol"></div></div>
<div class="card"><!--header>Box 40</header--><div data-type="symbol"></div></div>
<div class="card grow-2"><!--header>Box 50</header--><div data-type="symbol"></div></div>
</div>
</div>
Hey, könntest du deinen Beitrag bitte bearbeiten und den Code nochmal richtig in Code Tags packen?
hatte ich eigentlich ;) selbstverständlich
EDIT://
ist wohl zu groß er macht das nicht mit dem kompletten Code, deshalb abgekürzte Variante...! :-\
Meinst du mit der 1. Zeile die, wo Position, Zeiten, Modus, usw. stehen?
ja genau, die bekomme ich einfach nicht kleiner oder besser schmaler nach oben hin.
Habe da schon mit css Angaben "height" gearbeitet aber bei einem Wert style="height:20%" macht sich das nicht mehr bemerkbar.
Die Schrift darin bekomme ich über hin, also hoch, runter, zentriert aber die ganze Zeile bekomme ich nicht schmaler
Lade mal bitte die nötigen html dateien hier hoch
EDIT.// jetzt habe ich es hinbekommen, den Moment als ich hier schreibe.... ich muss in der "hbox" grow-0 definieren, oh je ich habe es immer in der falschen Box gemacht... :-\
Das größere Problem ist nur immer der Firefox zeigt es richtig an und das Android Tablet zeigt es wieder anders an... :-\ aber ich bekomme es irgendwie hin, wenn nicht schreibe ich hier nochmals
Zitat von: Vaddi am 21 August 2018, 16:00:41
Lade mal bitte die nötigen html dateien hier hoch
ich habe jetzt oben nochmal eine komplette vbox aus dem Wiki genommen.
Dazu meine originale 1. Zeile, alle anderen sind leer.
Wenn ich jetzt die 1.Zeile schmaler haben möchte als alle anderen, wie mache ich das..?Ich hänge meine Originale wie ich sie jetzt verwende trotzdem mal ran.