zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden Image-Replacement für Anfänger

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 16.12.2007, 23:11
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Mein Favorit ist ganz klar Gilder/Levin (da Text auch bei deaktivierten Grafiken da und voll stylebar), alternativ Phark.

Ohne IE-Hacks auszukommen ist ein frommer Wunsch, ich habe bei komplexen Designs schonmal 20 oder mehr Regeln im separaten IE-CSS Und ich sehe auch kein Problem darin - der IE will es halt so

Die meisten dieser Regeln könnte man zwar auch ins Standard-CSS schreiben (und zwar auch ganz ohne Hack), aber ich will dieses halt komplett sauber halten (also auch ohne überflüssige Regeln bzw. Deklarationen, die nur für den IE drinstehen).

Geändert von heiko_rs (16.12.2007 um 23:13 Uhr)
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 16.12.2007, 23:21
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Irgendetwas mache ich falsch. Der Text verschwindet nicht...

Ergänzung: Anscheinend darf kein Zeilenumbruch in der zu ersetzenden Überschrift vorhanden sein.
Ergänzung 2: Leider wird die Überschrift bei abgeschalteten Bildern nicht wieder sichtbar.

Code:
#seitenkopf h1
{
  background: url(/vereinsname.gif);
  font: 2.8em/1 georgia, serif;
  height: 70px;
  margin: 45px 0 0 195px;
  text-indent: -2000px;
  width: 502px
}
Ergänzung 3: Ich glaub' ich bleib' doch bei ganz normalem Text.

Geändert von Geronimo (16.12.2007 um 23:30 Uhr)
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 16.12.2007, 23:37
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von designfanatiker Beitrag anzeigen
Anscheinend darf kein Zeilenumbruch in der zu ersetzenden Überschrift vorhanden sein.
Logisch, denn text-indent rückt ja immer nur die erste Zeile ein, auch bei negativen Werten. Aber br { display: none; } hilft ab.

Zitat:
Zitat von designfanatiker Beitrag anzeigen
Leider wird die Überschrift bei abgeschalteten Bildern nicht wieder sichtbar.
Auch logisch, denn der Text ist ja wirklich weg, nicht nur überdeckt (wie bei Gilder/Levin). Der Browser kann text-indent ja nicht aufheben, sobald die Grafiken deaktiviert sind.

Zitat:
Zitat von designfanatiker Beitrag anzeigen
Ich glaub' ich bleib' doch bei ganz normalem Text.
Einzige Alternative: Gilder/Levin, dabei überdeckt die Grafik den Text - und fehlt die Grafik, wird der Text auch nicht überdeckt, sondern ist voll sichtbar.
Mit Zitat antworten
  #14 (permalink)  
Alt 16.12.2007, 23:42
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Achso. Danke. Ich glaub' Image-Replacement ist nichts für mich. Stattdessen werde ich wieder richtigen Text verwenden. Der etwas zu große Abstand zwischen e. und V. lässt sich auch mittels der Eigenschaft word-spacing reduzieren. Laut selfhtml soll diese auch im IE 6 funktionieren. Tut sie aber leider nicht. Weiß jemand warum?
Mit Zitat antworten
  #15 (permalink)  
Alt 16.12.2007, 23:49
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Geht im IE 6 (auch mit negativen Werten), poste doch mal ein Textcase, bei dem's nicht geht.
Mit Zitat antworten
  #16 (permalink)  
Alt 16.12.2007, 23:52
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Wie immer musste als Testcase meine Spielwiese (genauer gesagt der Seitenkopf) herhalten.
Mit Zitat antworten
  #17 (permalink)  
Alt 17.12.2007, 00:06
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Der IE < 7 kennt abbr nicht. Ein (freilich sehr unschönes) span innerhalb würde helfen.
Mit Zitat antworten
  #18 (permalink)  
Alt 17.12.2007, 00:08
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Das auch noch.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
image replacement mit phark method Timoslav CSS 4 16.06.2009 22:09
Imagemap Zugriff bei einer Gallery Sarah14 Javascript & Ajax 3 12.11.2007 14:06
fahrner image replacement alejandro CSS 1 19.08.2007 02:03
Input Button Image Replacement Pablo CSS 0 17.08.2007 01:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:24 Uhr.