[Invision] Beitrag legt sich über Avatar nach Änderung der Avatargröße

URL-Adresse des Forums: http://traitors-and-thieves.forumieren.de
Rang/Funktion im Forum: Admin
Forenversion: Invision
Browser: MS Edge, Explorer vom Android-System
Persönliches CSS(Ja/Nein): Ja
Templateänderungen(Ja/Nein): Ja

Hallo,
ich schon wieder. Tut mir echt Leid, dass ich schon wieder nerve. Nichts ist komplizierter, als das erste Design eines Forums


Da ich die Voreinstellung des Avas ungünstig fand, habe ich sie auf 250x300px fest gesetzt. Seitdem gingen die Probleme los, an denen ich seit gestern Abend sitze :/

Und zwar legt sich der Text über das Avatar... Zuerst hatte ich eine schöne Lösung gefunden, indem ich "postprofile" eine Breite von 270 px zuwies. Der Text war nun, wo er war, aber der Hintergrund des Bereichs "post-entry" lag dann hinter dem Profilbereich und über der Onlineanzeige/Username.
Nun habe ich es mit padding, margin, width und so bei beiden Klassen versucht, aber es geschah nichts Über "Element untersuchen" konnte ich sehen, dass meistens die Codes umgesetzt (nur bei post-entry ging margin-left nicht :/ Vielleicht eil es im Standard schon mit 0,5 em besetzt ist?) wurden, nur bewirkten sie nichts :/ Ich habe hier die Suche durchforstet, aber nichts Hilfreiches gefunden und im Template will ich nichts verändern (ich habe da nur ein paar Googlefonts nach Tutorial eingefügt).
Ich wollte dann einfach das User-Popup-Menü da oben ausblenden, aber da war alles weg, zumal ich dann noch eine offline-Symbol bräuchte, damit nicht so eine große, leere Lücke da ist und da gibt es hier nichts für Invision.
Dann habe ich oben alles ausgeblendet (Pop-Up und Onlineanzeige) und wollte das Online-Offline als Rahmengrafik nach dem Tutorial (Rahmen um Avatar) machen, aber das funktionierte auch nicht, da verschwand die Grafik nahezu komplett hinter dem Ava, egal wie hoch ich die Grafik machte :/
Also ich habe mich wirklich um eine eigene Lösung bemüht, um nicht schon wieder hier zu schreiben, aber ich bin langsam echt ratlos

Unten findet ihr einen Screenshot. Mit dem Gelben habe ich die Klasse Post-entry hervorgehoben. Hier mal noch mein CSS-Code (Die Einträge wegen dieses Problems habe ich erstmal wieder raus genommen)

Spoiler:

Liebe Grüße

Arawn

Hallo @Arawn,

wie wäre es mit folgendem Code?:

Code:

.postprofile-details img {
    max-width: 100%;
}

Wir müssen dann einmal schauen, wie es sich mit dem Online-Icon verhält. Da du gerade nicht online bist, kann ich das momentan nicht berücksichtigen.

Beste Grüße
Bigtuber

Hallo @Bigtuber,

Jetzt hat es das Avatar kleinskaliert auf 183x218px. Nun passt es optisch zwar, aber es ist etwas zu klein. Gerade RPG-Spieler toben sich bei ihren Avataren voll aus. Da bin ich mit 250x300 schon fast am unteren Limit

Hast du noch eine andere Idee? ^^°

Code:

.postprofile {
    width: 25em;
}

Setz den mal ein. Ich konnte gerade noch sehen, dass der Nutzername dann ausgeblendet wird, wenn die Online-Anzeige aktiv ist (so wie du meintest).
Leider kann ich es nicht weiter überprüfen, weil du jetzt offline bist.

Beste Grüße
Bigtuber

Probiert und da bin ich wieder am Ausgangspunkt



So sieht es da jetzt aus

Den vorherigen Code bitte weiterhin verwenden - dann überlappt das Bild nicht.
Zu dem Nutzernamen: Wäre es eine Option, diesen ganz zu entfernen? Ist ja doch schon recht häufig dort vertreten, oder?

Beste Grüße
Bigtuber

OK. Ich sehe, du hast den anderen Code wieder eingesetzt.
Hier der Code zum Fix für den Namen:

Code:

.postprofile-head .popmenubutton-new-out {
margin: 0;
}

Beste Grüße
Bigtuber

Achso Jetzt fehlt halt wieder der halbe Username...

Also wenn das mit dem weg machen geht, gern, nur wäre dann eine Offlinegrafik als Lückenfüller gut, sonst sieht das bei Usern, die offline sind, aus wie gewollt und nicht gekonnt durch die große Lücke ^^°

Bei der Suche dazu habe ich nur nichts für Invision gesehen oder ich bin zu doof zum Suchen ^^° Ich habe nur phpBB3 gefunden

@Arawn, ich hatte noch einen Beitrag rangehängt. Dieser enthält die optimale Lösung für das Problem.
https://hilfe.forumieren.com/t43584-invisionbeitrag-legt-sich-uber-avatar-nach-anderung-der-avatargrosse#288415

Beste Grüße
Bigtuber

Danke

Geht jetzt Ich hoffe, das bleibt dann auch bei langen Usernamen so xD

Gerne.

Beste Grüße
Bigtuber

	Das Thema wurde für die Nachbearbeitung erneut geöffnet. Du hast jetzt erneut die Möglichkeit Fragen zu diesem Thema zu stellen.

Code:

.popmenubutton-new-out {
width: 23em;
}

Beste Grüße
Bigtuber

Da tut sich leider gar nichts

Hatte manuelle Leerzeilen vor width eingefügt, daran liegt es. Probier's nochmal.

Beste Grüße
Bigtuber

Da tut sich leider trotzdem gar nichts ^^°

Code:

.postprofile-head .popmenubutton-new-out {
    padding: 3em 0 0 0;
}

Beste Grüße
Bigtuber

Nun ist nur noch der Beitrag weiterhin verschoben ^^°



@Bigtuber

Das muss ich live testen. Bitte nochmal einloggen.

Beste Grüße
Bigtuber

so, bin online

@Bigtuber

Du bist noch mit Robert on. Ich sehe das Thema nicht, in dem du geschrieben hast.

Beste Grüße
Bigtuber

Moment, ich schreib mal im Gastbereich

Danke.

Code:

.postprofile-details img {
    max-width: 100% !important;
}

Beste Grüße
Bigtuber

Juhu, jetzt passt es endlich
Die nächsten Tage mach ich am Besten nur noch ganz harmlose Sachen

Juhu

	Thema ist erledigt und wurde ins Archiv verschoben. Regeln des Forums der Foren

Beste Grüße
Bigtuber