3 Boxen nebeneinader

[Netbimbo]

Guten Morgen zusammen,

für ein Projekt benötige ich 3 gleich grosse Boxen im Contentbereich der Hauptseite. Hat jmd. eine Ahnung wie ich an die Sache herangehe???

Danke für Eure Anregungen.

Gruß
Netbimbo

[planepix]

Guten Morgen,

gleich groß bedeutet?
Breite und Höhe?

Ein Ansatz ist das Contao-Grid einzusetzen, das du mit Klick im Seitenlayout aktivieren kannst. Dann vergibst du jedem Inhaltselement die Klasse "grid4" und hast 3 Spalten nebeneinender.

Sonst auch mal ansehen: die Erweiterung "subcolumns".

[Netbimbo]

danke für die Info.

Habe da noch ein kleines Problem. Vielleicht kannst Du mir dabei auch helfen. Ich habe mir die nav_default.html5 angepasst, dass nach jedem Hauptmenüpunkt ein | gesetzt wird. Problem. Das ist im Untermenü auch.

Das möchte ich weg haben. Hast Du da auch ein Tip?

<ul class="<?php echo $this->level; ?>">
<?php $i = 0; ?>
  <?php foreach ($this->items as $item): ?>
    <?php if ($item['isActive']): ?>
      <li class="<?php echo $item['class']; ?>"><span class="<?php echo $item['class']; ?>"><?php echo $item['link']; ?></span><?php echo $item['subitems'];?>
 
<?php else: ?>
      <li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?>
      
    <?php endif; ?>

    <?php $numItems = count($this->items);  $i++ ?>
    <?php if ($i < $numItems) echo '| ' ?>
    </li>   
  <?php endforeach; ?>
</ul>

[Lego2013]

Schau mal hier: http://www.code-sucks.com/css%20layo...x-css-layouts/

Suchbegriff ist "Faux Columns". Da gibt es reine CSS-Techniken oder auch JavaScript-Techniken, um das zu erreichen. Hat also mit Contao eigentlich nichts zu tun, sondern ist eine reine CSS-Angelegenheit.

[Netbimbo]

Guten Morgen,

gleich groß bedeutet?
Breite und Höhe?

ja genau. Ich teste das gleich mal

[art-instinct]

alternativ: [simple_columns] ist vor allem für Redakteure super einfach zu verstehen wo welche Spalten sind. Einstellung grafisch in jedem Content-Element. Nutze ich quasi in jeder Installation. CSS lässt sich auch einfach anpassen, wenn die default-Abstände zu klein sind.
Steht zwar (noch) nicht als kompatibel zu 3.1.1 nutze ich aber bereits erfolgreich ohne weitere Anpassungen.

[Netbimbo]

Schau mal hier: http://www.code-sucks.com/css%20layo...x-css-layouts/

Suchbegriff ist "Faux Columns". Da gibt es reine CSS-Techniken oder auch JavaScript-Techniken, um das zu erreichen. Hat also mit Contao eigentlich nichts zu tun, sondern ist eine reine CSS-Angelegenheit.

ok. und wie binde ich dann die Geschichte in mein Contao ein? Ein paar Tips wären hilfreich. Danke

[Bas]

Guckt Du hier: https://community.contao.org/de/show...gleiche-H%F6he

Genau Dein Problem, inkl. kompletter Lösung.