Contao-Camp 2024
Ergebnis 1 bis 14 von 14

Thema: Transparente Abstände zwischen Inhaltselementen

  1. #1
    Contao-Fan Avatar von Norbert001
    Registriert seit
    07.01.2011.
    Ort
    Taunusstein, Hessen
    Beiträge
    472

    Standard Transparente Abstände zwischen Inhaltselementen

    Hallo zusammen,

    wie kann man in Contao Transparente Abstände zwischen Inhaltselementen umsetzen. Siehe Link

    http://www.roberg-hof.de/index.html

    Habe schon einiges probiert, aber es geht nicht. Ich bin wohl zu blöd dafür.
    Gruß Norbert
    Geht nicht, gibt es nicht.

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Was sind "transparente Abstände"?

  3. #3
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Norbert,

    mit einem Außenabstand (margin) vor und nach einem Inhaltselement lässt sich das umsetzen.

    In dem Fall CSS-Klasse(n) anlegen und die Abstände eintragen.

    Früher mit 3.5.x gabs immer das Eingabefeld „Abstand davor und danach” - das ist mit der Version 4 weggefallen.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  4. #4
    Contao-Fan Avatar von Norbert001
    Registriert seit
    07.01.2011.
    Ort
    Taunusstein, Hessen
    Beiträge
    472

    Standard

    Da ich in css noch nicht fit bin, habe ich vesucht das so zu Lösen.

    Code:
    .au20 {
        margin-bottom:20px !important;
        background-color:tranzparent !important;
    }
    Das geht aber nicht.
    Gruß Norbert
    Geht nicht, gibt es nicht.

  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Wenn du normale CSS Abstände (margins) meinst: die haben keine Farbe .

  6. #6
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Norbert001 Beitrag anzeigen
    Da ich in css noch nicht fit bin, habe ich vesucht das so zu Lösen.

    Code:
    .au20 {
        margin-bottom:20px !important;
        background-color:tranzparent !important;
    }
    Das geht aber nicht.
    Hast du einen Link?
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  7. #7
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    In der verlinkten Seite sind doch wie Du es nennst "die Abstände schon transparent". Hast Du das jetzt schon angepasst oder sollte das nur als Beispiel dienen?
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  8. #8
    Contao-Fan Avatar von Fachinger
    Registriert seit
    24.04.2016.
    Ort
    Limburg
    Beiträge
    308

    Standard

    Versuch mal "tranZparent" mit "tranSparent" zu ersetzen...

    Gesendet von meinem SM-A217F mit Tapatalk

  9. #9
    Contao-Fan Avatar von Norbert001
    Registriert seit
    07.01.2011.
    Ort
    Taunusstein, Hessen
    Beiträge
    472

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    In der verlinkten Seite sind doch wie Du es nennst "die Abstände schon transparent". Hast Du das jetzt schon angepasst oder sollte das nur als Beispiel dienen?
    Das war nur ein Beispiel
    Gruß Norbert
    Geht nicht, gibt es nicht.

  10. #10
    Contao-Fan Avatar von Norbert001
    Registriert seit
    07.01.2011.
    Ort
    Taunusstein, Hessen
    Beiträge
    472

    Standard

    Ich habe das nun hier in diesem Link mal gemacht.

    https://www.berkshires-best.de/

    Gleich unter dem ersten Text, den Abstand habe ich auf 200 px aber transparent ist das nicht.
    Gruß Norbert
    Geht nicht, gibt es nicht.

  11. #11
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Dann verlinke doch mal Deine Problemseite, dann kann man besser helfen.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  12. #12
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Norbert,
    wenn der #container #fff als Hintergrundfarbe hat, kann da nichts transparent werden.

    Entweder den Einzelelementen eine andere Hintergrundfarbe zuweisen, so dass weiß durchsichtig ist oder dem Container keine Hintergrundfarbe zuweisen und den Inhaltselementen dann weiß.

    Ich habe das eben mal im Codeinspektor gemacht. So in diese Richtung soll es werden?
    Angehängte Grafiken Angehängte Grafiken
    Geändert von planepix (17.11.2020 um 10:09 Uhr)
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  13. #13
    Contao-Fan Avatar von Norbert001
    Registriert seit
    07.01.2011.
    Ort
    Taunusstein, Hessen
    Beiträge
    472

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Dann verlinke doch mal Deine Problemseite, dann kann man besser helfen.
    Schau mal oben, habe ich eben gemacht.

    Danke
    Gruß Norbert
    Geht nicht, gibt es nicht.

  14. #14
    Contao-Fan Avatar von Norbert001
    Registriert seit
    07.01.2011.
    Ort
    Taunusstein, Hessen
    Beiträge
    472

    Standard

    Zitat Zitat von planepix Beitrag anzeigen
    Hallo Norbert,
    wenn der #container #fff als Hintergrundfarbe hat, kann da nichts transparent werden.

    Entweder den Einzelelementen eine andere Hintergrundfarbe zuweisen, so dass weiß durchsichtig ist oder dem Container keine Hintergrundfarbe zuweisen und den Inhaltselementen dann weiß.

    Ich habe das eben mal im Codeinspektor gemacht. So in diese Richtung soll es werden?
    Ja genau so, danke für Deine Antwort, das werde ich mal so machen.
    Gruß Norbert
    Geht nicht, gibt es nicht.

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
  •