zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Pfeil an CSS-Box

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.07.2011, 17:08
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.05.2008
Beiträge: 30
Cyborg befindet sich auf einem aufstrebenden Ast
Standard 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>
Das Tooltip passt sich später variable der Textgröße an.
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:
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.07.2011, 18:32
Benutzerbild von Chris2011
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.01.2011
Beiträge: 301
Chris2011 befindet sich auf einem aufstrebenden Ast
Standard

Dann mach das doch
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.07.2011, 20:17
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.827
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!? damonster CSS 12 27.08.2008 16:56
CSS Box Zentrieren ich bekomme einen anfalll:( designfreak CSS 9 11.08.2007 17:25
ps design (slices), php (dynamischer inhalt), css gestaltung schleepy CSS 19 02.06.2006 23:46
bewegliche box mit css & js b166-er CSS 1 03.04.2006 16:30
Input box - verschiebt sich bei css formatierung ATooM CSS 5 05.04.2005 19:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:08 Uhr.