|
|||
Pfeil an CSS-Box
Hi,
ich möchte gerade ein Tooltip entwerfen und habe bisher folgendes Styling: HTML-Code:
<html> <head> <style> .tooltip { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius: 8px; border: 1px solid white; box-shadow:0px 2px 4px #1e1e1e; -webkit-box-shadow: 0px 2px 4px #1e1e1e; -moz-box-shadow: 0px 2px 4px #1e1e1e; border: none; border-top: 1px solid white; background-color: #c9ccd1; background:-webkit-gradient(linear, left top, left bottom, from(#ebedf0), to(#c9ccd1)); background:-moz-linear-gradient(top, #ebedf0, #c9ccd1); width:160px; padding: 10px; } </style> </head> <body> <div class="tooltip">Hallo Welt</div> </body> </html> Jetzt fehlt mir aber noch ein kleiner Pfeil, der in der Mitte nach unten zeigen soll. Hat jemand einen Tipp für mich ? Hier ist der Pfeil: |
Sponsored Links |
|
|||
Mit background-image einfügen und positionieren.
Nebenbei fehlt deinem Dokument ein Doctype. Bitte nachtragen und validieren, z.B. Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!? | damonster | CSS | 12 | 27.08.2008 15:56 |
CSS Box Zentrieren ich bekomme einen anfalll:( | designfreak | CSS | 9 | 11.08.2007 16:25 |
ps design (slices), php (dynamischer inhalt), css gestaltung | schleepy | CSS | 19 | 02.06.2006 22:46 |
bewegliche box mit css & js | b166-er | CSS | 1 | 03.04.2006 15:30 |
Input box - verschiebt sich bei css formatierung | ATooM | CSS | 5 | 05.04.2005 18:43 |