Contao 4 Crashkurs
Ergebnis 1 bis 5 von 5

Thema: Man lernt nie aus-Thread

  1. #1
    Haupt-Administratorin der Contao-Foren
    Buchautorin 'Contao für Redakteure'
    Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Mecklenburg-Vorpommern
    Beiträge
    4.726
    Partner-ID
    11474
    User beschenken
    Wunschliste

    Standard Man lernt nie aus-Thread

    Selbst nach fast zwei Jahrzehnten als Webdesignerin stolpere ich doch noch immer wieder über Dinge, die mir nicht bekannt waren. Da es vielleicht anderen auch so geht, sammle ich diese hier. Ihr dürft gerne auch mit eigenen Sachen ergänzen.

  2. #2
    Haupt-Administratorin der Contao-Foren
    Buchautorin 'Contao für Redakteure'
    Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Mecklenburg-Vorpommern
    Beiträge
    4.726
    Partner-ID
    11474
    User beschenken
    Wunschliste

    Standard

    Wenn der Text in einem Input bei zu wenig Platz umbrechen soll, reicht die Anweisung white-space: normal; (+ Breitenangabe) für das Input, das sich dann endlich wie gewünscht verhält.

  3. #3
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    613

    Standard

    Könntest Du das präzisieren bzw. ein Beispiel zeigen?

    Ich kann das nicht nachvollziehen bzw. nachstellen, Du meinst bei einem <input type="text"...> Feld?

  4. #4
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    613

    Standard

    Auch wenn es im Grunde ein Problem ist was ich nie hatte, aber mich interessiert die Antwort trotzdem noch

  5. #5
    Contao-Fan Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    815
    Partner-ID
    6122

    Standard

    CSS - Border-Image
    Die Nutzung von CSS Border-Image hatte ich schon wieder verdrängt - ist aber hilfreich:

    - https://www.w3schools.com/cssref/css...rder-image.asp
    - https://css-tricks.com/almanac/prope.../border-image/
    - https://caniuse.com/#feat=border-image

    Test Image: border-image-test.png

    Html:
    HTML-Code:
    <div class="border-img test">
    Some lore ipsum
    </div>
    CSS:
    Code:
      .border-img {
        border: 1px solid #fff;
        border-image-slice: 5 5 5 5; 
        border-image-width: auto;
        border-image-outset: 0;
        border-image-repeat: repeat;
      }
    
      .border-img-fill {
        border-image-slice: 5 5 5 5 fill; 
      }
    
     .test {
        display: block;
        padding: 110px;
    
       border-image-source: url(border-image-test.png);
     }
    Geändert von Franko (Gestern um 15:15 Uhr)
    carpe diem ...

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •