Von: Ria Elliger
Das sieht doch mal nach einer guten Methode aus, da hätte man eigentlich schon lange mal drauf kommen können :) Bisher bin ich bei text-indent häufiger auch mal auf Probleme mit dem IE7 gestoßen, man...
View ArticleVon: Georg
Geht auch wunderbar so: http://bustoutsolutions.com/blog/2009/10/08/better-alternative-to-text-indent-9999px
View ArticleVon: René Grosche
Heyho,.. ich versuch das immer zu vermeiden.. In der Regel lässt sich da, wo ein img rein muss doch auch das img direkt setzen ohne den Text. Ich glaube man macht SEO-Technisch mehr kaputt mit “Texte...
View ArticleVon: Chris
diese technik bei texten zu verwenden ist natürlich nciht das gelbe vom ei.. bei einem logo macht es allerdings sinn, wenn es als h1 mit text hinterlegt ist. wird auch erwartet. vom screanreader und...
View ArticleVon: Martin
Meine favorisierte Technik, die ich in irgendeinem vergangenem Post in der Blogosphäre aufgeschnappt hab: .ir { color: transparent; font: 0/0 a; text-shadow: none; }
View ArticleVon: Flo
Ich nutze diese Methode: .ir { font: 0/0 a; text-shadow: none; color: transparent; } http://nicolasgallagher.com/another-css-image-replacement-technique/
View ArticleVon: waldi
Also bei mir klappt das überhaupt nicht… Bei mir soll damit ein Text versteckt werden, der aus Usabilitygründen hinter einem Icon aus einer Iconfont steht. Aber der Text wird immernoch angezeigt.
View ArticleVon: waldi
Anmerkung noch: Das Icon wird per :before angezeigt. Ich bekomm den Text aber einfach nicht ausgeblendet, ohne dass das Icon auch verschwindet :(
View ArticleVon: Wishu Kaiser
Ich finde diese Image Replacement Techniken schon total dämlich, seitdem ich vor 6 Jahren mit der ganzen Sache angefangen habe. HTML liefert hierfür etwas, was sich weitaus besser eignen. Was? Genau,...
View ArticleVon: Jonas Hellwig
Ja genau. Exakt das ist das Argument. Layout-Grafiken haben im HTML-Code überhaupt nichts verloren. Das wäre ganz ganz schlechter Stil.
View ArticleVon: Ria Elliger
Sehe ich genauso wie Jonas. Wenn ich beispielsweise in Kontaktblöcken Icons statt Tel:, Fax: usw verwenden will mach ich das mit CSS und einer Methode, den “Alternativtext” auszublenden. Da in jedem...
View ArticleVon: Ria Elliger
Ist aber ungünstig sobald man in dem Kontext in dem man die Schriftgröße auf 0 gesetzt hat noch mit em als Einheit für Größenangaben arbeiten will (was man generell tun sollte :) )
View ArticleVon: Moev
Wenn das Icon ein Font icon ist, dann musst du beim :before es so schreiben: :before{text-indent:0px; white-space:normal;} Nicht getestet, sollte aber so gehen, das du die Werte halt nochmal...
View ArticleVon: waldi
Danke, aber irgendwie klappt bei mir der Tipp von Jonas auch ohne was drumherum überhaupt nicht. Ich weiß nicht, wodran das liegt. Weder in Chrome, noch in Firefox.
View ArticleVon: Chris
Ich gebe dir recht. Ich finde Text verstecken auch mehr als unelegant. Es ist ein wirklich schmaler grat. Ich finde einerseits auch, dass Text über CSS auszublenden falsch ist und ich bin mir zu 100%...
View ArticleVon: Andre Heuer
Richtig Chris, versteckter Text verstößt gegen die Webmaster Guidelines von Google und wird (bzw. kann) sich definitiv negativ auf das Ranking auswirken. Ein “sauberer” Code ist das A und O. Dazu...
View ArticleVon: André Olejko
Warum den zu verbergenden text nicht von der Ersatzgrafik selbst in einen unsichtbaren Bereich schieben lassen? [div style="height: 50px; overflow: hidden"] [img height="50" style="display: block" ......
View ArticleVon: Ria Elliger
Das sieht doch mal nach einer guten Methode aus, da hätte man eigentlich schon lange mal drauf kommen können :) Bisher bin ich bei text-indent häufiger auch mal auf Probleme mit dem IE7 gestoßen, man...
View ArticleVon: Georg
Geht auch wunderbar so: http://bustoutsolutions.com/blog/2009/10/08/better-alternative-to-text-indent-9999px
View Article
