Ergebnis 1 bis 4 von 4

Thema: CSS Problem bei Bild-Link

  1. #1
    Contao-Nutzer
    Registriert seit
    15.08.2009.
    Beiträge
    187

    Standard CSS Problem bei Bild-Link

    Hallo zusammen,

    seit dem heutigen Update zeigen sich hier und da kleinere Problemchen.
    Auf der Seite meines Vaters, genauer hier: http://www.sachsenfreund-foto.de/fotoserien-2009.html, ist mir folgendes aufgefallen. Das Bild, wo ein Link hinterlegt ist, hat scheinbar einen inneren unternen Abstand von ca. 5 px. Diese wurden aber nirgends angegeben.
    Dies tritt allerdings nutr im FF auf. Hat jemand eine Idee?

    Gruss Oliver
    Geändert von derolli (09.03.2010 um 23:24 Uhr)

  2. #2
    Contao-Nutzer
    Registriert seit
    26.02.2010.
    Ort
    Hamburg
    Beiträge
    63

    Standard

    Die Bilder stehen in einem
    <div class="image_container">
    diese Klasse kann ich in Deinem Stylesheet nicht finden.
    Version 2.9, Entwicklerumgebung WAMP, Host 1und1 ohne SMH

  3. #3
    Contao-Nutzer
    Registriert seit
    15.08.2009.
    Beiträge
    187

    Standard

    Hallo,

    brauche ich die Klasse zwingend?
    Dieses Anzeige ist ja erst falsch wenn ich auf das Bild einen Link lege. Der image_container ist ja immer drumherum.
    Kann ja auch sein ich habe momentan einen Dnkfehler :-(

    Gruss Oliver

  4. #4
    Contao-Urgestein Avatar von Thomas
    Registriert seit
    16.08.2009.
    Ort
    Visselhövede
    Beiträge
    1.947
    User beschenken
    Wunschliste

    Standard

    Hallo!

    Gib dem Block ce_image eine Höhe mit, das wäre eine Möglichkeit:
    Code:
    #flugverkehr-in-der-oberlausitz .ce_image {
    height:199px;
    }
    Damit verhinderst Du zumindest das sich der Block um diese 5px erweitert.

    Eine Andere wäre (ungetestet):
    Code:
    .image_container {
    position:relative;
    }
    
    .image_container a {
    position:absolute;
    bottom:5px;
    }
    Wie gesagt, ungetestet, da ich es gerade nicht reproduzieren kann, aber so könntest Du den Linktag a unter Umständen positionieren.

    Eine zusätzliche Möglichkeit wäre noch, viel mir gerade noch so auf :
    Auf .artikel:vorschau ist ein padding-bottom von 20px definiert, da einfach 5px abziehen.
    Gruß Thomas
    "Zuerst ignorieren sie dich, dann lachen sie über dich, dann bekämpfen sie dich und dann gewinnst du." Mahatma Gandhi

Aktive Benutzer

Aktive Benutzer

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

Ähnliche Themen

  1. link hovern -> bild popup
    Von BuchwaldM im Forum Layout / Templates / Holy Grail
    Antworten: 0
    Letzter Beitrag: 09.01.2011, 00:30
  2. Link auf Bild
    Von ees im Forum Bilder/Dateien
    Antworten: 4
    Letzter Beitrag: 07.09.2010, 07:48
  3. Newsletter Link/Anker Problem insert link:url
    Von waschbecken im Forum Newsletter
    Antworten: 6
    Letzter Beitrag: 13.04.2010, 07:40
  4. Bild mit Link
    Von vox im Forum Bilder/Dateien
    Antworten: 8
    Letzter Beitrag: 05.03.2010, 16:19

Lesezeichen

Lesezeichen

Berechtigungen

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