img alt auch für andere normalen Text

puwu · 22.01.2011, 14:21

Ich finde einfach keine Lösung für folgendes Problem:

Ich habe in einer Tabelle einige Informationen & Zahlen zusammengetragen (zB. 43.000) und möchte wenn ich mit der Maus auf den Text gehe (onMouseOver) weitere Informationenen (wie sich Zahl zusammensetzt) angezeigt werden.

Ich habe es mit einem kleinen CSS-Code versucht, aber dabei verschiebt sich die Größe der einzelnen Zelle.

PHP-Code:

  <style type="text/css">

#box a span {display:none;}

#box a:hover span {display:block;}

</style>

 
<table border=1>

<tr><td>

 
<div id="box"><a href="#">43.000<span>Posten1: 20.000<br>Posten2: 23.000</span></a></div>

 
</td></tr>

</table>

Gibt es vielleicht eine Möglichekeit wie bei dem Befehl img, einen Art alt-Text auszugeben.

Ich suche eine sehr schlichte Lösung ohne großes JavaScript öÄ.

Danke für eure Hilfe

zwutz · 22.01.2011, 14:54

alt-text wird nicht ausgegeben. Den sieht man nur, wenn man fehlerhafte Browser nutzt oder die Bilder nicht angezeigt werden können.

Für sowas gibts das title-attribut. Das wird beim mouse-over angezeigt

puwu · 22.01.2011, 17:56

Danke es funktioniert. Das habe ich in der Element-Referenz und Attribut-Referenz von selfhtml gar nicht gefunden.

Weißt du vielleicht ob oder wie ich einen Zeilenumbruch in dem title erzeuge. <br> und \n werden nicht ausgeführt

Chriz · 22.01.2011, 18:20

"title" ist eben recht spartanisch (wobei \n in manchen Browsern funktionieren sollte). Evtl. ist aber ein tooltip-Skript das was du suchst. jQuery-Plugins sind meistens eine gute Wahl.

zwutz · 22.01.2011, 23:41

Zitat:

Zitat von puwu

Das habe ich in der Element-Referenz und Attribut-Referenz von selfhtml gar nicht gefunden.

dann hast du an der falschen Stelle gesucht

title zählt zu den Universalattributen, kann also bei so gut wie allen Tags angegeben werden (wie style, class und id)

nikosch · 23.01.2011, 00:21

Das span ginge auch mit der richtigen Positionierung.

Google: CSS Tooltip

(z.B. : http://www.bencosweb.com/franz/toolt...ltip_test.html)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Feed in Datenbank eintragen (Formate: json, php serialized, xml)	high_five	Datenbanken	5	17.06.2010 03:04
php-Ausgabe des Artikeldatums bei Mouse-over über Bild	McBorney	PHP Tipps 2010	3	26.04.2010 13:40
[Erledigt] CSS Problem, Links ausrichten	monk	HTML, Usability und Barrierefreiheit	7	09.03.2010 20:33
Textfelder Array in Datenbank schreiben	raa	PHP Tipps 2009	16	14.03.2009 21:41
[Erledigt] im sql kann ich tabelle nicht hinzufügen	autofieber	Datenbanken	7	01.03.2009 18:38
Text in Datenbank umwandeln	muffinsbacken	PHP Tipps 2009	9	07.01.2009 18:40
PDF_add_table_cell / bitte um Hilfe	prinzli	PHP Tipps 2008	0	30.12.2008 21:38
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
JavaScript: Text Area: Scrollen zu einer Zeile im Text	SvenLittkowski	HTML, Usability und Barrierefreiheit	13	28.11.2007 16:31
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
[Erledigt] Text auf Bild		PHP Tipps 2005	9	28.04.2005 15:05
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
frames probleme		HTML, Usability und Barrierefreiheit	6	18.01.2005 02:33
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

22.01.2011, 14:21
puwu Erfahrener Benutzer Registriert seit: 04.08.2009 Beiträge: 177 PHP-Kenntnisse: Anfänger	img alt auch für andere normalen Text Ich finde einfach keine Lösung für folgendes Problem: Ich habe in einer Tabelle einige Informationen & Zahlen zusammengetragen (zB. 43.000) und möchte wenn ich mit der Maus auf den Text gehe (onMouseOver) weitere Informationenen (wie sich Zahl zusammensetzt) angezeigt werden. Ich habe es mit einem kleinen CSS-Code versucht, aber dabei verschiebt sich die Größe der einzelnen Zelle. PHP-Code: `<style type="text/css"> #box a span {display:none;} #box a:hover span {display:block;} </style> <table border=1> <tr><td> <div id="box"><a href="#">43.000<span>Posten1: 20.000<br>Posten2: 23.000</span></a></div> </td></tr> </table>` Gibt es vielleicht eine Möglichekeit wie bei dem Befehl img, einen Art alt-Text auszugeben. Ich suche eine sehr schlichte Lösung ohne großes JavaScript öÄ. Danke für eure Hilfe


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

22.01.2011, 14:54
zwutz Erfahrener Benutzer Registriert seit: 04.08.2010 Beiträge: 287 PHP-Kenntnisse: Fortgeschritten	alt-text wird nicht ausgegeben. Den sieht man nur, wenn man fehlerhafte Browser nutzt oder die Bilder nicht angezeigt werden können. Für sowas gibts das title-attribut. Das wird beim mouse-over angezeigt

22.01.2011, 17:56
puwu Erfahrener Benutzer Registriert seit: 04.08.2009 Beiträge: 177 PHP-Kenntnisse: Anfänger	Danke es funktioniert. Das habe ich in der Element-Referenz und Attribut-Referenz von selfhtml gar nicht gefunden. Weißt du vielleicht ob oder wie ich einen Zeilenumbruch in dem title erzeuge. <br> und \n werden nicht ausgeführt Geändert von puwu (22.01.2011 um 18:02 Uhr).

22.01.2011, 18:20
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	"title" ist eben recht spartanisch (wobei \n in manchen Browsern funktionieren sollte). Evtl. ist aber ein tooltip-Skript das was du suchst. jQuery-Plugins sind meistens eine gute Wahl. __________________ "Nuschel ich?" - "Was?"

23.01.2011, 00:21
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das span ginge auch mit der richtigen Positionierung. Google: CSS Tooltip (z.B. : http://www.bencosweb.com/franz/toolt...ltip_test.html) __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --