Ankündigung

Einklappen
Keine Ankündigung bisher.

overflow:hidden; wie richtig einsetzen?

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • overflow:hidden; wie richtig einsetzen?

    Hallo!
    Auf meiner Homepage kann man Kommentare schreiben, die in einer Box angezeigt werden, die nur 150Pixel breit ist.
    Wenn man ja keinen Leerschlag im Kommentar macht, geht das Design kaputt.

    Hab mich da ein bisschen umgesehen und diese Funktion als meinen Favorit gewählt.

    Ich kenne mich mit CSS nicht all zu gut aus.. darum weiss ich jetzt nicht was ich mit dem untenstehenden Code genau anfangen soll...

    Code:
    .hidden {width:250px; height:100px; overflow:hidden; font-size:smaller;}
    Ich nehme an der Code kommt in eine .CSS Datei?
    Zuletzt geändert von ramvolt; 23.09.2007, 12:48. Grund: schreibfehler

  • #2
    AW: overflow:hidden; wie richtig einsetzen?

    Um ihn zu testen kannst du ihn auch direkt in den HTML-Code schreiben:

    Code:
    <div style="width:250px; height:100px; overflow:hidden; font-size:smaller;">Text in Box</div>
    In deinem Fall hat die Box aber keine feste Höhe, nur eine feste Breite und der Text darin soll nicht kleiner dargestellt werden? Dann geht es auch so:

    Code:
    <div style="width:150px;overflow:hidden;">Text in Box</div>

    Kommentar


    • #3
      AW: overflow:hidden; wie richtig einsetzen?

      genau super!
      vielen dank, genau das was ich gesucht habe :mrgreen:

      Kommentar

      homepage-forum.de - Hilfe für Webmaster! Statistiken

      Einklappen

      Themen: 56.721   Beiträge: 429.268   Mitglieder: 28.477   Aktive Mitglieder: 45
      Willkommen an unser neuestes Mitglied, durchstarter.

      Online-Benutzer

      Einklappen

      167 Benutzer sind jetzt online. Registrierte Benutzer: 6, Gäste: 161.

      Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

      Die neuesten Themen

      Einklappen

      Die neuesten Beiträge

      Einklappen

      Lädt...
      X