Ergebnis 1 bis 2 von 2

Thema: Spalten - Inhalt gleiche Höhe

  1. #1
    Contao-Fan
    Registriert seit
    12.11.2009.
    Ort
    Portugal
    Beiträge
    619

    Standard Spalten - Inhalt gleiche Höhe

    hallo!

    hab da ein kniffliges Layout-Problem und brings leider nicht zusammen.
    Ich verwende Spalten (Erweiterung) und hab darin Boxen.
    Bei den Spalten hab ich angegeben gleiche Höhe.
    und die boxen hätte ich auch gern in gleicher höhe
    bin mir nur nicht so sicher wie ich das hinbekomme...
    zu sehen auf:
    http://www.akademie-des-sprechens.at...ehrgaenge.html

    wäre super wenn ihr mir eine idee geben könntet!

    danke!
    lg

  2. #2
    Contao-Nutzer Avatar von RedWise
    Registriert seit
    05.03.2010.
    Ort
    Querfurt
    Beiträge
    45

    Standard

    Hallo,

    schau dir doch mal die Beschreibung auf YAML an http://www.yaml.de/de/dokumentation/...templates.html

    Die gleich hohen Boxen setzen sich aus nachsteheneden Code zusammen.

    Dementsprechend könntest du dir deine Boxen zusammenbauen.

    http://www.yaml.de/fileadmin/example...ght_boxes.html

    Code:
              <div class="subcolumns equalize box-top">
                <div class="c33l">
                  <div class="subcl">
                    <!-- Insert your subtemplate content here -->
                    <h6>Topic One </h6>
                    <ul>
                      <li>List Item 1</li>
                      <li>List Item 2</li>
                      <li>List Item 3</li>
                      <li>List Item 4</li>
                      <li>List Item 5</li>
                    </ul>
                    <a href="#" class="hideme">&rarr; read more ...</a>
                  </div>
                </div>
                <div class="c33l">
                  <div class="subc">
                    <!-- Insert your subtemplate content here -->
                    <h6>Topic Two </h6>
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.</p>
                    <a href="#" class="hideme">&rarr; read more ...</a>
                  </div>
                </div>
                <div class="c33r">
                  <div class="subcr">
                    <!-- Insert your subtemplate content here -->
                    <h6>Topic Three</h6>
                    <ul>
                      <li>List Item 1</li>
                      <li>List Item 2</li>
                      <li>List Item 3</li>
                      <li>List Item 4</li>
                      <li>List Item 5</li>
                    </ul>
                    <a href="#" class="hideme">&rarr; read more ...</a>
                  </div>
                </div>
              </div>
              <h3 class="hideme">Summing up</h3>
              <div class="subcolumns equalize no-ie-padding box-bottom">
                <div class="c33l">
                  <div class="subcl"><a href="#" class="noprint">&rarr; read more<span class="hideme"> about Topic One</span>.</a></div>
                </div>
                <div class="c33l">
                  <div class="subc"><a href="#" class="noprint">&rarr; read more<span class="hideme"> about Topic Two</span>.</a></div>
                </div>
                <div class="c33r">
                  <div class="subcr"><a href="#" class="noprint">&rarr; read more<span class="hideme"> about Topic Tree</span>.</a></div>
                </div>
              </div>
    Oder du vergibst für die Boxen eine fest definierte Höhe, dann dürfen sich aber auch die Inhalte nicht wesentlich verändern.
    Beste Grüße

    Steffen Richter

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •