Ergebnis 1 bis 36 von 36

Thema: Erste Site mit 5.1

  1. #1
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard Erste Site mit 5.1

    Hi Leute,
    ich habe mich heute in das Abenteuer 5.1 gewagt, und das zusätzlich mit einem mir neuen Theme! Was soll schon schief gehen? ;-)

    Jetzt stolpere ich schon über einen einfachen CE "Text mit Bild",´ hier: Link

    Eigentlich soll das Bild in voller Spaltenbreite über dem Text stehen, aber das hinterlegte SCSS macht aus dem Ganzen ein komisches Layout. Wie kann ich dem CE Text die Zuordnung .media wegnehmen, ich glaube dass die für das komische Layout zuständig ist.

    Dabei ist mir aufgefallen, dass die Konsole des FF die Datei "https://workshops.kubjo.net/assets/css/bootstrap.min.css,odd.scss-a0456c93.css" anscheinend nicht findet, es wird eine Warnung ausgegeben. Die Datei ist aber da, wo sie sein soll und wird im Inspektor auch angezeigt. Ich bin verwirrt. Ich glaube aber nicht, dass das irgendwie zusammen hängt.


    Viele Grüße
    Jochen
    Geändert von kubjo (22.05.2023 um 14:57 Uhr)
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  2. #2
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Kann mir da wirklich niemand helfen?
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  3. #3
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    nimm die Klasse 'media' aus dem Contentelement Text raus » Experteneinstellungen
    Grüsse
    Bernhard


  4. #4
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Ja, leider steht das "media" nirgends drin! Habe eben nochmal gründlich gesucht. Habe auch geguckt, ob es ein anderes Template ist, aber es sieht so aus, als ob es das Standard Template für Text mit Bild ist: "content_element/text [ContaoCore]. Daher ist meine Weißheit jetzt am Ende.

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  5. #5
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Die Klassen "media media--above" werden von Contao gesetzt und hießen bis contao-4.13 noch "image_container float_above".

  6. #6
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Hallo bizon,
    vielen Dank für die Info, leider weiß ich nicht so richtig, was ich damit machen soll. Der Inspektor zeigt mir das hier:

    Code:
    media {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    Das Blöde dabei ist, dass die Optionen im CE Text (Bild über dem Text, Im Text,...) nicht mehr greifen.

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  7. #7
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.376
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Vielleicht spielst Du hier mal ein wenig herum, um zu sehen, wie flex funktioniert und welche Anweisungen Du setzen musst?

    https://flexboxfroggy.com/#de

  8. #8
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Hi lucina,
    ich weiß dass "flex" ein mächtiges Werkzeug ist, und man sicherlich das gewünschte Ergebnis hinbekommen kann. Ich finde es nur blöd, wenn die Grundfunktionen nicht funktionieren. Zugegeben weiß ich auch nicht, woher das "flex" kommt, ob vom Theme oder vom Contao Core.

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  9. #9
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Ich habe jetzt nochmal bisschen mit den Optionen des Bildes im CE_Text rumgespielt. Es bleibt immer 'class="media", was sich ändert, ist die zweite Klasse, die wird entweder zu "media--above", "media--left", "media--right" oder "media--below" eine Auswirkung hat das nicht, weil das "display:flex" ja dem übergeordneten "media" zugeordnet ist. Und die anderen Klassen keine Definitionen haben.

    Viele Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

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

    Standard

    Zitat Zitat von kubjo Beitrag anzeigen
    Zugegeben weiß ich auch nicht, woher das "flex" kommt, ob vom Theme oder vom Contao Core.
    Das kommt von Bootstrap (4) welches du eingebunden hast (oder das Theme).
    » sponsor me via GitHub or PayPal or Revolut

  11. #11
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Code:
    .media {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: start;
    	-ms-flex-align: start;
    	align-items: flex-start;
    }
    Diese CSS-Anweisung kommt aus dem Bootstrap-CSS, das wahrscheinlich von deinem Theme implementiert wird.
    Ob du diese Anweisung irgendwo sonst auf deiner Website brauchst oder nicht, musst du selbst wissen oder lernen.

    Ansonsten kannst du das Bootstrap-CSS in einem nachfolgenden stylesheet überschreiben:
    Code:
    .media {
        display: unset;
    }

  12. #12
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Das hat mir weiter geholfen, vielen Dank!

    Was ich nicht richtig kapiere:
    Zitat Zitat von bizon Beitrag anzeigen
    Diese CSS-Anweisung kommt aus dem Bootstrap-CSS, das wahrscheinlich von deinem Theme implementiert wird.
    Ob du diese Anweisung irgendwo sonst auf deiner Website brauchst oder nicht, musst du selbst wissen oder lernen.
    Was bewirkt das Bootstrap-CSS eigentlich? Warum braucht man sowas in einem Theme, das ja normalerweise vom Ersteller des Themes von Grund auf selbst "gebaut" wird, oder täusche ich mich da?

    Was mich immer noch irritiert, ist, was ich oben schon geschrieben habe:

    Dabei ist mir aufgefallen, dass die Konsole des FF die Datei "https://workshops.kubjo.net/assets/css/bootstrap.min.css,odd.scss-a0456c93.css" anscheinend nicht findet, es wird eine Warnung ausgegeben. Die Datei ist aber da, wo sie sein soll und wird im Inspektor auch angezeigt.
    Viele Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

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

    Standard

    Zitat Zitat von kubjo Beitrag anzeigen
    Warum braucht man sowas in einem Theme, das ja normalerweise vom Ersteller des Themes von Grund auf selbst "gebaut" wird, oder täusche ich mich da?
    Das Theme kann ja auf einem bestehenden CSS Framework (wie bspw. Bootstrap) aufbauen.
    » sponsor me via GitHub or PayPal or Revolut

  14. #14
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Mit dem Eintrag der CSS-Regel
    Code:
    .media { display: unset; }
    ist das Ganze jedoch noch nicht zu Ende gedacht. Denn damit hast du jetzt nur die kurze Lösung für genau dein oben beschriebenes Problem. Die Position und Ausrichtung des Fotos bleibt damit aber immer gleich, völlig egal, was du im Textelement bei der Bildauswahl als Position auswählst.

    Wenn du also künftig bei weiteren Textelementen ein Bild hinzufügen möchtest und dort die Bildpositionierung anders aussehen soll, fällt dir das wieder auf die Füße.

    Contao setzt bei der Auswahl der Bildposition beim Element content-text lediglich die entsprechenden Klassen, jedoch ohne passendes CSS.
    .media.media--above
    .media.media--below
    .media.media--left
    .media.media--right

    Für jede Position musst du oder der Hersteller des Themes CSS-Regeln anlegen. Falls das evtl. doch mit Flexbox geschehen soll, muss ".media { display: unset; }" wieder entfernt und mit Regeln für jede .media Klasse ergänzt werden.

    Siehe auch den Vorschlag von @lucina in #7.

  15. #15
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    @lucina Habe alle Frösche zu ihrem Seerosenblatt geführt! Sehr lehrreich, danke für die Anregung!

    Ich versuche mich jetzt mal auf der Seite!


    Viele Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  16. #16
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    So, ich habe jetzt mal das CSS für das .media in den vier Geschmacksrichtunge geschrieben:


    Code:
    .media.media--above{
    flex-wrap: wrap;
    }
    
    .media.media--below{
    flex-wrap: wrap-reverse;
    }
    
    .media.media--left {
    flex-wrap: nowrap;
    }
    
    .media.media--right {
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    }
    Irgendwo scheint aber der Wurm drin zu sein. "above" funktioniert, so wie ich es mir vorgestellt habe. Die Anderen haben aber noch ihre Macken, ich weiß aber trotz intensiven Ausprobieren nicht woan es liegen kann.
    Wenn ich die Anweisungen dierkt in den Inspector schreibe funktioniert es. Wenn es über das CSS eingefügt wird, erscheint nur die Anweisungen von "above" in Inspector, die anderen tauchen erst gar nicht auf!

    Verwirrte Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

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

    Support Contao

    Standard

    Hast Du einen Link zu Deiner Testseite?
    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.




  18. #18
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Ja, hier:
    https://workshops.kubjo.net/fotowork...choenster-lage

    Ich experimentiere mit dem Element "Die Alpenrosenhütte in den Kitzbüheler Alpen" mit dem Drohnenbild.

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  19. #19
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Ich habe das Textelement jetzt mal dupliziert und das Bild einmal darunter und einmal darüber angeordnet. Das hilft vielleicht. ;-)

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  20. #20
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Was ich dabei nicht verstehe, ist dass bei "media-above" meine Anwesungen "ankommen" siehe screenshot1, bei media-below die Anweisungen erst gar nicht erscheinen!

    media-above.png

    media-below.png

    Habe ich etwas übersehen?

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  21. #21
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    hast du den Skript-Cache in der Systemwartung nach Änderung der (S)CSS gelöscht?
    Grüsse
    Bernhard


  22. #22
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Jetzt ja, ändert aber nichts an der Situation.

    Danke!

    P.S.:

    Es gab Zeiten, da wurde eine Änderung im CSS sofort übernommen, jetzt wird immer alles gecached, kann man das nicht irgendwie während der Entwicklung ausschalten?

    Viele Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  23. #23
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Jetzt ja, ändert aber nichts an der Situation
    also ich erkenne nun das Bild unterhalb und das Bild oberhalb ... also scheint doch zu klappen

    Es gab Zeiten, da wurde eine Änderung im CSS sofort übernommen
    es gab auch Zeiten, was Ladezeit egal

    Arbeite beim Entwickeln im Debug-Mode, da werden auch SCSS-Anweisungen ganz gut umgesetzt.
    Weiters kannst du im Layout einstellen, ob Skripte zusammen gefasst werden sollen oder nicht - das hilft auch manchesmal beim Entwickeln ganz gut weiter
    Grüsse
    Bernhard


  24. #24
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Ja, jetzt paßt es mit drunter und drüber!
    War bei mir noch im Cache!
    Ich habe jetzt mal auf links und rechts daneben umgestellt, da brauche ich noch weiteres CSS, vor allem dass der Text das Bild umfließt. Geht das überhaupt?
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

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

    Support Contao

    Standard

    Außerdem gibt es von E+F eine Erweiterung, die m.E. bei dem Themes immer integriert ist und für die Zeit der Entwicklung eine Möglichkeit zur Verfügung stellt, dass Caching zu umgehen.
    Außerdem haben alle Themes von E+F (außer Optimist) die Möglichkeit mit resultierenden CSS-Dateien (SCSS-lokal auflösen) zu arbeiten. Ich glaube das ist der Entwicklermodus oder so ähnlich. Dann hast Du das Problem mit nicht erkannten Änderungen in abhängigen SCSS-Dateien erst gar nicht.
    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.




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

    Support Contao

    Standard

    Zitat Zitat von kubjo Beitrag anzeigen
    Ich habe jetzt mal auf links und rechts daneben umgestellt, da brauche ich noch weiteres CSS, vor allem dass der Text das Bild umfließt. Geht das überhaupt?
    Mit Flexbox nicht. Dazu gibt es ja das gute alte Floating.
    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.




  27. #27
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Außerdem gibt es von E+F eine Erweiterung, die m.E. bei dem Themes immer integriert ist und für die Zeit der Entwicklung eine Möglichkeit zur Verfügung stellt, dass Caching zu umgehen.
    Außerdem haben alle Themes von E+F (außer Optimist) die Möglichkeit mit resultierenden CSS-Dateien (SCSS-lokal auflösen) zu arbeiten. Ich glaube das ist der Entwicklermodus oder so ähnlich. Dann hast Du das Problem mit nicht erkannten Änderungen in abhängigen SCSS-Dateien erst gar nicht.

    Ja, bei Themes von E&F gibt es das, leider nicht als extra Erweiterung.
    Mein hier verwendetes Theme ist nicht von E&F.

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  28. #28
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Mit Flexbox nicht. Dazu gibt es ja das gute alte Floating.
    Mit "float" stehe ich schon immer auf Kriegsfuss, aber hier funktioniert das gar nicht, vor allem nicht innerhalb der "flex" Gruppe!

    Grüße
    Jochen
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

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

    Support Contao

    Standard

    Das gibt es als Extra-Erweiterung die Theme-Toolbox müsste es sein, wenn ich mich recht entsinne.

    Was Floating betrifft, dazu brauchst Du ja dann auch keine Flexbox. Alles immer für die Sachen einsetzen für die es gedacht ist.
    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.




  30. #30
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Habe für rechts und links mal die Anweisungen für die flex-box raus gekommen. Mit float komme ich aber trotzdem nicht weiter.
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

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

    Support Contao

    Standard

    Wenn ich deine Seite anschaue, dann ist da noch display:flex vorhanden.

    Fürs Floaten z.B. https://www.w3schools.com/css/css_float.asp
    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.




  32. #32
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Ich kann dem "media" das "display:flex" ja nicht nehmen, sonst klappt es ja bei oben und unten nicht mehr!

    Mein Ziel war eigentlich nur oben und unter schön hin zu bekommen. Dann dachte ich, ich könnte links und rechts auch noch fertig machen, so dass wenn jemand anderes das hier liest, es sich mit Copy&Paste abgreifen kann.
    Scheint aber komplizierter zu sein als gedacht. ;-)


    Grüße
    Jochen
    Geändert von kubjo (25.05.2023 um 15:52 Uhr)
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

  33. #33
    Alter Contao-Hase Avatar von kubjo
    Registriert seit
    11.01.2011.
    Ort
    Ludwigsburg
    Beiträge
    1.389

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Das gibt es als Extra-Erweiterung die Theme-Toolbox müsste es sein, wenn ich mich recht entsinne.

    Themebox installiert und damit den Cache umgangen!

    DANKE!
    Wir sind alle Würmchen, nur glaube ich, daß ich ein Glühwürmchen bin.

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

    Support Contao

    Standard

    Zitat Zitat von kubjo Beitrag anzeigen
    Ich kann dem "media" das "display:flex" ja nicht nehmen, sonst klappt es ja bei oben und unten nicht mehr!
    Ich habe das jetzt nicht komplett durchgespielt, aber man kann z.B. das display:flex auch explizit nur für die Klassen media--above und media--below setzen.
    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.




  35. #35
    Contao-Fan Avatar von mdoll
    Registriert seit
    25.06.2009.
    Ort
    Wietze
    Beiträge
    351

    Standard

    Zitat Zitat von kubjo Beitrag anzeigen
    Ich kann dem "media" das "display:flex" ja nicht nehmen, sonst klappt es ja bei oben und unten nicht mehr!
    Moin,

    nutz die Kaskade und gib den Klassen

    .media--right/--left ein display:unset

    Gruß
    Mathias
    The idea is to die young as late as possible!

  36. #36
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Anschupser:
    Code:
    .media.media--left,
    .media.media--right {
      display: block;  
      margin-bottom: 70px;
    }
    .media.media--left h2,
    .media.media--left h3,
    .media.media--right h2,
    .media.media--right h3 {
      margin-top: 0;
    }
    
    @media screen and (min-width: 768px) {
      .media--left > figure,
      .media--right > figure {
        max-width: 50%;  
      }
      .media--left figure {
        float: left;
        margin: 0 40px 20px 0
      }
      .media--right figure {
        float: right;
        margin: 0 0 20px 30px;
      }
    }

Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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