mixmastertobsi: Border bei Image

Hallo, ich habe bisher immer die Bildgröße afu meiner Webseite nicht definiert gehabt. Da aber immer Google Page Speed gemeckert hat und die Image-Dimension als Optimierungsmaßnahme angegeben hat, habe ich nun bei allen Bildern die Größe angegeben.

Was mich nun allerdings sehr stört - solange das Bild geladen wird, erscheint immer ein schwarzer Kasten um das Bild. Ich habe schon alles mögliche probiert um diesen Kasten weg zu bekommen(border=0, border: none etc). Wie bekomme ich diesen hässlichen Rand weg?

Bild

  1. Lösung: Die CSS-Definition "border: 0;", entweder häßlich im inline-Style oder eleganter in einem seitenübergreifenden CSS.

    Gruß, LX

    --
    RFC 5984, Satz 7 (Security Considerations) (...) Terroristische Organisationen könnten die "Schlechte Nachrichten verbreiten sich schneller"-Schwachstelle aus RFC 1216 ausnutzen.
    1. Hallo,

      genau das habe ich probiert. Funktioniert aber leider nicht.

      1. Wie hast Du es denn probiert? Hast Du <img ... style="border:0;"/> oder <style type="text/css">img { border:0; }</style> verwendet?

        Gruß, LX

        --
        RFC 5984, Satz 7 (Security Considerations) (...) Terroristische Organisationen könnten die "Schlechte Nachrichten verbreiten sich schneller"-Schwachstelle aus RFC 1216 ausnutzen.
        1. ja - ich habe beides verwendet. Wenn das Bild geladen ist, erscheint auch kein Rand.

          1. Ah, das erklärt es: die Darstellung eines Ungeladenen Bildes. Dagegen läßt sich leider nicht viel machen.

            Gruß, LX

            --
            RFC 5984, Satz 7 (Security Considerations) (...) Terroristische Organisationen könnten die "Schlechte Nachrichten verbreiten sich schneller"-Schwachstelle aus RFC 1216 ausnutzen.
  2. Hallo,

    Hallo, ich habe bisher immer die Bildgröße afu meiner Webseite nicht definiert gehabt. Da aber immer Google Page Speed gemeckert hat und die Image-Dimension als Optimierungsmaßnahme angegeben hat, habe ich nun bei allen Bildern die Größe angegeben.

    wenn du dir davon eine Optinierung in Richtung "Speed" versprochen hast, wirst du vermutlich enttäuscht werden. Es ist nur eine Optimierung insofern, dass der Browser schon beim Interpretieren des HTML-Quellcodes die Abmessungen der Bilder kennt und ihren Platz entsprechend reservieren kann, so dass der Seiteninhalt nicht mehr nervös auf dem Bildschirm herumhüpft, wenn allmählich die Bilder eintrudeln.

    Was mich nun allerdings sehr stört - solange das Bild geladen wird, erscheint immer ein schwarzer Kasten um das Bild. Ich habe schon alles mögliche probiert um diesen Kasten weg zu bekommen(border=0, border: none etc). Wie bekomme ich diesen hässlichen Rand weg?

    Vermutlich gar nicht. Ich nehme an, das ist ein festverdrahtetes Verhaltensmuster deines Browsers (Firefox?), um den für die Bilder reservierten Platz deutlich zu machen.

    Ciao,
     Martin

    --
    Disziplin: Teppichböden wiederfinden, wenn man sie verlegt hat.
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(