Verwendung: Abstand Kacheln auf Portfolioseite

info's Avatar

info

14 Jun, 2018 01:51 PM

Produkt: Oneo Contao
Contao-Version: 4.4
Browser und Browserversionen: FF 60.0.2

Sehr geehrte Damen und Herren,

wie kann man am Besten die Kacheln auf der Portfolioseite responsiv mit einem Abstand versehen.

Unser erster Versuch einfach der CSS-Klasse "portfolio-tiles-item" z.B. ein padding: 6px; zu vergeben funktioniert zwar, aber der Link beim Hover erstreckt sich unschön nachwievor über die Gesamtbreite und -höhe.

Beim Versuch dies zu Ändern haben wir ein "<div>" innerhalb des "<article>" Tags eingefügt, welches als Elterntag das"<img>" und "<a>" umschliesst. Das funktioniert auch fast. Allerdings ist die Höhe des Kindelements "<img>" stets 6px kleiner als das neue umschliessende "<div>". Hierfür konnten wir auf die schnelle leider keinen Grund finden.

Haben Sie evtl. eine Idee bzw. können Sie uns sagen wie wir unser Ziel Kacheln mit Abstand und Hoverboxen mit gleicher Höhe wie die Kacheln am Besten erreichen können.

Für Ihre Hilfe herzlichen Dank!

  1. 1 Posted by info on 14 Jun, 2018 02:45 PM

    info's Avatar

    Hat sich erledigt - vielen Dank!

  2. info closed this discussion on 14 Jun, 2018 02:46 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac