CSS-Buttons mit alt-Attribut?

[blacky6767]

Hallo suit,

danke für Deine Tips vom 11.11.2009 zum selben Betreff.
Ist jedoch nicht ganz das, was ich suche:
Wenn der Benutzer Grafiken im Browser ausgeschaltet hat (oder diese nicht anzeigen kann), dann soll der Text im "alt"-Attribut des "img" angezeigt werden - also so, wie es gefordert ist [1]. Sind Grafiken eingeschaltet, sollen diese (und nur diese) angezeigt werden - also nicht Grafiken *und* Text. Deine Beispiele sind ja darauf ausgerichtet, dass ich den Text auch mich *angeschaltenen* Grafiken sehen möchte.

[1] http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz

[EKKi]

Mahlzeit blacky6767,

Hallo suit,

danke für Deine Tips vom 11.11.2009 zum selben Betreff.

Und Du erwartest jetzt, dass suit (und ggf. andere interessierte potentielle Helfer) im Forums-Archiv nach dem Betreff sucht und sich aus der Ergebnisliste seine Beiträge vom 11.11.2009 heraussucht? Warum verlinkst Du nicht einfach den entsprechenden (Archiv-)Beitrag?

Ist jedoch nicht ganz das, was ich suche:
Wenn der Benutzer Grafiken im Browser ausgeschaltet hat (oder diese nicht anzeigen kann), dann soll der Text im "alt"-Attribut des "img" angezeigt werden - also so, wie es gefordert ist [1]. Sind Grafiken eingeschaltet, sollen diese (und nur diese) angezeigt werden - also nicht Grafiken *und* Text.

Das sollte das Standardverhalten in jedem halbwegs vernünftigen Browser sein:

<img src="bild_das_angezeigt_wird_wenn_bilder_nicht_ausgeschaltet_sind.png" alt="Text der dargestellt wird, wenn Bilder ausgeschaltet sind">

Was genau funktioniert daran nicht (bzw. nicht so, wie Du Dir das vorstellst)?

MfG,
EKKi

[blacky6767]

Mahlzeit blacky6767,

Hallo suit,

danke für Deine Tips vom 11.11.2009 zum selben Betreff.

Und Du erwartest jetzt, dass suit (und ggf. andere interessierte potentielle Helfer) im Forums-Archiv nach dem Betreff sucht und sich aus der Ergebnisliste seine Beiträge vom 11.11.2009 heraussucht? Warum verlinkst Du nicht einfach den entsprechenden (Archiv-)Beitrag?

Ja, hast ja recht. War keine Absicht: http://forum.de.selfhtml.org/archiv/2009/11/t192566/
Ich fand es nur etwas merkwürdig, dass ich auf den Beitrag von suit nicht mehr antworten konnte.

Das sollte das Standardverhalten in jedem halbwegs vernünftigen Browser sein:

Genau. Es geht jedoch um CSS-Buttons.

Was genau funktioniert daran nicht (bzw. nicht so, wie Du Dir das vorstellst)?

Details siehe http://forum.de.selfhtml.org/archiv/2009/11/t192566/

[Auge]

Hallo

Ja, hast ja recht. War keine Absicht: http://forum.de.selfhtml.org/archiv/2009/11/t192566/
Ich fand es nur etwas merkwürdig, dass ich auf den Beitrag von suit nicht mehr antworten konnte.

In einem Archiv wird ja nichts mehr geändert und weil dein Thread mittlererweile dort ist, gilt das natürlich auch in seinem Fall. Die Möglichkeit, einen neuen Thread zu eröffnen, hast du ja genutzt, du hättest aber verständlicher auf die Vorgeschichte hinweisen dürfen.

Das sollte das Standardverhalten in jedem halbwegs vernünftigen Browser sein:

Genau. Es geht jedoch um CSS-Buttons.

Und was genau verstehst du daran, genauer: an den verlinkten Beispielen nicht?

Tschö, Auge

[blacky6767]

Genau. Es geht jedoch um CSS-Buttons.

Und was genau verstehst du daran, genauer: an den verlinkten Beispielen nicht?

Bei den genannten Beispielen geht es darum, dass *sowohl* bei aktivierten, als auch bei deaktivierten Grafiken (oder Textbrowsern) der "Buttontext" *angezeigt* wird - und das ohne Einsatz des alt-Attributs.

Meine Intention ist die, dass bei aktivierten Grafiken das Icon des Buttons, bei deaktivierten Grafiken der Inhalt des alt-Attributs des Button angezeigt wird. Da ich den Buttons jedoch Mouseover-Effekte à la [1] verpassen möchte, kam bei mir die Frage auf, ob/wie man hier mit alt-Attributen arbeiten kann.

Um ein kleines Beispiel zu machen. In meinem CSS gibt es sowas wie das hier:

a#button_1 {
 display: block
 background-image: url("foo_a.png");
 width: 22px;
 height: 22px;
 text-decoration: none;
}

a#button_1:hover {
 background-image: url("foo_b.png");
 text-decoration: none;
}

Und dann der betreffende Part im HTML:

<a class="button_1" href="irgendeineurl">&nbsp;</a>

Und hier hab ich irgendwie das (Verständnis)Problem, das alt-Attribut für die Grafik unterzubekommen.

Ich hoffe, jetzt wird mein Anliegen klarer.

[1] http://aktuell.de.selfhtml.org/artikel/css/mouseover/#a4

[Auge]

Hallo

Genau. Es geht jedoch um CSS-Buttons.

Und was genau verstehst du daran, genauer: an den verlinkten Beispielen nicht?

Bei den genannten Beispielen geht es darum, dass *sowohl* bei aktivierten, als auch bei deaktivierten Grafiken (oder Textbrowsern) der "Buttontext" *angezeigt* wird - und das ohne Einsatz des alt-Attributs.

Nein, es geht darum eine Grafik nicht über <img> sondern als CSS-Hintergrundbild in einen Link zu bekommen. Genau deshalb wird der Text des Links (zumindest in dem Beispiel von meiert.com) aus dem Blickfeld genommen (dort mit text-indent). Ist CSS nicht an, wird weder das Bild ein- noch der Text ausgeblendet.

Um ein kleines Beispiel zu machen. In meinem CSS gibt es sowas wie das hier:

a#button_1 {
display: block
background-image: url("foo_a.png");
width: 22px;
height: 22px;
text-decoration: none;
}

a#button_1:hover {
background-image: url("foo_b.png");
text-decoration: none;
}

Und dann der betreffende Part im HTML:

<a class="button_1" href="irgendeineurl">&nbsp;</a>

Und hier hab ich irgendwie das (Verständnis)Problem, das alt-Attribut für die Grafik unterzubekommen.

Es gibt kein alt-Attribut, weil es für per CSS eingebundene Grafiken kein alt-Attribut gibt. Demnach ist auch keines unterzubekommen. Der Text muss dahin, wo das geschützte Leerzeichen steht und er muss ebenso wie das Hintergrundbild mit CSS gehandelt werden.

Tschö, Auge