Wolfgang: Sprechblase

Hallo,
ich habe ein Beispiel mit einer nach unten zeigenden Sprechblase versucht umzubauen in eine nach oben gerichtete Sprechblase.
Dazu habe ich zunächst das Bild bubble.gif vertikal gespiegelt und dann im CSS einige Anpassungen vorgenommen.
Leider schaffe ich es bisher nicht den Rand der Sprechblase korrekt hinzubekommen.
Ich dachte ich könnte es ohne großs CSS-Kenntnisse schaffen (Try and error),
aber so ganz klappt es nicht.
Hat mir jemand einen kleinen Tipp?
Das Beispiel finder Ihr hier.
Danke
Wolfgang

  1. Hi!

    Ich habe zuerstmal gar nciht verstanden, was Du eigentlich willst. 'eine nach unten Zeigende Sprechblase' Ist nicht gerade sehr aussagekräftig.

    Du hast 3 Elemente: oben, Text und unten. Wie soll das nun funktionieren, wenn oben und unten nicht wissen, wie lang Text ist? Für variable Boxen mit runden Ecken brauchst Du (logischerweise) 4 Elemente. Wenn die Box sich nur in eine Richtung ausdehnen soll, reichen natürlich 2.

    http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

    --
    "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
          - T. Pratchett
    1. Dann spiel ich mal die Ingrid:


      http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

      Das ist das wunderbare Resultat des wunderbarereren Linkeditors. Was haben wir beide wohl falsch gemacht?

      --
      "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
            - T. Pratchett
      1. Hallo,

        »»
        »» http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

        Das ist das wunderbare Resultat des wunderbarereren Linkeditors. Was haben wir beide wohl falsch gemacht?

        einen Zeilenumbruch eingefügt, wo keiner hingehört.
        So wär's richtig: http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

        Ciao,
         Martin

        --
        Ich wollt', ich wär ein Teppich.
        Dann könnte ich morgens liegenbleiben.
        1. Nabend!

          einen Zeilenumbruch eingefügt, wo keiner hingehört.
          So wär's richtig: http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

          Aha. Nur hab ich den nicht eingefügt. Lediglich die URL einkopiert, markiert und dann auf den Link-Button geklickt, wo ich nochmal die URL als Linkziel angegeben habe. Blödes Teil, blödes. *grummel* Hm. Vielleicht hab ich versehentlich den Zeilenumbruch mitmarkiert?!

          --
          "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
                - T. Pratchett
    2. Hallo,

      Ich habe zuerstmal gar nciht verstanden, was Du eigentlich willst. 'eine nach unten Zeigende Sprechblase' Ist nicht gerade sehr aussagekräftig.

      Wie sollte ich es sonst beschreiben?

      Du hast 3 Elemente: oben, Text und unten. Wie soll das nun funktionieren, wenn oben und unten nicht wissen, wie lang Text ist? Für variable Boxen mit runden Ecken brauchst Du (logischerweise) 4 Elemente. Wenn die Box sich nur in eine Richtung ausdehnen soll, reichen natürlich 2.

      http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

      Warum funktioniert dann dies?
      Gruß
      Wolfgang

      1. Hoi!

        Warum funktioniert dann dies?

        Meine Schuld. Hab mir das Konzept nicht richtig angeschaut. Deine Box ist nur vertikal variabel  und von daher passt das.

        Du solltest allerdings die Paddings der Ränder auch korrekt setzen, damit genug von deinen Grafiken gezeigt wird.  Für den oberen Rand sind 3 Pixel genausowenig ausreichend wie 13 Pixel für den unteren. In deinem funktionierendem Beispiel hat der Rand oben 13 Pixel und der Rand oben 30. Passe also die Höhe der Container an.

        --
        "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
              - T. Pratchett
        1. Hi!
          Danke, es funktioniert!