CSS in Tooltips?

[Topblocker]

Ist das normal dass man Tooltips nicht mit CSS formatieren kann?

<a href="#" onmouseover="TagToTip('Span', ABOVE, false, LEFT, false, BGCOLOR, '#9ACD32', BORDERWIDTH, 1, CLICKSTICKY, true, DELAY, 200, JUMPHORZ, false, JUMPVERT, false, WIDTH, -250, FOLLOWMOUSE, false)" onmouseout="UnTip()"><i>Wie werde ich Anteilseigner?</i></a>

<span id="Span" class="SpanC">Schreiben Sie uns über das Kontaktformular (Kontakt <img src="images/Pfeil_Tooltip.gif" alt="Pfeil"> Aktienerwerb) eine Nachricht mit folgenden Informationen: Vor- und Zuname, Email-Adresse, Anschrift (für die Zustellung des Anteilscheins).</span>

Die Klasse SpanC wird irgendwie nicht umgesetzt.

 

[dkdenz]

Aus Deinen Snippets kann man keine Rückschlüsse ziehen, warum die Klasse nicht greift.
Ansonsten kann man mit CSS alles formatieren...

 

[Albu]

Ist das normal dass man Tooltips nicht mit CSS formatieren kann?

Nö.

Die Klasse SpanC wird irgendwie nicht umgesetzt.

Stimmt, ohne CSS-Code kann sich da nix tun.

[edit]lol[/edit]

 

[dkdenz]

Hola Albu...

 

[Topblocker]

aus der CSS Datei:

.SpanC
{
font-size: x-small;
}

 

[Albu]

.SpanC
{
font-size: x-small;
}

Man könnte spasseshalber mal Farbe ins Spiel bringen, das sollte Deine These widerlegen oder bestätigen.

Du testest Deinen Code nicht zufällig in einem Browser, der eine minimale Schriftgöße erzwingt?

 

[dkdenz]

@Topblocker: Nimm den ersten Satz aus dem letzten Thread wörtlich...

@Albu: Dein Avatar ist nun ein Von...

 

[Topblocker]

.SpanC
{
font-size: x-small;
color: red;
}

Passiert auch nichts. Bei allen anderen <span> Elementen klappt es, nur hier nicht, seltsam...

EDIT: @dkdenz: Welchen meinst du?

 

[dkdenz]

Mach' mal Fehlereingrenzung. Schreibe die CSS-Anweisungen testweise inline.

 

[Topblocker]

Jo das hatte ich auch schonmal versucht, habs mal nochmal gemacht:

<span id="Span" style="font-size: x-small; color: red;">...</span>

Was mir aber aufgefallen ist: während dem laden der Seite konnte man den Text ganz kurz ohne Tooltip sehen, und da war er auch genau so formatiert...nur beim mouseover ist das nichtmehr der fall.

 

[dkdenz]

Ein Testlink würde uns und Dich jetzt wahrscheinlich sehr viel weiter bringen.

 

[Topblocker]

http://juniorunternehmen.pytalhost.com/Anteilsscheine.php

 

[Albu]

@Albu: Dein Avatar ist nun ein Von...

Wie, hat der sich jetzt auch von einem Adligen adoptieren lassen? D

 

[Topblocker]

Hat jemand eine Idee woran dieser Fehler liegen könnte? Liegt es vielleicht an dem script, dass für die Tooltips implementiert wird?

 

[kkapsner]

Ja es liegt am Skript. Dieses erzeugt eine neue Node mit dem Inhalt - dadurch gehen natürlich die CSS-Bezüge verloren.

PS: → könnte dir ev. helfen.

 

[Topblocker]

Kann man das Problem nicht in der Javascriptdatei irgendwie umgehen? Z.B. eine feste Schriftgröße für alle Tooltips festlegen?

Hab in der Datei folgende Stelle gefunden:

config. FontFace		= 'Verdana,Geneva,sans-serif'
config. FontSize		= '8pt'		// E.g. '9pt' or '12px' - unit is mandatory
config. FontWeight		= 'normal'	// 'normal' or 'bold';

Meint ihr das klappt wenn ich da einfach FontSize ändere? Und was wäre der korrekte Wert wenn ich <font size="2"></font> haben will?


Wieso sollte ich rarr verwenden? Mit dem img klappt es eigentlich wunderbar

EDIT: Ja klappt auch so. Problem ist jetzt nur noch die passende Größe zu finden^^

 

[dkdenz]

Mit Kanonen auf Spatzen schießen...
Einfaches Beispiel für einen Tooltipp mit purem CSS: dkdenz' CSS-Spielwiese
Oben über die "Menüpunkte" #01, #02, etc hovern.
Wie's gemacht wird, kannst Du dem Quelltext entnehmen...

 

[dkdenz]

Ansonsten: Guck' mal hier: http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/