Schrift (in Link) unsichtbar machen/ausblenden

[Stevan]

Hallo,

ich habe einige Links per CSS mit einem Bildchen (background-image) definiert. Jetzt kann ich keine Beschriftung des Links brauchen. Ich könnte zwar gar nichts hineinschreiben, würde es aber gerne.

Sinn: Sollte CSS in einem Browser nicht funktionieren und die Linkbildchen nicht angezeigt werden, dann würde man dort ganz normale Textlinks sehen.

Ist das irgendwie möglich oder keine gute Idee?
Fontsize: 0px bringt nix, weil die Schrift dann immer noch mindestens einen Pixel groß ist und das stört in dem darunterliegenden Bildchen (transparente Farbe gibts ja nicht für Schrift).

Danke für Hilfe,
 Stefan

[Thomas Luethi]

Hallo,

Du suchst wohl etwas in Richtung FIR - Fahrner Image Replacement.

Ein gaengiger Ansatz: SPAN in A, und SPAN wird ausgeblendet.

HTML:
<a href="..."><span>Linktext</span></a>
CSS:
a { background-image:...; width:...; height:...; }
a span { display:none; }

oder so. Details siehe Artikel unten.

Mit CSS und Bildern => Nur Bild wird angezeigt.
Ohne CSS => Nur Linktext wird angezeigt.
Mit CSS, ohne Bilder => nichts wird angezeigt. :-(

FIR ist ziemlich umstritten, nicht zuletzt, weil wegen
der Barrierefreiheit.
Ich sehe es mehr als Spielwiese fuer CSS- und Design-Freaks.
Wird AFAIK z.B. verwendet bei
http://www.csszengarden.com/

Mehr zu FIR und verwandten Techniken findest Du z.B. hier:
http://www.alistapart.com/articles/fir/
  deutsche Uebersetzung davon:
  http://www.byteshift.de/alistapart/fir/
http://www.stopdesign.com/also/articles/replace_text/

http://www.google.com/search?q=fahrner+image+replacement

HTH, Gruesse,

Thomas

[nag]

Hallo,

Warum verlinkst du nicht direkt das Bild?
<a href="startseite.html"><img src="bild.gif" alt="Startseite"></a>

sonst kannst du folgendes probieren:

HTML
<a href="#"><span>Linktext</span></a>

CSS (span ausblenden)
a span {visibility:hidden;}

mfg NAG