alt-Parameter bei mouseover nicht anzeigen. Geht das?

Verfasst am: 04. 07. 2011 [10:36]
holk
Dabei seit: 04.06.2009
Themenersteller

10 Beiträge
Beitrag hilfreich?

Hallo zusammen,

ich habe Bildern natürlich alt-Parameter gegeben, um Begriffe unterzubringen.
In einer Ebene über denselben Bildern habe ich aber auch Container mit einem Erläuterungstext, die per CSS bei Rollover sichtbar werden.
Nun stören die Alt-Texte die Optik. Doppelt gemoppelt sieht dilettantisch aus.
Kennt jemand eine Methode, den Browsern zu sagen, dass sie die alt-Texte nicht anzeigen sollen?

Gruß von Holk

 
Verfasst am: 04. 07. 2011 [18:46]
Matthes
Dabei seit: 08.05.2010

174 Beiträge
Beitrag hilfreich?

Hi,

setze ein leeres Title-Attribut (title=""), dann wird der Alt-Text nicht angezeigt.

Grüße

Mal: "May have been the losing side. Still not convinced it was the wrong one."
 
Verfasst am: 05. 07. 2011 [11:01]
holk
Dabei seit: 04.06.2009
Themenersteller

10 Beiträge
Beitrag hilfreich?

Hi Matthes,

vielen Dank für den Tipp.
Ich hab ihn gleich umgesetzt, bemerke aber keine Veränderung.
Firefox zeigt noch immer den Alt-Parameter.
Safari und Opera zeigen ihn ohnehin nicht an.
Und Internet Explorer kann ich im Moment nicht testen.

Es hängt auch nicht damit zusammen, dass auf den Images kein Link liegt, denn mit einem Link # verhalten sie sich gleich.

Viele Grüße
Holk

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 05.07.2011 um 11:04.]

 
Verfasst am: 05. 07. 2011 [11:06]
hansen
Dabei seit: 18.05.2009

1417 Beiträge
Beitrag hilfreich?

"holk" schrieb:

Ich hab ihn gleich umgesetzt, bemerke aber keine Veränderung.
Firefox zeigt noch immer den Alt-Parameter.

Hallo Holk,

leere mal Deinen Cache im FF, könnte auch daran liegen.

Gruß
hansen

 
Verfasst am: 05. 07. 2011 [11:34]
Ultima
Dabei seit: 09.07.2010

758 Beiträge
Beitrag hilfreich?

"holk" schrieb:
In einer Ebene über denselben Bildern habe ich aber auch Container mit einem Erläuterungstext, die per CSS bei Rollover sichtbar werden.
Nun stören die Alt-Texte die Optik. Doppelt gemoppelt sieht dilettantisch aus.
Kennt jemand eine Methode, den Browsern zu sagen, dass sie die alt-Texte nicht anzeigen sollen?


Die alternativ Texte werden in der Regel nur angezeigt wenn eine Grafik nicht geladen werden kann. Der Fehler liegt also bei deinem CSS-Rollover Effekt, du solltest den Fehler dort suchen.


Gruß Thomas

 
Verfasst am: 05. 07. 2011 [13:57]
ptra
Dabei seit: 22.09.2010

258 Beiträge
Beitrag hilfreich?

Hallöle,

Der title-tag wird beim Mouseover angezeigt und der alt-tag wird angezeigt, wenn kein Bild gefunden wird. Aber da ja ein title-tag ganz gern sein sollte, sehe ich da keine Lösung.

Gruß. Petra wink.gif

Gegen die Infamitäten des Lebens… (siehe Hermann Hesse)
 
Verfasst am: 05. 07. 2011 [14:20]
Matthes
Dabei seit: 08.05.2010

174 Beiträge
Beitrag hilfreich?

Ich hatte es so verstanden, dass der Alt-Text bei Mouseover angezeigt wird (wie es z.B. der IE lange Zeit getan hat) und das nicht erwünscht ist, weil für den Fall bereits eine CSS-Lösung (wahrscheinlich versteckter und bei :hover dargestellter div) genutzt wird.
Wenn man einen leeren Title-Tag setzt, zeigt der IE keinen Alt-Text mehr an, das sollte auch bei anderen Browsern funktionieren, die das Verhalten an den Tag legten. Denn der Title-Tag ist der eigentliche Text, der angezeigt werden soll - und ein leerer Title-Tag resultiert in einer Anzeige von nichts.

Wenn es daran liegt, dass beim Mouseover auch noch eine andere Grafik angezeigt wird, muss die wahrscheinlich kurz nachgeladen werden, was dieses Aufblitzen des Alt-Tags zur Folge hätte. Dann Sprites verwenden oder die Grafik anderweitig schon vorladen.

