ilch Forum » Allgemein » HTML, PHP, SQL,... » Pagination Zentriereen

Geschlossen
  1. #1
    User Pic
    Pixelkiller Mitglied
    Registriert seit
    05.09.2021
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen,

    ich glaube Ihr könnt mir Helfen. Ich benutze das Ilch-Privat Layout und würde gerne das Pagination Mittig unter den Content plazieren. Ich bekomme das aber nur Rechts oder Links hin.

    Kann mir da wer helfen vielleicht.


    verwendete ilch Version: 2.1.x

    betroffene Homepage: streamfriends.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    zillo Mitglied
    Registriert seit
    16.03.2023
    Beiträge
    78
    Beitragswertungen
    5 Beitragspunkte
    hast du bild oder sowas? was ist Pagination ? ich nutze das selbe design | sorry hab gegoogelt heißt Seiten nummerirung wie soll das aussehen?
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Pixelkiller Mitglied
    Registriert seit
    05.09.2021
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Soll statt rechts oder links in die Mitte
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    zillo Mitglied
    Registriert seit
    16.03.2023
    Beiträge
    78
    Beitragswertungen
    5 Beitragspunkte
    also wenn ich auf deine seite bin habe ich das mittig unten
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Pixelkiller Mitglied
    Registriert seit
    05.09.2021
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    Ich meinte Mittig unter den News. Also unter dem Content DIV
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    zillo Mitglied
    Registriert seit
    16.03.2023
    Beiträge
    78
    Beitragswertungen
    5 Beitragspunkte
    in bootstrap.min.css :

    .pagination {
    display: inline-block;
    padding-left: 0px;
    margin: 20px 0;
    border-radius: 4px;
    }


    ändern in :

    .pagination {
    display: inline-block;
    padding-left: 25%;
    margin: 20px 0;
    border-radius: 4px;
    }

    da es beim update überschrieben wir empfähle ich dir die bootstrap.min.css in dein style zu laden und im header verlinken. änderes es so : <link href="<?=$this->getLayoutUrl('bootstrap.min.css') ?>" rel="stylesheet"> dann must du es nicht immer ändern

    ach ja aus : <div class="pull-right"> mache <div> mache aber bitte vorher ne kopie


    Zuletzt modifiziert von zillo am 14.05.2023 - 22:27:33
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Mr-Banana Mitglied
    Registriert seit
    21.11.2008
    Beiträge
    47
    Beitragswertungen
    1 Beitragspunkte
    bootstrap.min.css (Zeile 5551)

    .pull-right {
    float:right!important
    }

    ändern in

    .pull-right {
    display: flex;
    justify-content: center;
    }
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Pixelkiller Mitglied
    Registriert seit
    05.09.2021
    Beiträge
    13
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Mr-Banana
    bootstrap.min.css (Zeile 5551)

    .pull-right {
    float:right!important
    }

    ändern in

    .pull-right {
    display: flex;
    justify-content: center;
    }


    Danke für die Antworten. Hat geklappt.
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    200
    Beitragswertungen
    12 Beitragspunkte
    Mit welchem Editor wird eine .min.css bearbeitet.
    Beim öffnen einer .min.css mit meinem gängigen Editor sehe ich nur unendlichen Text!


    Zuletzt modifiziert von wiesenflieger am 01.10.2023 - 15:19:29
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.277
    Beitragswertungen
    356 Beitragspunkte
    Ich rate davon ab direkt an der CSS-Datei von Bootstrap zu arbeiten.

    Das "min" steht für minified.

    Siehe hier:
    en.wikipedia.org/wiki/Minification_(programming)
    wiki.selfhtml.org/wiki/Minify
    1 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    BlackRomeo Moderator
    Registriert seit
    31.01.2014
    Beiträge
    274
    Beitragswertungen
    27 Beitragspunkte
    ZitatZitat geschrieben von blackcoder
    Ich rate davon ab direkt an der CSS-Datei von Bootstrap zu arbeiten.

    Das "min" steht für minified.

    Siehe hier:
    en.wikipedia.org/wiki/Minification_(programming)
    wiki.selfhtml.org/wiki/Minify


    Da gebe ich blackcoder recht,
    Lieber in deiner .css Bearbeiten.

    als !Importand wars glaub ich.
    | SchlueppaTv Twitch Streamer |
    | www.twitch.tv/schlueppatv |

    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    200
    Beitragswertungen
    12 Beitragspunkte
    wie lautet dann der genaue code in der css datei!
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.622
    Beitragswertungen
    1192 Beitragspunkte
    Statt
    <div class="pull-right">...</div>

    dies
    <div class="text-center">...</div>

    um ul.pagination im Template
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    BlackRomeo Moderator
    Registriert seit
    31.01.2014
    Beiträge
    274
    Beitragswertungen
    27 Beitragspunkte
    in der .css des Layout mal das machen das sollte dann in der .min.css überschreiben. somit wäre es dann auch Sicher vor updates


    .pagination {
    display: inline-block;
    padding-left: 25%;
    margin: 20px 0;
    border-radius: 4px;
    }


    Falls das nicht so recht Klappen sollte einfach mal dann das probieren

    .pagination !important {
    display: inline-block;
    padding-left: 25%;
    margin: 20px 0;
    border-radius: 4px;
    }



    Zuletzt modifiziert von BlackRomeo am 02.10.2023 - 11:59:00
    | SchlueppaTv Twitch Streamer |
    | www.twitch.tv/schlueppatv |

    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    rumpel Mitglied
    Registriert seit
    02.12.2021
    Beiträge
    60
    Beitragswertungen
    11 Beitragspunkte
    Hi,

    bitte das !important so schreiben mit t und nicht mit d

    Lg
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    BlackRomeo Moderator
    Registriert seit
    31.01.2014
    Beiträge
    274
    Beitragswertungen
    27 Beitragspunkte
    ZitatZitat geschrieben von rumpel
    Hi,

    bitte das !important so schreiben mit t und nicht mit d

    Lg


    hehe sry schreibfehler ^^
    | SchlueppaTv Twitch Streamer |
    | www.twitch.tv/schlueppatv |

    1 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    rumpel Mitglied
    Registriert seit
    02.12.2021
    Beiträge
    60
    Beitragswertungen
    11 Beitragspunkte
    Kommt vor :-)
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    200
    Beitragswertungen
    12 Beitragspunkte
    ZitatZitat geschrieben von BlackRomeo
    in der .css des Layout mal das machen das sollte dann in der .min.css überschreiben. somit wäre es dann auch Sicher vor updates


    .pagination {
    display: inline-block;
    padding-left: 25%;
    margin: 20px 0;
    border-radius: 4px;
    }


    Falls das nicht so recht Klappen sollte einfach mal dann das probieren

    .pagination !important {
    display: inline-block;
    padding-left: 25%;
    margin: 20px 0;
    border-radius: 4px;
    }



    Zuletzt modifiziert von BlackRomeo am 02.10.2023 - 11:59:00


    funktioniert so leider nicht

    ZitatZitat geschrieben von Lord|Schirmer
    Statt
    ?
    1

    <div class="pull-right">...</div>

    dies
    ?
    1

    <div class="text-center">...</div>

    um ul.pagination im Template

    habe ich im Template leider nicht gefunden traurig
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.622
    Beitragswertungen
    1192 Beitragspunkte
    Stimmt "pagination" wird im Modul definiert. In diesem Fall im article Modul.

    Das Problem ist, dass .pull-right in deiner bootstrap.min.css schon mit einem float: right !important; versehen ist. Somit hilft auch eine Anpassung der Klasse in eigenen CSS nichts. Ein gesetztes !important kann nicht überschrieben werden!

    Die Beste Lösung wäre ein Überschreiben der Views vom article Modul. Ggf. hat dein Layout auch schon das Artikelmodul angepasst: application/layouts/LAYOUTNAME/views/modules/article/

    Wenn nicht dann müsste ein neuer View in dein Layout integriert werden und <div class="pull-right">...</div> entsprechend geändert werden.

    github.com/IlchCMS/Ilch-2.0/wiki/Views-%C3%BCberschreiben
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Slipi ilch.de Design
    Registriert seit
    19.01.2018
    Beiträge
    938
    Beitragswertungen
    117 Beitragspunkte
    Grüße.


    Überschreibe die view wie es Lord erklärt hat und ersetze die
    class="pull-right"

    mit der Bootstrap klasse
    class="text-center"

    text-center zentriert den inhalt mittig getbootstrap.com/docs/4.0/utilities/text/ .

    Du kannst auch die klasse direckt im Modul ändern, jedoch nach jedem update müßte man diese immer ändern. Dies wäre eine Lösung wenn du mit dem überschreiben der Views schwer tust.
    Wir können uns auch im DC treffen, und wir gehen gemeinsam das ganze durch. DC wäre deswegen gut, da bildschirmübertragung möglich ist.


    Slipi


    Zuletzt modifiziert von Slipi am 03.10.2023 - 19:22:19
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beiträge
    200
    Beitragswertungen
    12 Beitragspunkte
    Super funktioniert Yes besten Dank an euch Bier
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten