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: 57.203   Beiträge: 432.325   Mitglieder: 29.596   Aktive Mitglieder: 49
      Willkommen an unser neuestes Mitglied, BillyTig.

      Online-Benutzer

      Einklappen

      992 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 989.

      Mit 4.707 Benutzern waren am 12.01.2023 um 03:07 die meisten Benutzer gleichzeitig online.

      Die neuesten Themen

      Einklappen

      • bodan
        Bard - Googles Antwort auf ChatGPT geht ins Rennen
        Try Bard and share your feedback Mar 21, 2023 - so der Aufruf vor wenigen Stunden.

        und weiter: We’re starting to open access to Bard, an early experiment that lets you collaborate with generative AI. We're beginning with the U.S. and the U.K., and will expand to more countries and languages...
        22.03.2023, 23:20
      • daggel
        Eine horizontale Linie mit <hr> in css als bild mit wiederholung anzeigen?
        Hallo,

        ich bin neu hier und Webseiten-Anfänger. Trotzdem möchte ich in einem HR-Tag mit Css ein Bild anzeigen, dass nur horizontal über die gesamte Seite wiederholt wird.
        HTML-Code:
          <!--<div id="bild2">      
        <img src="..\Bilder\TrennungTranparentQuer.jpeg">
        ...
        22.03.2023, 15:44
      • bodan
        CloudFest Hackathon 2023 noch bis 23 März- mit innovativen Projekten
        Hi liebe Homepage-Foren-Feunde,


        hier ein kurzer Hinweis auf das CloudFest 2023

        wie immer gibts eine Fülle von Angeboten am Fest. Da ist ganz ganz viel dabei!
        ...unter anderem auch mit innovativen WordPress-Projekten: VS Code-Erweiterung für In-Browser-Entwicklung...
        21.03.2023, 12:41
      • PatX
        Design Hilfe zu einer Form die ein PHP Script triggert
        Ich würde mich über eure Meinung zu dem folgenden Szenario freuen:

        Ich möchte ein Formular einrichten, das im Wesentlichen die folgenden Schritte triggert:
        - Ein PHP-Skript ausführen
        - Formulardaten in die WordPress-Datenbank meiner Website speichern
        - KEINE anderen...
        21.03.2023, 07:20
      • Reservespieler
        Website pflegen
        Ein freundliches Hallo an alle,
        Ich würde gerne von meinem Verein die Pflege der Website übernehmen da es auch einige Vorteile als aktives Mitglied hat. Das Problem ist nur das ich überhaupt keine Ahnung davon habe.
        Daher hier meine Frage:
        Wie funktioniert sowas und was muss ich...
        18.03.2023, 16:48

      Die neuesten Beiträge

      Einklappen

      Lädt...
      X