Das Problem zu sehen, wäre hilfreich... :)

Mal: "May have been the losing side. Still not convinced it was the wrong one."
 
Verfasst am: 05. 07. 2011 [14:55]
romacron
Dabei seit: 01.11.2009

1142 Beiträge
Beitrag hilfreich?

zugegebenermaßen habe ich nicht jeden Threat oberhalb gelesen.

1. 2 verschiedene Paar Schuhe alt-attribute title-attribute

2 Es gibt nur eine Lösung auf attribute die im Browser angezeigt werden nachträglich zu zugreifen. Das heisst Javascript.

Hast du denn Javascript im Einsatz ggf ein Framework?

Mit ein paar Zeilen JS ist das Problem behoben:
1. klitzekleines Domready bauen und dem Script sagen, dass beim Hovern über ein bestimmtes Tag, dass Attribute in Luft auflöst. optional, wenn maus weg sich der wieder zurück-einträgt.
2. Unobtrusive Javascript verwenden(tip des Tages wink.gif ) bekommt kein Mensch und keine Maschine etwas von mit.

Wichtig: Nach dem Domready den Saubermann heimlich durchlaufen lassen. Ähnliche Lösungen habe ich seid langem am laufen.

Es gibt keine negativen Auswirkungen!
 
Verfasst am: 05. 07. 2011 [15:11]
holk
Dabei seit: 04.06.2009
Themenersteller

10 Beiträge
Beitrag hilfreich?

Erst mal vielen Dank an alle, die geantwortet haben.

Sorry, dass ich vergessen hatte, die URL zu posten, hier ist sie:
http://www.himbeerrot-design.de/projekte-webdesign-programmierung.html

Bei den Bildern in der Linke Spalte habe ich bei den oberen vier einen leeren title-Parameter eingefügt.
Bei allen anderen, also auch in der ganzen rechten Spalte ist kein title-Parameter drin.

Mit euren Antworten ist mir klar geworden, dass die alt-Aufpopperei bei vorhandener Bilddatei ja gar kein standardkonformes Verhalten ist, sondern nur eine Marotte von IE. Ich hatte mir in Firefox das Add-On Popup Alt Attribute installiert, um diese Attribute leichter sichten zu können (für SEO schon praktisch icon_smile.gif

Wenn ich das Add-On deaktiviere, verhält sich FF genauso wie Safari oder Opera standardkonform.
Somit ist das Problem nur noch IE-spezifisch und war, was FF anbelangt, hausgemacht.

Damit kann ich jetzt erst mal leben.

Die JS-Methode von Romacron klingt sehr raffiniert.
Kann sein, dass ich die bei Gelegenheit mal teste.
Bläht das JS nicht den Quellcode auf? Aber du schreibst ja, das Skript sei klitzeklein …

Danke und viele Grüße
Holk

 
Verfasst am: 05. 07. 2011 [16:31]
Matthes
Dabei seit: 08.05.2010

174 Beiträge
Beitrag hilfreich?

Hehe, eine schöne Erklärung... Manchmal stellt man sich selbst ein Bein und merkt es gar nicht.

Von der JavaScript-Lösung halte ich allerdings gar nichts, die ist absolut unnötig.
Dass alt- und title-Attribute was anderes sind, ist schon bekannt, die hat hier auch niemand gleichgesetzt. Der IE (ob 8 und 9 auch, weiß ich gerade nicht) verhält sich aber so, dass er alt-Texte bei :hover anzeigt, was er nicht sollte. Standardkonform wäre es, den title-Text des Attributs anzuzeigen, was alle anderen korrekt machen.
Der IE lässt sich aber durch ein leeres Title-Attribut von diesem Verhalten abbringen, weil er den alt-Text nur anzeigt, wenn kein title-Text vorhanden ist. Ist ein title-Text vorhanden, aber leer, wird korrekt nichts angezeigt.

Die JavaScript-Lösung erscheint mir eher als würde man ein Carport in eine Garage bauen, weil deren Dach undicht ist...

Mal: "May have been the losing side. Still not convinced it was the wrong one."
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:



8 Mitglieder waren innerhalb der letzten 15 Minuten online (178 heute gesamt):
dante1979, gekkonet, hansen, Janson, joerg, kapasho, RuempelKing

Administratoren und Moderatoren:
seitenreport

Seitenreport hat 18107 registrierte Mitglieder, 2998 Themen und 29090 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 12 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 9 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks