css/ html: nur den text entfernen

Diskutiere css/ html: nur den text entfernen im Webmaster Hilfe / Programmierer Forum Forum im Bereich Computerprobleme; hi, ich möchte in einem element den text entfernen, es aber trotzdem noch mit Hintergrundbild usw. anzeigen können, hat hauptsächlich mit...

  1. #1 HalbleiterFreak, 02.11.2008
    HalbleiterFreak

    HalbleiterFreak Erfahrener Benutzer

    Dabei seit:
    07.06.2007
    Beiträge:
    3.369
    Zustimmungen:
    0
    hi, ich möchte in einem element den text entfernen, es aber trotzdem noch mit Hintergrundbild usw. anzeigen können, hat hauptsächlich mit barrierefreiheit zu tun:
    Code:
    <div style="background-image:url()">weg damit</div>
    was muss noch hin? einfach display: none?
     
  2. Anzeige

    schau mal hier: Windows-Wartungs-Tool. Viele Probleme lassen sich damit einfach beheben. Oftmals ist der PC dann auch schneller!
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  3. #2 Hagbart, 02.11.2008
    Hagbart

    Hagbart Erfahrener Benutzer

    Dabei seit:
    13.08.2006
    Beiträge:
    1.293
    Zustimmungen:
    0
    hast du einfach mal nichts hingeschrieben?^^
     
  4. #3 xandros, 02.11.2008
    xandros

    xandros IT Consultant, Cisco Registered Partner
    Moderator

    Dabei seit:
    05.07.2007
    Beiträge:
    26.066
    Zustimmungen:
    109
    Ort:
    Umkreis Duisburg, neben Mannheim, hinter Hamburg
    Display schalted die Darstellung des kompletten Elementes an oder ab. Mit display:none; würde der Container nicht dargestellt.....

    wie wäre es, wenn du als Dummy-Inhalt einfach ein Leerzeichen einfügst?
     
  5. #4 HalbleiterFreak, 02.11.2008
    HalbleiterFreak

    HalbleiterFreak Erfahrener Benutzer

    Dabei seit:
    07.06.2007
    Beiträge:
    3.369
    Zustimmungen:
    0
    nein, ich möchte zum beispiel "Nachrichten" hinschreiben, aber später dann einfach ein Brief-Bild hinmachen.

    <img alt=""> halte ich da nicht so sinnvoll... schließlich möchte ich das komplette design mit den stylesheets austauschen können...

    EDIT: Ist vielleicht font-size:0; korrekt? Wär doch schon wenigsten ein Ansatz...
     
  6. #5 Hagbart, 02.11.2008
    Hagbart

    Hagbart Erfahrener Benutzer

    Dabei seit:
    13.08.2006
    Beiträge:
    1.293
    Zustimmungen:
    0
    Naja, dann würde man den Text logischerweise nicht sehen. Ich versteh nur das Problem nicht. Wenn du später "Nachrichten" hinschreiben willst, öffnest du deine Daten und schreibst es halt hin. Solange dort aber nichts stehen soll kannst du doch auch einen leeren Inhalt haben.
     
  7. #6 HalbleiterFreak, 02.11.2008
    HalbleiterFreak

    HalbleiterFreak Erfahrener Benutzer

    Dabei seit:
    07.06.2007
    Beiträge:
    3.369
    Zustimmungen:
    0
    ABER: wenn jetzt jemand kommt, der einen browser ohne css-unterstützung hat, dann sieht er da gar nichts.
    Wenn ich da dann aber Nachrichten stehen habe, dann sollte es da keine Probleme geben ;)
    also, vielen dank, es scheint jetzt so zu klappen ;)
    ist ein guter css-trick!
     
  8. Weiny

    Weiny Erfahrener Benutzer

    Dabei seit:
    10.07.2007
    Beiträge:
    484
    Zustimmungen:
    0
    was soll denn nun die Lösung sein?
     
  9. #8 HalbleiterFreak, 03.11.2008
    HalbleiterFreak

    HalbleiterFreak Erfahrener Benutzer

    Dabei seit:
    07.06.2007
    Beiträge:
    3.369
    Zustimmungen:
    0
    font-size:0;
     
  10. #9 CaptainDusky, 03.11.2008
    CaptainDusky

    CaptainDusky Erfahrener Benutzer

    Dabei seit:
    10.01.2007
    Beiträge:
    403
    Zustimmungen:
    0
    Also ich würde es so machen:

    <div style="background-image:url('menue_nachrichten.jpg');width:50px;height:16px;"><div style="display:none;">Nachrichten</div></div>
     
  11. #10 Blaxxun, 03.11.2008
    Blaxxun

    Blaxxun aka Noisy

    Dabei seit:
    06.11.2005
    Beiträge:
    6.171
    Zustimmungen:
    0
    <DIV> wird nur so groß wie sein Inhalt, wenn nichts drin steht, dann wird er "nicht angezeigt". Mit Inhalt hat er 100% Breite und die Höhe des Inhalts, ohne 100% und 0% Höhe, mit Text die Höhe des Textes.
    Einfach ein feste Breite bzw. Höhe definieren und ein Hintergrundbild anlegen, sowie MarcoErb geschrieben hat, nur ist der innere DIV nicht nötig.

    Browser ohne CSS Untersützung werde wohl auch auf Bilder verzichten müssen, tut den Nachrichten ja keinen Abbruch.
     
  12. #11 CaptainDusky, 03.11.2008
    CaptainDusky

    CaptainDusky Erfahrener Benutzer

    Dabei seit:
    10.01.2007
    Beiträge:
    403
    Zustimmungen:
    0
    Du hast den Thread wohl nicht von Anfang an gelesen.
    HalbleiterFreak will eine barrierefreie Seite programmieren, das heißt, dass z. B. ein Blinder auf die Seite gehen kann und ihm eine Software die Texte vorliest. Sind da aber nun Bilder, ohne Text, kann die Software diese nicht vorlesen, aus diesem Grund wird ein inneres <div>-Element mit display:none angelegt mit dem Text, die eine Software anstelle des Bildes vorlesen kann.

    WebCrawler richten sich auch eher nach Texten, daher würde ich sogar fast von einem font-size:0px; abraten, da WebCrawler wie Google o. ä. dies leicht als "cheaten" interpretieren könnten

    Wobei ich doch eher auf setzen würde.
     
  13. #12 HalbleiterFreak, 03.11.2008
    HalbleiterFreak

    HalbleiterFreak Erfahrener Benutzer

    Dabei seit:
    07.06.2007
    Beiträge:
    3.369
    Zustimmungen:
    0
    aber damit könnte ich nicht einfach den css-style austauschen, und damit auch die grafiken mühsames bearbeiten von PHP-Klassen wäre nötig!
    Und wenn ich mehrere Styles meinen Benutzern zur Verfügung stellen möchte, dann geht das auch nicht mehr so easy...
    nein, das widerspricht der Barrierefreiheit, und ich werde es daher lieber nicht verwenden.

    und google verfolgt so weit ich weiß gar nicht die css-stylesheets, weil es ja nichts bringt...
    für google ist sogar praktischer diese alternative zu sehen, weil so das ganze besser interpretiert werden kann...
     
  14. Anzeige

    Es ist generell erstmal empfehlenswert alle ggf. veralteten oder fehlerhaften Treiber zu scannen und auf neue zu aktualisieren. Hier kannst du einen Treiber-Scanner downloaden. Das erspart oftmals viel Ärger und hilft gegen diverse Probleme.
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  15. #13 Blaxxun, 03.11.2008
    Blaxxun

    Blaxxun aka Noisy

    Dabei seit:
    06.11.2005
    Beiträge:
    6.171
    Zustimmungen:
    0
    Ich hab den Thread schon von vorne gelesen. Aber das Bild soll doch nur als Verschönerung dienen. Der Text sollte doch darüber verlaufen oder?
    Wenn sich das Bild pro Style im Ändern sollte und du tatsächlich nicht ohne <img src alt title /> auskommst, dann würde ich das ganze nicht nur bei einem CSS-Sytel Swichter belassen, sondern verschiedene Templates anlegen und dann kannst du auch die Grafiken individuell gestalten und anpassen.
    Sehr viel mehr Aufwand ist es nicht.
    Cookie setzen, Pfad zu dem gesetzten Template und Template einbinden. Kommt halt drauf an wie du es vorher nutzt, also ob du schon Tpls drin hast oder "noch" PHP mit HTML mischst.

    Ansonsten Acceskeys nicht vergessen ;)
     
  16. #14 HalbleiterFreak, 03.11.2008
    HalbleiterFreak

    HalbleiterFreak Erfahrener Benutzer

    Dabei seit:
    07.06.2007
    Beiträge:
    3.369
    Zustimmungen:
    0
    nein, der text soll verschwinden weil man ihn nicht mehr braucht, denn das bild ersetzt ihn dann ja, ansonten würde ich einfach background-image nehmen...
    naja, ich mache es jetzt mal so... template ist mir etwas zu überfrachtet finde ich...
     
Thema: css/ html: nur den text entfernen
Besucher kamen mit folgenden Suchen
  1. css text entfernen

    ,
  2. css text löschen

    ,
  3. html seite css entfernen

    ,
  4. css text wegmachen,
  5. div inhalt löschen,
  6. css element inhalt löschen,
  7. text durch css entfernen,
  8. css html löschen,
  9. css bilder und texte entfernen,
  10. css schrift entfernen,
  11. css html entferne,
  12. text weg machen css,
  13. text aus bild entfernen mit css,
  14. html text entfernen css,
  15. css text auf bild weg machen,
  16. textinhalt entfernen div css,
  17. text wegmachen css
Die Seite wird geladen...

css/ html: nur den text entfernen - Ähnliche Themen

  1. Windows Iconränder entfernen

    Windows Iconränder entfernen: Heyho, ich hab gestern an meinem Desktop ein wenig rumgebastelt, und mir eigene Icons erstellt. Allerdings habe ich bei diesen jetzt das...
  2. Ignoriertes Bluetooth-Gerät entfernen und neu verbinden

    Ignoriertes Bluetooth-Gerät entfernen und neu verbinden: Hallo zusammen, ich habe an meinem iPhone 6S einen Fitness-Tracker versehentlich in den Bluetooth-Geräten "ignoriert". Nun kann ich mich nicht...
  3. bestimmte Icons aus dem Infobereich per GPO entfernen

    bestimmte Icons aus dem Infobereich per GPO entfernen: Gibt es die Möglichkeit bestimmte Icons per GPO aus dem Infobereich (Taskleiste) zu dauerhaft zu entfernen. Ich möchte gern verwehren, das in den...
  4. hi, kennt sich jmd mir PC aus und kann mir erklären, wie man das in Text umwandeln kann, um es nicht

    hi, kennt sich jmd mir PC aus und kann mir erklären, wie man das in Text umwandeln kann, um es nicht: hi, kennt sich jmd mir PC aus und kann mir erklären, wie man das in Text umwandeln kann, um es nicht über die tastaur tippen zu müssen ....
  5. Einzelne Einträge aus Updateverlauf entfernen.

    Einzelne Einträge aus Updateverlauf entfernen.: Nabend Boardies, gibt es eine Möglichkeit in Windows 10 einzelne Einträge aus dem Updateverlauf zu löschen? Ich weiß nur davon, dass man den...