Bild im Artikel

Gehe zu Seite:

Geschlossen

So. 12.02.2023 17:34 Uhr #1

wiesenflieger Mitglied

Registriert seit
03.12.2017

Beiträge
200

Beitragswertungen

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

verwendete ilch Version: 2.1.x

betroffene Homepage: heliclubtestpage.lima-city.de/ilch_CMS/
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 13.02.2023 11:17 Uhr #2

M.vittel Mitglied

Registriert seit
16.11.2018

Beiträge
328

Beitragswertungen

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.
- zitieren
Mo. 13.02.2023 18:27 Uhr #3

wiesenflieger Mitglied

Registriert seit
03.12.2017

Beiträge
200

Beitragswertungen

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

MFG
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 13.02.2023 19:28 Uhr #4

IronMan Mitglied

Registriert seit
11.09.2021

Beiträge
101

Beitragswertungen
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.
- zitieren
Mo. 13.02.2023 21:07 Uhr #5

wiesenflieger Mitglied

Registriert seit
03.12.2017

Beiträge
200

Beitragswertungen

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.
- zitieren
Di. 14.02.2023 17:22 Uhr #6

IronMan Mitglied

Registriert seit
11.09.2021

Beiträge
101

Beitragswertungen
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.
- zitieren

Di. 14.02.2023 18:33 Uhr #7

wiesenflieger Mitglied

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.

zitieren

Di. 14.02.2023 19:47 Uhr #8

IronMan Mitglied

Registriert seit
11.09.2021

Beiträge
101

Beitragswertungen
Du hast,
```
margin: right 10px;
```
Du musst aber,
```
margin-right: 10px;
```
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 15.02.2023 11:32 Uhr #9

wiesenflieger Mitglied

Registriert seit
03.12.2017

Beiträge
200

Beitragswertungen

ok habe es jetzt geändert, das Ergebnis bleibt das gleiche
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 15.02.2023 16:23 Uhr #10

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.629

Beitragswertungen

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.
- zitieren
Do. 16.02.2023 18:49 Uhr #11

wiesenflieger Mitglied

Registriert seit
03.12.2017

Beiträge
200

Beitragswertungen

ok ich habe ein paar sachen probiert jedoch ohne erfolg, leider schade
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 16.02.2023 20:22 Uhr #12

wiesenflieger Mitglied

Registriert seit
03.12.2017

Beiträge
200

Beitragswertungen
Habe nun eine Lösung gefunden, sieht soweit gut aus
```
.article_image {
    margin-left: auto;
	display:block;
}
```
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 17.02.2023 18:18 Uhr #13

IronMan Mitglied

Registriert seit
11.09.2021

Beiträge
101

Beitragswertungen
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.
- zitieren

Geschlossen

	Zurück zu Allgemein

Beitrag zur Merkliste hinzufügen

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