ilch Forum » Ilch CMS 2.X » Allgemein » Bild im Artikel

Geschlossen
  1. #1
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beitrge
    180
    Beitragswertungen
    12 Beitragspunkte
    Hallo zusammen,
    kann mir jemand sagen ob es möglich ist dieses Artikelbild nicht mittig Anzeigen zu lassen, sondern Rechts und auch viel kleiner. Wo wird das vorgegeben in der CSS ? dort habe ich nicht wirklich etwas gefunden. Es handelt sich hierbei um das Bild das man im Admincenter unter Optionen einfügen kann beim Erstellen eines neuen Artikels.
    Wer kann helfen?
    MFG

    gesperrtes Bild


    verwendete ilch Version: 2.1.x

    betroffene Homepage: heliclubtestpage.lima-city.de/ilch_CMS/
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    M.vittel Mitglied
    Registriert seit
    16.11.2018
    Beitrge
    319
    Beitragswertungen
    24 Beitragspunkte
    Bild in den Artikel setzen, dann Doppel klick darauf, da kannst du die Größe anpassen.
    Bildposition: Cursor vor dem Bild setzen und dann einfach über die Zentrierung die Position bestimmen.
    Jedenfalls mache ich das so :-)
    RealLife ... das ist doch das Game mit der geilen Grafik und der scheiss Story
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beitrge
    180
    Beitragswertungen
    12 Beitragspunkte
    Hallo M.vittel,
    ich meinte das hier, so wie du es meinst ist mir klar.
    Es ist das Bild das Mann unter den Optionen hinzu fügt
    gesperrtes Bild
    MFG
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    IronMan Mitglied
    Registriert seit
    11.09.2021
    Beitrge
    96
    Beitragswertungen
    30 Beitragspunkte
    Hi,

    application/modules/article/static/css/article.css

    .article_image {
        display: block;
        padding: 10px;
        margin: 10px auto 10px auto;
    }


    das margin in margin-left: 5px; ändern. Eventuell probieren bis es passt!

    Die Bildgröße dann so Skalieren wie du sie haben möchtest, einfach das Bild kleiner, oder halt größer machen!

    Sehe gerade das du es rechts haben möchtest, dann musst du es natürlich auf

    margin-right: 5px; ändern!


    Zuletzt modifiziert von IronMan am 13.02.2023 - 20:52:48
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beitrge
    180
    Beitragswertungen
    12 Beitragspunkte
    Die größe passt jetzt, leider zeigt er das Bild nur Links obwohl ich es auf margun-right abgeändert habe.
    Browserverlauf habe ich auch gelöscht
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    IronMan Mitglied
    Registriert seit
    11.09.2021
    Beitrge
    96
    Beitragswertungen
    30 Beitragspunkte
    Hallo,

    zeig mir bitte mal den css Teil den du geändert hast.

    So sollte es aussehen...
    .article_image {
        display: block;
        padding: 10px;
        margin-right: 10px;
    }



    Zuletzt modifiziert von IronMan am 14.02.2023 - 17:30:47
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beitrge
    180
    Beitragswertungen
    12 Beitragspunkte
    original
    .article_image {
        display:block;
        padding: 10px;
        margin: 10px auto 10px auto;
    }


    aktuell
    .article_image {
        display:block;
        padding: 10px;
        margin: right 10px;

    MFG
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    IronMan Mitglied
    Registriert seit
    11.09.2021
    Beitrge
    96
    Beitragswertungen
    30 Beitragspunkte
    Du hast,

    margin: right 10px;


    Du musst aber,

    margin-right: 10px;
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beitrge
    180
    Beitragswertungen
    12 Beitragspunkte
    ok habe es jetzt geändert, das Ergebnis bleibt das gleiche
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beitrge
    7.544
    Beitragswertungen
    1177 Beitragspunkte
    margin steht für den Außenabstand und nicht für eine Ausrichtung.

    Man müsste hier mit float:right oder einer anderen Positionierungsart arbeiten.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beitrge
    180
    Beitragswertungen
    12 Beitragspunkte
    ok ich habe ein paar sachen probiert jedoch ohne erfolg, leider schade
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    wiesenflieger Mitglied
    Registriert seit
    03.12.2017
    Beitrge
    180
    Beitragswertungen
    12 Beitragspunkte
    Habe nun eine Lösung gefunden, sieht soweit gut aus lcheln
    .article_image {
        margin-left: auto;
    	display:block;
    }
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    IronMan Mitglied
    Registriert seit
    11.09.2021
    Beitrge
    96
    Beitragswertungen
    30 Beitragspunkte
    Sorry, hatte die Woche echt viel um die Ohren!

    .article_image {
        display: block;
        padding: 10px;
        float: right;
        margin-right: 12px;
    }


    @Lord|Schirmer

    wenn ich es mit float: right; versuche, schiebt sich der Text der unter dem Newsbanner ist links neben den Newsbanner, andersherum ist es genauso!

    Ich bin da auch nicht so versiert was css angeht, und finde nicht heraus warum das so ist.

    margin war von daher die beste Lösung für mich!

    Siehe externer Link


    Zuletzt modifiziert von IronMan am 17.02.2023 - 18:20:47
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten