Ankündigung

Einklappen
Keine Ankündigung bisher.

- √ - Designfrage

Einklappen
X
Einklappen
 
  • Seite von 2
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige 1 2 template Weiter
    #1

    - √ - Designfrage

    Hallo,

    ich hätte eine Frage zum Design und zwar möchte ich wie im Bild dargestellt 4 (bzw. 3 würden auch genügen) so Blöcke in einer Zeile haben.
    Wenn ich aber einen 3ten Block einbaue dann macht er das schon in einer neuen Zeile.
    Jetzt stellt sich die Frage ob das überhaupt geht bzw. was ich da machen muss.

    Danke
    Grüße
    Chrisi
    Angehängte Dateien
    Stichworte: -
    #2
    Gehen tut alles... pack das ganze in einen eigenen DIV Container mit einer speziellen CSS Klasse und überschreibe die Breite der Kindelemente. Wenn du jetzt nur spanisch verstanden hast, solltest du mal beim W3C nach HTML und CSS Kursen schauen
    Mit freundlichen Grüßen
    Niko Will

    Logiken und Schnittstelle zu anderen Systemen: smarthome.py - Visualisierung: smartVISU
    - Gira TS3 - iPhone & iPad - Mobotix T24 - ekey - Denon 2313 - Russound C5 (RIO over TCP Plugin) -

    Kommentar

      #3
      Du kannst Dir auch mal als ersten einfachen Schritt die HTML-Demo-Seiten der Visu anschauen (ich meine es war die WZ-Demoseite von Macflei). Könnte Deine Anforderung treffen. Habe diese auch bei mir von 3 auf 4 ohne Probleme und Kenntnisse modifiziert.
      Cheers,
      Oliver

      Kommentar

        #4
        Zitat von Sandman60 Beitrag anzeigen
        Du kannst Dir auch mal als ersten einfachen Schritt die HTML-Demo-Seiten der Visu anschauen (ich meine es war die WZ-Demoseite von Macflei). Könnte Deine Anforderung treffen. Habe diese auch bei mir von 3 auf 4 ohne Probleme und Kenntnisse modifiziert.
        Cheers,
        Oliver
        Wo findet man die Demoseite? Bzw kann man die Pages denn auslesen?

        Kommentar

          #5
          Danke, habe es so gelöst:

          Falls es wer braucht, habe es mit einer eigenen CSS Klasse gelöst:

          Code:
          .tilesselber li {
    border-right: 0 none;
    border-top: 0 none;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 5px 0;
    position: relative;
    width: 25%;
}
          Und dann entsprechent verwendet:

          Code:
          <ul data-role="listview" data-dividertheme="c" class="tilesselber">
   <li data-icon="false">

   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
   <div class="ui-li-aside">
  Left1 <br>
      </div>
   </a>
   </li>
   <li data-icon="false">
   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
   <div class="ui-li-aside">
  Left1 <br>
      </div>
   </a>
 </li>


   <li data-icon="false">

   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
      <div class="ui-li-aside">
  Right 2 <br>
      </div>
   </a>
  </li>
  <li data-icon="false">
   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
      <div class="ui-li-aside">
  Right 2 <br>
      </div>
   </a>
   </li>
</ul>
&nbsp;<br>
          Angehängte Dateien

          Kommentar

            #6
            Zitat von chrisi Beitrag anzeigen
            Danke, habe es so gelöst:

            Falls es wer braucht, habe es mit einer eigenen CSS Klasse gelöst:

            Code:
            .tilesselber li {
    border-right: 0 none;
    border-top: 0 none;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 5px 0;
    position: relative;
    width: 25%;
}
            Und dann entsprechent verwendet:

            Code:
            <ul data-role="listview" data-dividertheme="c" class="tilesselber">
   <li data-icon="false">

   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
   <div class="ui-li-aside">
  Left1 <br>
      </div>
   </a>
   </li>
   <li data-icon="false">
   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
   <div class="ui-li-aside">
  Left1 <br>
      </div>
   </a>
 </li>


   <li data-icon="false">

   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
      <div class="ui-li-aside">
  Right 2 <br>
      </div>
   </a>
  </li>
  <li data-icon="false">
   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
      <div class="ui-li-aside">
  Right 2 <br>
      </div>
   </a>
   </li>
</ul>
&nbsp;<br>
            Hi Chrisi,

            danke erstmal für den Code, hat man die Möglichkeit es so einzustellen, das die 4 Felder beim Aufruf über ein Ipad / Iphone ausgeblendet werden?

            Gruß Jens

            Kommentar

              #7
              Schätze schon, aber kann dir leider nicht sagen wie und auch nicht testen da ich kein ipad/iphone habe.

              Kommentar

                #8
                Hi,
                Ich hab mir nun auch via CSS 2 Blöcke nebeneinander gebastelt. Soweit bin ich auch zufrieden. Allerdings kann ich den Berich zwischen Icon und Werten nicht nutzen. Sobald die Werte breiter werden rücken sie aus dem block hinaus. Welche Einstellung im CSS ist für den Bereich zw. Icon und Wert bzw. für die Wertebreite zuständig? Padding? Margin?

                Bitte um Hilfe.
                sg
                Markus
                Angehängte Dateien

                Kommentar

                  #9
                  Zitat von chrisi Beitrag anzeigen
                  Danke, habe es so gelöst:

                  Falls es wer braucht, habe es mit einer eigenen CSS Klasse gelöst:

                  Code:
                  .tilesselber li {
    border-right: 0 none;
    border-top: 0 none;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 5px 0;
    position: relative;
    width: 25%;
}
                  Und dann entsprechent verwendet:

                  Code:
                  <ul data-role="listview" data-dividertheme="c" class="tilesselber">
   <li data-icon="false">

   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
   <div class="ui-li-aside">
  Left1 <br>
      </div>
   </a>
   </li>
   <li data-icon="false">
   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
   <div class="ui-li-aside">
  Left1 <br>
      </div>
   </a>
 </li>


   <li data-icon="false">

   <a href="index.php?page=eg_vorraum_gang">
   <img class="icon"' src='{{ icon0 }}scene_hall.png'/><h3>todo</h3>
      <div class="ui-li-aside">
  Right 2 <br>
      </div>
                  Wie hast du denn den Titel Überblick hinbekommen?

                  Kommentar

                    #10
                    Code:
                    <ul data-role="listview" data-dividertheme="c">
   <li data-role="list-divider">Ueberblick</li>
</ul>
<br>&nbsp;&nbsp;

                    Kommentar

                      #11
                      Zitat von fuxl66 Beitrag anzeigen
                      Hi,
                      Ich hab mir nun auch via CSS 2 Blöcke nebeneinander gebastelt. Soweit bin ich auch zufrieden. Allerdings kann ich den Berich zwischen Icon und Werten nicht nutzen. Sobald die Werte breiter werden rücken sie aus dem block hinaus. Welche Einstellung im CSS ist für den Bereich zw. Icon und Wert bzw. für die Wertebreite zuständig? Padding? Margin?

                      Bitte um Hilfe.
                      sg
                      Markus
                      Keiner einen Tipp für mich oder hab ich die Sachlage unklar dargestellt???

                      Kommentar

                        #12
                        Zitat von chrisi Beitrag anzeigen
                        Code:
                        <ul data-role="listview" data-dividertheme="c">
   <li data-role="list-divider">Ueberblick</li>
</ul>
<br>&nbsp;&nbsp;
                        Hi jetzt habe ich folgenden Code eingefügt ich die Rooms.menu.html
                        Code:
                        /**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012
 * @license     GPL <http://www.gnu.de>
 * ----------------------------------------------------------------------------- 
 */
	<ul data-role="listview" data-dividertheme="c" >
		<li data-role="list-divider">Ueberblick</li>
	</ul> 	
	<br>
	<ul data-role="listview" data-dividertheme="c" class="tilesselber">
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
				<img class="icon"' src='{{ icon0 }}scene_making_love.png'/><h3>Making love</h3>
					<div class="ui-li-aside">
						<br>
						<img class="icon"' src='{{ icon0 }}scene_making_love_clean.png'/> <br>
					</div>
			</a>
			</li>
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
				<img class="icon"' src='{{ icon0 }}scene_livingroom.png'/><h3>Fernsehen</h3>
					<div class="ui-li-aside">
					Left1 <br>
					</div>
			</a>
			</li>
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
				<img class="icon"' src='{{ icon0 }}scene_party.png'/><h3>Party</h3>
					<div class="ui-li-aside">
						{{ basic.float('aussentemperatur', 'Out.wetter.temperatur', ' °C') }}<br>
						<img class="icon"' src='{{ icon0 }}scene_party.png'/> <br>
					</div>
			</a>
			</li>
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
			<img class="icon"' src='{{ icon0 }}scene_night.png'/><h3>Schlafen</h3>
					<div class="ui-li-aside">
					Right 2 <br>
					</div>
			</a>
			</li>
	</ul>
&nbsp;<br>


<ul data-role="listview" data-dividertheme="c" > 
    <li data-role="list-divider">Erdgeschoss</li>
	 <li data-icon="false">
        <a href="index.php?page=room1.diele">
            <img class="icon" src="{{ icon0 }}scene_stairs.png"/><h3>Diele/Treppe</h3>
            <div class="ui-li-aside">
                {{ basic.float('diele_temperatur', 'diele.Heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('diele_licht_on', 'diele.Deckenlampe', '', icon1~'light_downlight.png', 1) }}
                {{ basic.symbol('diele_licht_off', 'diele.Deckenlampe', '', icon0~'light_downlight.png', 0, 'and') }}
			    {{ basic.symbol1('hwr_heizung_off', 'hwr.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}	
			
          
            </div>
        </a>
    </li>
	<li data-icon="false">
        <a href="index.php?page=room1.hwr">
            <img class="icon" src="{{ icon0 }}sani_boiler_temp.png"/><h3>Hauswirtschaftsraum</h3>
            <div class="ui-li-aside">
				{{ basic.float('hwr_temperatur', 'hwr.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('hwr_licht_on', ['hwr.Deckenlampe', 'hwr.Wandlampe'], '', icon1~'light_light.png', 1) }}
				{{ basic.symbol('hwr_licht_off', ['hwr.Deckenlampe', 'hwr.Wandlampe'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('hwr_heizung_on', ['hwr.Deckenlampe', 'hwr.Wandlampe'], '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('hwr_heizung_off', 'hwr.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}				
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room1.wohnen">
            <img class="icon" src="{{ icon0 }}scene_livingroom.png"/><h3>Wohnzimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('wohnen_temperatur', 'wohnzimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('wohnen_licht_on', ['wohnzimmer.Wohnzimmerlampe', 'wohnzimmer.Wandlampe','wohnzimmer.AmbienteLicht'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('wohnen_licht_off', ['wohnzimmer.Wohnzimmerlampe', 'wohnzimmer.Wandlampe','wohnzimmer.AmbienteLicht'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('wohnen_heizung_on', 'wohnzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('wohnen_heizung_off', 'wohnzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}
	    </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room1.esszimmer">
            <img class="icon" src="{{ icon0 }}scene_dinner.png"/><h3>Esszimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('esszimmer_temperatur', 'esszimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('esszimmer_licht_on', ['esszimmer.Esszimmertisch', 'esszimmer.Wandlampe'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('esszimmer_licht_off', ['esszimmer.Esszimmertisch', 'esszimmer.Wandlampe'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('esszimmer_heizung_on', 'esszimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('esszimmer_heizung_off', 'esszimmer.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}
	    </div>
        </a>
    </li>	
    <li data-icon="false">
        <a href="index.php?page=room1.kueche">
            <img class="icon" src="{{ icon0 }}scene_cooking_hob.png"/><h3>Küche</h3>
            <div class="ui-li-aside">
                {{ basic.float('kueche_temperatur', 'kueche.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('kueche_licht_on', ['kueche.Deckenlampe1', 'kueche.Deckenlampe3', 'kueche.Wandlampe', 'kueche.Pendellampe'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('kueche_licht_off', ['kueche.Deckenlampe1', 'kueche.Deckenlampe3', 'kueche.Wandlampe', 'kueche.Pendellampe'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('kueche_heizung_on', 'kueche.heizung.status', '', icon1~'sani_floor_heating.png', 1) }} 
                {{ basic.symbol('kueche_heizung_off', 'kueche.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room1.gaestewc">
            <img class="icon" src="{{ icon0 }}scene_toilet.png"/><h3>Gäste-WC</h3>
            <div class="ui-li-aside">
                {{ basic.float('gaestewc_temperatur', 'gaestewc.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('gaestewc_licht_off', ['gaestewc.Deckenlampe','gaestewc.Spiegellampe'], '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('gaestewc_licht_on',  ['gaestewc.Deckenlampe','gaestewc.Spiegellampe'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('gaestewc_heizung_on', 'gaestewc.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('gaestewc_heizung_off', 'gaestewc.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>    


       
 
<li data-role="list-divider">Obergeschoss</li>
    <li data-icon="false">
        <a href="index.php?page=room2.flur">
            <img class="icon" src="{{ icon0 }}scene_stairs.png"/><h3>Flur</h3>
            <div class="ui-li-aside">
                {{ basic.float('flur_temperatur', 'dieleog.heizung.ist_temperatur', ' °C') }} <br />
               	{{ basic.symbol('flur_licht_on', 'flurog.Deckenlampe', '', icon1~'light_light.png', 1) }}
               	{{ basic.symbol('flur_licht_off', 'flurog.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('flur_heizung_on', 'dieleog.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
               	{{ basic.symbol('flur_heizung_off', 'dieleog.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.gaeste">
            <img class="icon" src="{{ icon0 }}scene_visit_guests.png"/><h3>Gästezimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('gaeste_temperatur', 'gaestezimmer.heizung.ist_temperatur', '°C') }} <br />
                {{ basic.symbol('gaeste_licht_on', 'gastezimmer.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('gaeste_licht_off', 'gastezimmer.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('gaeste_heizung_on', 'gaestezimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('gaeste_heizung_off', 'gaestezimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.ankleide">
            <img class="icon" src="{{ icon0 }}scene_dressing_room.png"/><h3>Ankleide</h3>
            <div class="ui-li-aside">
                {{ basic.float('ankleide_temperatur', 'ankleide.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('ankleide_licht_on', 'ankleide.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('ankleide_licht_off', 'ankleide.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('ankleide_heizung_on', 'ankleide.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('ankleide_heizung_off', 'ankleide.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.schlafen">
            <img class="icon" src="{{ icon0 }}scene_sleeping.png"/><h3>Schlafzimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('schlafen_temperatur', 'schlafzimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('schlafen_licht_on', 'schlafzimmer.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('schlafen_licht_off', 'schlafzimmer.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('schlafen_heizung_on', 'schlafzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('schlafen_heizung_off', 'schlafzimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.bad">
            <img class="icon" src="{{ icon0 }}scene_toilet.png"/><h3>Bad Eltern</h3>
            <div class="ui-li-aside">
                {{ basic.float('bad_temperatur', 'badog.heizung.ist_temperatur', ' °C') }} <br />
               	{{ basic.symbol('bad_licht_on', ['badezimmer.Deckenlampe','badezimmer.Spiegellampe'], '', icon1~'light_light.png', 1) }}
               	{{ basic.symbol('bad_licht_off', ['badezimmer.Deckenlampe','badezimmer.Spiegellampe'], '', icon0~'light_light.png', 0, 'and') }}
               	{{ basic.symbol('bad_heizung_on', 'badog.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
               	{{ basic.symbol('bad_heizung_off', 'badog.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>	
    <li data-icon="false">
        <a href="index.php?page=room2.kind">
            <img class="icon" src="{{ icon0 }}scene_baby.png"/><h3>Kinderzimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('kind_temperatur', 'kinderzimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('kind_licht_on', ['kinderzimmer.Deckenlampe','kinderzimmer.Empore'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('kind_licht_off', ['kinderzimmer.Deckenlampe','kinderzimmer.Empore'], '', icon0~'light_light.png', 0, 'and') }}
               	{{ basic.symbol('kind_heizung_on', 'kinderzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('kind_heizung_off', 'kinderzimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.arbeiten">
            <img class="icon" src="{{ icon0 }}it_pc.png"/><h3>Arbeitszimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('arbeiten_temperatur', 'arbeitszimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('arbeiten_licht_on', 'arbeitszimmer.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('arbeiten_licht_off', 'arbeitszimmer.Deckenlampe', '', icon0~'light_light.png', 0) }}
				{{ basic.symbol('arbeiten_licht_on', 'arbeitszimmer.Wandlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('arbeiten_licht_off', 'arbeitszimmer.Wandlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('arbeiten_heizung_on', 'arbeitszimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('arbeiten_heizung_off', 'arbeitszimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>


           
<!--	    
	<li data-role="list-divider">Außen</li>
    <li data-icon="false">
        <a href="index.php?page=room0_carport">
            <img class="icon" src="{{ icon0 }}fts_garage.png"/><h3>Carport</h3>
            <div class="ui-li-aside"></div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room0_terrasse">
            <img class="icon" src="{{ icon0 }}szene_terrasse.png"/><h3>Terrasse</h3>
            <div class="ui-li-aside"></div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room0_garten">
            <img class="icon" src="{{ icon0 }}szene_garten.png"/><h3>Garten</h3>
            <div class="ui-li-aside"></div>
        </a>
    </li>
//-->    
</ul>
                        Aber leider sieht das noch nicht ganz so wie gewollt aus.



                        Weiss jemand Rat? Ich bin leider nicht so der Guru in der Sache.

                        Gruß Jens
                        Angehängte Dateien

                        Kommentar

                          #13
                          Meinst du das z.B. zwischen "Erdgeschoss" und "Diele/Treppe" keine Leerzeile ist? Dann mach dazwischen einfach ein <br> rein.

                          Kommentar

                            #14
                            Zitat von chrisi Beitrag anzeigen
                            Meinst du das z.B. zwischen "Erdgeschoss" und "Diele/Treppe" keine Leerzeile ist? Dann mach dazwischen einfach ein <br> rein.
                            Hi nein das zwischen Überblick und den Buttons der Header nicht so sauber aussieht wie eben zwischen Erdgeschoss und Diele. Man sieht das die Schrift abgeschnitten ist.

                            so wie in Erdgeschoss und Obergeschoss hätte ich gerne die Abstände und Zeilen.



                            ist der Abstand und der Fehler jetzt klarer? Weiss jemand Rat?

                            Gruss Jens
                            Angehängte Dateien

                            Kommentar

                              #15
                              poste mal den den Code von dir

                              Kommentar

                              Vorherige 1 2 template Weiter
                              Lädt...
                              X

                              Wir verarbeiten personenbezogene Daten über die Nutzer unserer Website mithilfe von Cookies und anderen Technologien, um unsere Dienste bereitzustellen. Weitere Informationen findest Du in unserer Datenschutzerklärung.

                              Indem Du unten auf "ICH stimme zu" klickst, stimmst Du unserer Datenschutzerklärung und unseren persönlichen Datenverarbeitungs- und Cookie-Praktiken zu, wie darin beschrieben. Du erkennst außerdem an, dass dieses Forum möglicherweise außerhalb Deines Landes gehostet wird und bist damit einverstanden, dass Deine Daten in dem Land, in dem dieses Forum gehostet wird, gesammelt, gespeichert und verarbeitet werden.

                              Ich stimme zu