Lexi Help
Partner
www.forumieren.com

[bb3] freistehendes Index-Modul horizontal zentrieren

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[bb3] freistehendes Index-Modul horizontal zentrieren

Beitrag von inde am Di 24 Jan 2012 - 14:51

Ich lese hier im Forum stets gerne mit, insbesondere interessieren mich die Anpassungen zum Aussehen des Forums.
Nun habe ich von ZP (Thx anbet ) diesen Beitrag hier gefunden, welcher mir neue grafische Möglichkeiten bietet.

Mein Vorhaben ist einen Header auf mehreren Ebenen zu entwickeln.
Wer sich ein wenig mit Grafiken auskennt, der weiß das dort mit Ebenen gearbeitet wird.
Meine erste Ebene bildet somit die Hintergrundgrafik im Headerbereich.
Die zweite und weitere Ebenen ein transparentes Flash mit unterschiedlichen Effekten.
Dank ZP gibt es die Möglichkeit vor diesen Ebenen eine weitere zu setzen.

Getestet habe ich es mit einer beliebigen transparenten PNG, diese sitzt durch das freistehende Modul nun auch als letzte Ebene vor all den anderen.

Mein Problem: Ich bekomme die Grafik nicht auf die horizontale Seitenmitte zentriert.
Oberhalb (mit dem Befehl "top") möchte ich weiterhin die Grafik auf der Seite steuern können.
Nur eben nicht Rechts ("right") ausgerichtet haben.
Über den Befehl center und 0px habe ich es bereits ausprobiert. Die Grafik wurde auf der linken Seite angeordnet.

Mein bisheriger Code der nun ja noch angepasst werden müsste lautet:
Code:
<div style="position: absolute; top: 40px; right: 0px; z-index: 10000;"><IMG SRC="http://www.imgbox.de/users/independent2/FGT_Temporaer/FGT_Head_4.png" WIDTH=900 HEIGHT=150 BORDER=0></div>
Vielleicht hat von Euch ja jemand eine Anregung/Tipp für mich.



inde
Administrator
Administrator

Männlich Beiträge : 2652
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Re: [bb3] freistehendes Index-Modul horizontal zentrieren

Beitrag von Cyborg112233 am Di 24 Jan 2012 - 15:01

Hallo,

wenn ich jetzt mal nichts falschj verstanden habe, dann willst du die Grafik in deinem Code von imgbox.de in die obere Mitte deines Forums setzen.
Ind einem Code hast du top:40px angegeben, was bedeutet, dass die Grafik 40px nach unten rutscht.
Bei right hast du 0px angegeben, was bedeutet, dass sie ganz rechts bleibt. Dort müsstest du noch den passenden Abstand der rechten Seiten eingeben, sodass das ganze genügend weit nach links, sprich in die Mitte rutscht.

Sorry, wenn ich was falsch verstanden habe. Embarassed
Wenn es geht, könntest du auch noch deine Foren URL posten, da ich den Button in deinem Profil leider nicht sehe.

LG; Cyborg

Cyborg112233
Kaiser
Kaiser

Männlich Beiträge : 2362
Anmeldedatum : 08.10.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: [bb3] freistehendes Index-Modul horizontal zentrieren

Beitrag von inde am Di 24 Jan 2012 - 15:33

Zunächst einmal Danke für Deine schnelle Antwort.

Zum Teil hast Du es auch richtig verstanden, 40 px von oben OK.

Ansonsten soll sich dich Grafik automatisch in der horizontalen zentrieren, wegen der unterschiedlichen Auflösungen.
Also was eigentlich der Befehl <center> erledigt.
Durch das Festsetzen der Grafik ist mir leider durch die unterschiedlichen Bildschirmauflösungen nicht geholfen.

Meine Foren URL: Hier
Du wirst dort aber nichts sehen können, da ich das Modul zur Zeit nur für Testzwecke für Admins sichtbar habe.


inde
Administrator
Administrator

Männlich Beiträge : 2652
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Re: [bb3] freistehendes Index-Modul horizontal zentrieren

Beitrag von Zuckerpuppe am Di 24 Jan 2012 - 15:38

Cyborg, er meint das etwas anders. Da jeder User ja nicht die gleiche Auflösung hat, steht das Element ja nicht immer an der gleichen Stelle, wenn man die Positionierung mit Pixeln angibt.

Inde, um das mittig zu setzen, müsstest du es folgendermaßen eingeben:

Code:
<div style="position: absolute; top: 40px; left: 50%; margin-left: -450px; z-index: 10000;"><IMG SRC="http://www.imgbox.de/users/independent2/FGT_Temporaer/FGT_Head_4.png" WIDTH=900 HEIGHT=150 BORDER=0></div>

da die Grafik 900px breit ist, muss die margin-left Angabe der negative hälftige Wert sein (also -450px) und die Positionierung von links dann auf 50% gestellt werden.
So sollte die Grafik immer mittig erscheinen.

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: [bb3] freistehendes Index-Modul horizontal zentrieren

Beitrag von inde am Di 24 Jan 2012 - 16:16

Ich danke Euch Beiden, das war es. Freunde jippie

Wenn ich das Teilchen fertig habe, sende ich Euch gerne einmal per PN einen Link zu meinem Testforum.

@ZP: Rose

inde
Administrator
Administrator

Männlich Beiträge : 2652
Hinweis : Flash The Scene™
keine
Anmeldedatum : 20.10.11
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten