Darstellung von Bildern

beats TEST blog

Samstag, 14. Dezember 2019

Darstellung von Bildern

Ich werde wohl noch ein paar Stunden investieren müssen, bis mir die Anzeige von Bildern gefällt. Eigentlich ist es ganz einfach: Ich will einen blauen Schatten an jedem Bild. Keinen Rahmen. Keine Hintergrundfarbe beim Kommentar. Doch im aktuellen CSS sind die dafür verantwortlichen Einträge ganz gut versteckt und ich muss da echt noch etwas buddeln um das hinzukriegen.

Meine aktuellen Beobachtungen:

  • Ein Bild in Originalgrösse, ohne Kommentar/ALT/Title, wird richtig dargestellt (so wie ich es will).
  • Sobald etwas in Kommentare, ALT oder Title eingefüllt wird, entseht ein Rahmen
  • Bei Vorschaubilder/Thumbnails, ohne Kommentar/ALT/Title, wandert der Schatten nach rechts und der Fliesstext startet im Schatten.
  • Bei Vorschaubilder/Thumbnails, nur mit Kommentar, passt der Schatten. Hier stört mich nur die Hintergrundfarbe des Kommentars.
  • Es gibt sicher noch weitere Variationen...

Im Moment habe ich jedoch keine Zeit um dem nachzugehen. Muss noch etwas arbeiten und werde mich morgen Sonntag nochmals diesem Thema annehmen.

Trackback-URL für diesen Eintrag

Dieser Link ist nicht aktiv. Er enthält eine kopierbare Trackback-URI, um manuell ein Ping- und Trackback zu diesem Eintrag für ältere Blogsysteme zu generieren; zB (immer noch valide) über das zur Verfügung gestellte Eintragsfeld des serendipity_event_trackback Plugins. Serendipity und andere Blogsysteme erkennen die Trackback-URL heutzutage aber automatisch anhand der Artikel-URL. Die Trackback-URI für ihren Link des Sender-Eintrages lautet daher wie folgt: »https://www.blog.dokumenzi.ch/2573-Darstellung-von-Bildern.html«

Kommentare

Ansicht der Kommentare: Linear | Verschachtelt

  1. Ian Styx am :

    Zum 3. Advent. Türchen 15: Addiere padding und margin zu deinem shadow

    .serendipity_image_left, .serendipity_image_center, .serendipity_image_right {
    box-shadow: 3px 3px 3px #6969b8;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0;
    margin: .5em;
}

  2. Beat Menzi am :

    :th_up: Vielen Dank! Ein toller Adventskalender. :-)

Kommentar schreiben

Die angegebene E-Mail-Adresse wird nicht dargestellt, sondern nur für eventuelle Benachrichtigungen verwendet.
▲