Border bei Image
mixmastertobsi
- html
0 LX- css
0 mixmastertobsi0 LX0 mixmastertobsi0 LX
0 Der Martin
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?
Lösung: Die CSS-Definition "border: 0;", entweder häßlich im inline-Style oder eleganter in einem seitenübergreifenden CSS.
Gruß, LX
Hallo,
genau das habe ich probiert. Funktioniert aber leider nicht.
Wie hast Du es denn probiert? Hast Du <img ... style="border:0;"/> oder <style type="text/css">img { border:0; }</style> verwendet?
Gruß, LX
ja - ich habe beides verwendet. Wenn das Bild geladen ist, erscheint auch kein Rand.
Ah, das erklärt es: die Darstellung eines Ungeladenen Bildes. Dagegen läßt sich leider nicht viel machen.
Gruß, LX
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