Online-Button bei Beiträgen durch Avatar verdeckt

[Shizuka]

Da tölpeln wir wohl von einem Problem ins nächste. Wir sind nun auf phpBB3 umgestiegen und haben uns schon gut darauf eingerichtet, jedoch ist jetzt folgendes Problem aufgetreten: Wenn jemand online ist, wird das ja oben rechts von den Beiträgen durch einen Button gekennzeichnet, dieser wird leider jedoch durch den Avatar verdeckt, hier einmal ein Bild davon:

Ich find die Idee mit dem Online-Button natürlich super und würd ihn ungern verschieben oder so, ich hätte einfach gerne, das er über dem Avatar angezeigt wird, nicht darunter...
gibt es dafür eine Lösung?

[#Frank]

Kannst du mal bitte die Forenadresse hier zu schreiben, weil das Forum in deinem Profil ist ein phpBB2 Forum und sieht nicht so aus, als das es das ist um welches es geht.

[Shizuka]

Oh, entschuldigung, total vergessen. Es handelt sich um das Forum aus dem letzten Thread http://alesia.forumieren.com/

[#Frank]

Das ist wieder ein Problem mit der Forenbreite.
Schau mal bei mir sieht es so aus:

Du kannst mal bitte versuchen das hier in dein CSS zu setzen:

Code:

.postprofile {
border-bottom-color:#FFFFFF;
border-left:1px solid #FFFFFF;
border-right-color:#FFFFFF;
border-top-color:#FFFFFF;
color:#040500;
display:inline;
float:right;
margin:5px 0 0;
min-height:80px;
position:relative;
width:200px;
}


Wenn das drin ist, dann müssen wir nur noch sehen, wie wir die Werte anpassen müssen.

[Shizuka]

Mit dem Code stimmt zwar die Breite, aber dann rutscht das Profil nach unten bis zum Ende des Beitrages.

[#Frank]

Gut, dann trag mal bitte bei:
position: absolute;
ein und dann schauen wir weiter.

Edit:
Und noch was änderst du bitte:
Bei
margin: 30px 0 0;
hier die 5px auf 30 px ändern.

[Shizuka]

Danke erstmal, also auf dem kleinen Bildschirm funktioniert es jetzt, aber je breiter man das Forum zieht desto mehr leerer Platz ist zwischen dem Avatar und dem Rand.

[#Frank]

Da hast du leider recht,aber das ist leider nicht zu ändern.
Du hast dein Form so eingestellt, das die Seitenbreite auf 90% eingestellt ist. das bringt immer Probleme mit sich. besser wäre es hier eine Feste Breite Vorzugeben.
Ich würde dir hier eine Seitenbreite von 990px empfehlen. so stellst du sicher, das dein Layout auch bei Breiten Bildschirmen nicht in die Breite gezogen wird und bei allen Bildschirmen immer gleich aussieht.
Nur so deckst du die 1024ger Bildschirme ab und auch bei 1600 Bildschirmen bleibt das Layout gleich. Nur hast du dann natürlich an den Seiten mehr Platz.

[Shizuka]

Okay, danke für den Rat, ich hab es nun auf 990px gestellt. Das mit dem Rand stört mich nicht weiter, aber mir ist leider noch etwas anderes aufgefallen.
http://alesia.forumieren.com/t3-die-gartenanlagen#3
bei dem Thread sieht man mein neues Problem deutlich, ich denke anschauen hilft hier mehr als beschreiben

[#Frank]

Wir müssen das auf morgen vertagen, weil ich im Moment dein Forum garnicht öffnen kann.
Ich habe fast das Gefühl, das hier ein Namensserver ausgefallen ist, der die Adressen den Seiten IP's zuweist.
Ich denke das sich das bis morgen wieder beruhigt hat und das es dann auch wieder Funktioniert.

[Shizuka]

Okay, ich hab derweil schonmal einen Screenshot davon hochgeladen

[Zuckerpuppe]

Hallo

sorry, wenn ich mich hier einmische...
aber auf Wunsch von einigen Usern bin ich schon seit einiger Zeit dabei, ein Tutorial zu erstellen, wie man einen Online- und Offlinebutton einsetzen kann, der dann auch beliebig verschoben werden kann, ohne dass man durch das CSS den Rest des Forums verändert.

Die Anleitung für bb2 habe ich schon fertig und wollte heute mal an der für bb3 anfangen. Das läuft über ein Script, das eingesetzt werden muss.

Wenn du noch ein wenig Zeit hast und darauf warten möchtest? Vielleicht wäre das ja die Lösung für dich?
Ich kann dir wohl nicht versprechen, dass ich es heute fertig bekomme....wollte es aber auf jeden Fall noch vor Ostern noch zu Ende bringen

[#Frank]

Danke Zuckerpuppe, das du hier eine Lösung suchst. Bis dahin können wir noch mal bitte das hier versuchen ( ich habe dieses schon versucht gehabt und so sollte es eigentlich passen):

Wir andern noch mal diese beiden werte hier bei dem was wir gestern eingetragen haben:
position: relative;
width: 160px;

Dann sollte es passen.

[Shizuka]

Also mit 160px ist wieder eine Ecke über dem Button und wenn ichs auf 200px lass, verschiebt es ihn leider wieder nach unten. Ich denke wir warten einfach mal auf das Tutorial, vielleicht hilft es ja wirklich (bin doch sicher =) ), wenn es dann nicht klappt, sehen wir weiter.

Danke auf jeden Fall für die Hilfe

Nachtrag: Mit 180px sieht es sehr gut aus ist mir gerade aufgefallen, da ist es nicht nach unten geschoben und verdeckt auch den Button nicht!

[Zuckerpuppe]

hey, das passt ja gut...wollte das Tuto gleich einstellen, hab es eben noch fertig gemacht

[Shizuka]

Ist es denn Absicht das der Button unter dem Avatar landet?

[Zuckerpuppe]

ja, das ist so gewollt...jedenfalls in meinem Tuto.
Es müssen ja nicht diese schrägen Grafiken genommen werden

so könnte das dann aussehen:


Moment, ich schreib dir mal das CSS so um, dass dein Icon oben steht..

[Zuckerpuppe]

so, tausch mal diesen Abschnitt aus durch folgenden Code, dann müsste das passen

Code:

.user div {
    background: url("http://katsulynx.bplaced.de/Alesia/icon_user_offline_en.png") no-repeat scroll center bottom transparent;
    height: 58px;
    margin: 0 auto;
    position: relative;
    right: -50px;
    top: -200px;
    width: 58px;
}

eventuell musst du diese Angaben ein wenig anpassen..
right: -50px;
top: -200px;

[Shizuka]

Danke für deine Hilfe, aber wenn ich die CSS-Variante nehme dann ist das Bild ja wieder unter dem Avatar

[Zuckerpuppe]

das kann nicht sein...Moment, ich guck mal...

[Zuckerpuppe]

so, schau mal...so sieht es aus, wenn ich das CSS über firebug so verändere wie oben angegeben:


das müsste bei dir dann auch funktionieren? Hast du es genau so eingesetzt?

edit: ich sehe folgenden Code bei dir im CSS:



nochmal edit: ich bin jetzt off, wenn noch was unklar ist, machen wir morgen weiter, o.k.?
Gute Nacht...

[Shizuka]

Hab genau diesen Code ins Stylesheet kopiert, bei mir ist es dann unter dem Avatar

[Zuckerpuppe]

Hast du denn auch das Script in ein Modul gesetzt wie in dem Tutorial erklärt? Ohne das Script funktioniert das Ganze ja nicht.

[Shizuka]

Hab das Modul jetzt wieder aktiviert -> nu ist der Button eben zwei mal da...

[Zuckerpuppe]

ja, das ist kein Wunder, denn du hast ja den Rest vom Code nicht eingesetzt...
das hier fehlt noch im CSS:

Code:

.online {
    background-image:none;
    }

alternativ kannst du auch die Grafik in der Bildverwaltung rauslöschen..