"tooltip" NUR mit css?

[raik]

mein schul-admin sagte mir, es solle möglich sein, ohne javascript, nur mit css tooltips zu machen.
habe dann innerhalb eines links eine tabelle gesetzt.
solange ich die nicht positioniere (damit von ca. 30 einträgen auf der index-seite unserer internen datenbank die tooltips alle an der gleichen stelle in der seite auftauchen),
kann ich mit
a {color:black}
a table {color:green;}
a:hover {color:gray;}
a:hover table {color:red;}

auch dynamisch auf die tabelle einfluss nehmen.
nur:1.) funktioniert erst hidden und bei hover visible nicht, nur umgekehrt
und2.) geht bei absoluter positionierung fast garnichts mehr.
(da schaut bei mir am unteren buchstabenrand übrigens die alte farbe (green) durch, als ob der ie nur den andersfarbigen text drüberschreibt, statt wirklich die farbe zu ändern)

der admin meinte, es liege an der reihenfolge der css-einträge ?:-/?

hat da jemand einen tip?

[Orlando]

[Anrede]

mein schul-admin sagte mir, es solle möglich sein, ohne javascript, nur mit css tooltips zu machen.

Da hat er sogar recht, denn das attribut 'title' wird in den meisten Browsern als Tooltip angezeigt. Manche machen das auch beim Attribut 'alt', diese Browser sind dann aber kaputt. Das hat allerdings nichts mit CSS zu tun, also kannst du das Aussehen (beim Besucher) auch nicht ändern.

a table {color:green;}

table a {color:green;}

a:hover table {color:red;}

table a:hover {color:red;}

nur:1.) funktioniert erst hidden und bei hover visible nicht, nur umgekehrt

s. unten

und2.) geht bei absoluter positionierung fast garnichts mehr.

doch, es tut gehen ;)

(da schaut bei mir am unteren buchstabenrand übrigens die alte farbe (green) durch, als ob der ie nur den andersfarbigen text drüberschreibt, statt wirklich die farbe zu ändern)

Ohne mehr Quelltext, nein besser einer Adresse kann man dazu nicht viel sagen.

der admin meinte, es liege an der reihenfolge der css-einträge ?:-/?

Siehe http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

[Verabschiedung]

[Stefan Einspender]

Hallo Orlando,

Manche machen das auch beim Attribut 'alt', diese Browser sind dann aber kaputt. Das hat allerdings nichts mit CSS zu tun, also kannst du das Aussehen (beim Besucher) auch nicht ändern.

da alt ja bekanntlich für alternative steht, sollte der Wert dieses
Attributes anstelle der Grafik angezeigt werden, also nicht als Tool-
tipp, sondern quasi als normaler Text.

Worauf ich hinaus will ... Text kann man natürlich formatieren:
http://www.einspender.de/temp/altformat.html

Das oberste Beispiel zeigt im Mozilla oder Netscape ganz genau, wie
es sein soll:
-> Inhalt des alt-Attributes als Text auf der Seite
-> Inhalt des title-Attributes als Tooltipp beim Überfahren mit der
   Maus oder in den Eigenschaften der Grafik/Seite
-> Inhalt des longdesc-Attributes in den Eigenschaften der Grafik
   oder den Eigenschaften der Seite (Register Media bzw. Medien)

Übrigens, es gibt wohl bei den Mozilla-Leute Diskussionen darüber,
ob noch so ein "broken image" da mit hin soll, ich finde nicht.
Schließlich unterstützt Mozilla das Pseudoformat :before und da
kann sich dann jeder Websitebetreiber selbst sein "broken image"
davorsetzen, falls er es für nötig hält.

Wir halten fest ...
MSIE:    unterstützt alt falsch und unzureichend (Formatierung),
         longdesc überhaupt nicht
Opera:   unterstützt longdesc nicht, title wird leider doppelt
         angezeigt (Tooltipp und Statuszeile)
Mozilla: keinerlei Probleme, alles 1a :-)

Viele Grüße,
Stefan

[Orlando]

Hi, Stefan

Worauf ich hinaus will ... Text kann man natürlich formatieren:
http://www.einspender.de/temp/altformat.html

Mir stellt sich nur die Frage, ob das auch wirklich Sinn macht, aber vielleicht bin ich wirklich schon etwas paranoid, was die Missbrauchsmöglichkeiten betrifft. Man sollte ja davon ausgehen, dass eingebundene Bilder auch vorhanden sind. Bei den Tooltips bin ich allerdings sehr froh, dass sie nicht zu manipulieren sind.

Opera: title wird leider doppelt angezeigt (Tooltipp und Statuszeile)

^^^^^^^^^^^
Das stört mich irrsinnig. Hoffentlich liest das jetzt keiner ;)

LG Orlando

[Kai Lahmann]

hi

MSIE:    unterstützt alt falsch und unzureichend (Formatierung),
         longdesc überhaupt nicht

wo wir da gerade sind - wenn man dem MSIE das alt="" für ein Bild unbedingt austreiben muss, hilft title="" [ohne Inhalt!] anzugeben - dann kommt gar nix.

Grüße aus Bleckede

Kai

[Christoph Schnauß]

hi Orlando,

das attribut 'title' wird in den meisten Browsern als Tooltip angezeigt. Manche machen das auch beim Attribut 'alt', diese Browser sind dann aber kaputt

Wie kommst du denn darauf, und warum verlangt derValidator grundsätzlich die alt-Angaben?

Grüße aus der SelfBrowser-Werkstatt

Christoph S.

[Orlando]

Hi, Christoph

das attribut 'title' wird in den meisten Browsern als Tooltip angezeigt. Manche machen das auch beim Attribut 'alt', diese Browser sind dann aber kaputt

Wie kommst du denn darauf,

http://www.w3.org/TR/REC-html40/struct/objects.html#adef-alt
http://www.w3.org/TR/REC-html40/struct/global.html#adef-title

Dass der IE kaputt ist, liegt allerdings nicht nur daran.

und warum verlangt derValidator grundsätzlich die alt-Angaben?

Weil nicht immer vorausgesetzt werden kann, dass Bilder auch tatsächlich geladen werden. Sei es jetzt in Textbrowsern oder weil sie der Besucher deaktiviert hat. Dann ist der Alt(ernativ)-Text anzuzeigen.

Grüße aus der SelfBrowser-Werkstatt

LG aus dem Heise-Forum - ja, ehrlich ;)

Orlando

[Linksetzer]

http://www.ideenreich.com/muster/tooltipp.html

[Raik]

http://www.ideenreich.com/muster/tooltipp.html

thx, für den tip, ganau, was ich suche :-D

[AndreasW]

Tach,

mein schul-admin sagte mir, es solle möglich sein, ohne javascript, nur mit css tooltips zu machen.

Ich behaupte, daß geht nicht mit CSS. Aber mit HTML (title-Attribut).

habe dann innerhalb eines links eine tabelle gesetzt.

a ist ein inline-Element. table ist ein block-Element.
Inline-Elemente dürfen keine block-Elemente enthalten.

Andreas