[ERLEDIGT] CSS Dreieck mit 2 seitigem Rahmen

[SirROG]

Hallo zusammen,
ich würde gerne wie unten auf dem Bild für eine Navigation eine Sprechblase erstellen und diese mit einem Rahmen versehen. Nun habe ich aber mit dem Dreieck noch so meine Probleme, dies kann zwar via Border Eigenschaft erzeugt werden, aber da ich mit dem Border schon das Dreieck erstelle kann ich diesem keinen extra Rahmen mehr geben, damit es so aussieht wie auf dem Bild.

Habe es schon auf ner Webseite gesehen, weiss aber leider nicht mehr bei welcher, so kann ich den CSS Code nirgends abschauen.

Vielen Dank für Eure Hilfe :)

 

[Elroy]

Hallo.

Mit CSS only wüsste ich jetzt auch nicht wie das gehen sollte aber vielleicht hilft dir das hier weiter: http://blog.agrafix.net/2011/11/sprechblasen-mit-html5-canvas-und-javascript/

Gruss
Elroy

 

[MrMurphy]

Hallo,

einfach mal nach

css sprechblase

googeln. Dann findet man zum Beispiel neben anderen die folgende Erläuterung

http://www.webentwickler-oase.de/css/sprechblasen-mit-css-erstellen/

oder diese

http://kemmerzell.org/anleitungen/css/css-sprechblasen-ohne-grafiken-erstellen-603

oder diese

http://nicolasgallagher.com/pure-css-speech-bubbles/demo/

in Verbindung mit

http://nicolasgallagher.com/pure-css-speech-bubbles/

Gruss

MrMurphy

 

[SirROG]

Vielen Dank MrMurphy!

Hab zwar danach gegoogelt, da hab ich leider nur Ergebnisse ohne Füllung gefunden.
Aber jetzt wo ich deine Lösungen sehe muss ich gestehen eig hätte ich da wohl selber drauf kommen müssen *an den Kopf lange* - Irgendwie hab ich da zu weit studiert, anstatt einfach nen zweites Dreieck bisschen versetzt zu erzeugen.

Nochmals vielen Dank für deinen Denkanstoss ;)