Png Datei wird nicht transparent angezeigt

  • Avatar von Unbekannt
    weltenmuse · Mitglied ·

    Hallo,

    ich wollte in meinen Blog eine Png Datei einfügen,allerdings wird diese nicht transparent angezeigt. Kann es daran liegen das ich ein vorgefertigtes Design benutze?
    Browser ist übrigens Chrome
    Lg und dank im voraus

    Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Link zum Problem?

    Gruß, Torsten

  • Avatar von Unbekannt
    weltenmuse · Mitglied ·

    Ich hatte jetzt extra kein Beitrag mit der png datei hochgeladen -weil der hintergrund des designs ja vorgefertigt ist.
    Aber ich hab hier jetzt einen alten beitrag bearbeitet:
    null
    und das letzte bild ist mein namensschriftzug – und der wird bei mir nicht transparent angezeigt

  • Avatar von Unbekannt
    weltenmuse · Mitglied ·

    okay – ich hab da beim verlinken etwas falsch gemacht *g* aber einfach auf den text klicken dann kommt man zum beitrag ^^“

  • Avatar von Unbekannt
    iqatrophie · Moderator ·

    Sprichst du von der Datei testname1.png?

    Die Datei an sich ist transparent. Das Problem liegt im CSS Code deines Themes. Dort wird ein weißer Hintergrund definiert und zwar unter:

    img.alignleft, img.aligncenter, img.alignright, img.alignnone {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #D1AD80;
    padding: 5px;
}

    Das „#FFFFFF“ steht für weiß. In deinem Fall, wird dem Bild die CSS-Klasse alignnone zugewiesen. Deswegen der weiße Hintergrund.

    Du solltest mal im Text-Modus (HTML Ansicht) des Editors versuchen, diese CSS-Klasse manuell zu löschen und dann zu speichern. Dann sollte die Darstellung wie gewünscht aussehen. :)

    Gruß
    Martin(IQ)

  • Avatar von Unbekannt
    weltenmuse · Mitglied ·

    Hallo Martin,

    ich muss blöde Fragen stellen. Ich war jetzt in dem Editor meines Beitrags – bin auf HTML Ansicht gegangen und …hab erstmal erwartet, das was du kopiert hast zu finden.

    Stattdessen fand ich:

    klammer auf img src ist gleich anführungszeichen http://weltenmuse.files.wordpress.com/2013/02/testname1.png“ alt=“testname1″ width=“142″ height=“40″ class=“alignnone size-full wp-image-2160″ Schrägstrich klammer zu

    Ich hab dann in dem oben genannten das alignnone gelöscht – einfach so probiert – aber dann wurde irgendwie das ganze bild nicht angezeigt. Könntest du dir mir zeigen was ich genau entfernen muss damit das oben stimmt? Ich würde es mir dann als „Vorbild“ speichern für die nächsten png Dateien.
    Oder war ich im falschen Editor?

    Vielen Dank für deine Mühe!

  • Avatar von Unbekannt
    iqatrophie · Moderator ·

    Entschuldige die Verwirrung. Das was ich im letzten Beitrag kopiert hatte, war der verantwortliche CSS Code, der für den weißen Hintergrund verantwortlich war. Den könntest du nur mit dem kostenpflichtigen Custom Design Upgrade ändern.

    Ich meinte tatsächlich, einfach das Wort „alignnone“ zu löschen, und den Rest unverändert zu lassen. Das sollte eigentlich funktionieren und folgendermaßen aussehen:

    <img src="http://weltenmuse.files.wordpress.com/2013/02/testname1.png" alt="testname1" width="142" height="40" class="size-full wp-image-2160" />

    Wenn das dann tatsächlich nicht klappt, kannst du es auch noch etwas einfacher versuchen:
    <img src="http://weltenmuse.files.wordpress.com/2013/02/testname1.png" alt="Signatur" />

    Normalerweise sollten beide Alternativen problemlos funktionieren.

    Gruß
    Martin(IQ)

  • Avatar von Unbekannt
    weltenmuse · Mitglied ·

    Oh das erste hat tatsächlich funktioniert! Vielen, vielen Dank für deine Hilfe! :)
    Dadurch lässt sich dann wahrscheinlich auch der weiße Rahmen um die jpeg Bilder löschen. Vielen Dank nochmal :)

  • Das Thema ‘Png Datei wird nicht transparent angezeigt’ ist für neue Antworten geschlossen.