title- bzw. alt-text formatieren
0 0 0 0 0 0 0 0 0 
Der Martin
0
title- bzw. alt-text formatieren
hi,
wenn man:
<a href="url"><img src="blub.jpg" title="klick mich"></a>
macht dann komm ja unter der maus der text "klick mich" wie kann ich
diesen mit CSS formatieren? geht das überhaupt mit CSS? geht das
überhaupt mit irgendwas?
MfG
-
Hi,
macht dann komm ja unter der maus der text "klick mich" wie kann ich
diesen mit CSS formatieren? geht das überhaupt mit CSS? geht das
überhaupt mit irgendwas?nein. Aber davon abgesehen solltest Du ein alt-Attribut angeben, das die ggfls. nicht angezeigte Grafik beschreibt.
freundliche Grüße
Ingo -
Moinsen,
hier findest Du ein beispiel wie Du per CSS "Tool-Tips" simulieren kannst, das sieht dann aus wie ein Title (bzw alt im IE):
pure CSS Tooltips--
cu,
Maz-
Hi,
ein schlechtes bzw. in Fließtext nicht generell anwendbares Beispiel.
Verkleinere mal die Fensterbreite soweit, daß der Link "pure css popups" am rechten Fensterrand dargstellt wird. Dann kommst Du an den Infotxt nicht mehr vollständig ran, denn um seitlich zu scrollen, mußt Du den Linkbereich zwangsläufig verlassen.freundliche Grüße
Ingo-
Moinsen,
pure CSS Tooltips
ein schlechtes bzw. in Fließtext nicht generell anwendbares Beispiel.
Verkleinere mal die Fensterbreite soweit, daß der Link "pure css popups" am rechten Fensterrand dargstellt wird. Dann kommst Du an den Infotxt nicht mehr vollständig ran, denn um seitlich zu scrollen, mußt Du den Linkbereich zwangsläufig verlassen.das stimmt natürlich. Im Prinzip finde ich die Lösung aber ganz geschickt, wobei das sicher keine Standardlösung ist sondern nur für besondere Zwecke sinnvoll ist. Ich hab das neulich in Verbindung mit einer Imagemap was gebastelt, wo auf einer Grafik einzelne Bereiche bei Maus-over hervorgehoben werden und im Tooltipp entsprechende Infos angezeigt werden und ein Link möglich ist.
Kennst Du denn schickere Lösungen für einen optisch anspruchsvolleren "Title-Simulator"? Das Title-attribut direkt zu formatieren geht ja nicht, zumindest nicht in HTML und CSS.
--
cu,
Maz-
Hi,
Kennst Du denn schickere Lösungen für einen optisch anspruchsvolleren "Title-Simulator"?
aber natürlich. Mich wundert, daß Du noch nicht auf meine Methode für eine Infobox im Fließtext gestoßen bist.
Sogar eine Google-Anfrage nach css Infobox liefert die direkt nach der Selfhtml-Seite für absolut positionierte Elemente (ich hätte vielleicht besser ein Verzeichnis "css" anlegen sollen..;-)freundliche Grüße
Ingo-
Moinsen,
Hi,
Kennst Du denn schickere Lösungen für einen optisch anspruchsvolleren "Title-Simulator"?
aber natürlich. Mich wundert, daß Du noch nicht auf meine Methode für eine Infobox im Fließtext gestoßen bist.In der Tat sollte ich die kennen! ;-) Viele Beispiele, die ich hier poste, hab ich als Lesezeichen hinterlegt. Daher das gennate Beispiel.
Aber wenn ich deine Seite kleinziehe kann ich den Text in der aufgehenden Box doch ebensowenig erkennen, da er aus dem Fenster rutscht.
--
cu,
Maz-
Hi,
Aber wenn ich deine Seite kleinziehe kann ich den Text in der aufgehenden Box doch ebensowenig erkennen, da er aus dem Fenster rutscht.
da mußt Du das Fenster aber _sehr_ klein ziehen - je nach Browser auf etwa 340 bis 380px.
freundliche Grüße
Ingo-
Moinsen,
da mußt Du das Fenster aber _sehr_ klein ziehen - je nach Browser auf etwa 340 bis 380px.
alles klar, ich dachte Du meintest das grundsätzliche Prinzip mit dem verdeckten Span-Tag.
viele Grüße,
Maz -
Hallo Ingo,
da mußt Du das Fenster aber _sehr_ klein ziehen - je nach Browser auf etwa 340 bis 380px.
Ähm, nein... es genügt schon, wenn man die Seite (zufällig!) so hinscrollt, dass das <span>, an dem die Infobox hängt, z.B. am unteren Fensterrand liegt. Ein von Windows generierter Tooltip würde dann automatisch über anstatt unter dem Element erscheinen, und das tun deine Infoboxen eben leider nicht.
Ich will dir hier natürlich nicht nachsagen, dass dein Konzept schwach ist - nein, ich bin nur von den Möglichkeiten graphischer Oberflächen so verwöhnt, dass es mir plötzlich "blöd" vorkommt, wenn ein Tooltip (oder wie man es auch immer nennen mag) plötzlich mit dem größten Teil seines Inhalts außerhalb des Fensters liegt und damit unsichtbar ist. Wenn's von der Textposition her dumm läuft, kann das sogar dazu führen, dass wegen des eingeblendeten Hover-Elements plötzlich ein waagrechter Scollbalken erscheint.
Sooo flexibel sind die Möglichkeiten der CSS-Positionierung halt doch nicht, dass man left:appropriate; top:appropriate angeben könnte. ;)Ciao,
Martin
-
Hi,
Ähm, nein... es genügt schon, wenn man die Seite (zufällig!) so hinscrollt, dass das <span>, an dem die Infobox hängt, z.B. am unteren Fensterrand liegt.
nicht z.B. sondern nur so. Das ist zwar nicht schön, aber kein Hinderungsgrund, denn man kann die Seite ja runterscrollen (was man ohnehin beim weiterlesen tun würde) und dann nochmal drüberfahren.
Ein von Windows generierter Tooltip würde dann automatisch über anstatt unter dem Element erscheinen, und das tun deine Infoboxen eben leider nicht.
Nunja, ich könnte meine Infobox auch über den Link positionieren, sähe im Normalfall aber zumindest gewöhnungsbedürfig aus.
Sooo flexibel sind die Möglichkeiten der CSS-Positionierung halt doch nicht, dass man left:appropriate; top:appropriate angeben könnte. ;)
Man sollte dies vielleicht mal vorschlagen?
freundliche Grüße
Ingo
-
-
-
-
-
-
-
....das sieht dann aus wie ein Title (bzw alt im IE):
Wenn Du jetzt glaubst, daß der IE das "alt"-Attribut für das "title"-Attribut hält, dann irrst Du. Nur Wenn kein "title"-Attribut angegeben wurde, nimmt er den Wert des "alt"-Attributes und simuliert damit den Title. Mit title="" kannst Du das unterbinden.
Gruß
Avalon
-