Lexi Help
Die neuesten Themen
» Private Nachrichten
von Löwin mit Herz Heute um 21:00

» Ad Ware im Forum?
von inde Heute um 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank Heute um 16:57

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde Heute um 15:36

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 11:29

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

» SQL Zugang
von inde Mo 19 Sep 2016 - 18:56

» Design vergrößern. Probleme mit Design.
von Minka02 Mo 19 Sep 2016 - 17:42

Partner
free forum

[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
Moderator
Moderator

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

Nutzerprofil 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

Nutzerprofil 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
Moderator
Moderator

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

Nutzerprofil 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

Nutzerprofil 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
Moderator
Moderator

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

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten