Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Entdeckt die neue Option Servimg Premium ( 2 )
» Beitrag von Joost in Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
( 2 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht
( 1 )
[phpBB2] Position der Quicklinks - Problem
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Position der Quicklinks - Problem
Guten Aben liebes Forumieren Team,
erneut komme ich mit einer Frage...oder eher eine Bitte um Hilfe.
Der Style meines Forums ist fast fertig, doch ich wollte jetzt noch Quicklinks in Form eines Drop Menus einfügen. Jetzt habe ich es vom Style her hinbekommen, wie ich es haben wollen würde, nur die Position macht mir noch Probleme.
Folgendes habe ich getan:
Dann das Ganze mit folgendem Code bei den "Farben" im CSS definiert:
Eine weitere Möglichkeit, die ich in Erwägung gezogen hatte, war ein freies Indexmodul. Folgende Probleme hatte ich aber dabei:
Okay, viel gelabert habe ich ja jetzt...nun zum Eigentlichen:
Kann mir einer vielleicht helfen, oder habe ich etwas verzapft, was überhaupt nicht möglich ist?
Vielen Dank für jede Antwort, egal ob positiv oder negativ!
Mukuro
erneut komme ich mit einer Frage...oder eher eine Bitte um Hilfe.
Der Style meines Forums ist fast fertig, doch ich wollte jetzt noch Quicklinks in Form eines Drop Menus einfügen. Jetzt habe ich es vom Style her hinbekommen, wie ich es haben wollen würde, nur die Position macht mir noch Probleme.
Folgendes habe ich getan:
- Code:
<ul id="navi">
<li><center><a href="#">QUICKLINKS</a></center>
<ul>
<li><a href="http://human-exitus.forumieren.com/f11-regeln">Regeln</a></li>
<li><a href="http://human-exitus.forumieren.com/f12-storyline">Storyline</a></li>
<li><a href="http://human-exitus.forumieren.com/f15-infos">Infos</a></li>
<li><a href="http://human-exitus.forumieren.com/f13-news">News</a></li>
<li><a href="http://human-exitus.forumieren.com/f16-gesuche">Gesuche</a></li>
<li><a href="http://human-exitus.forumieren.com/t25-vergebene-avatarfiguren">Vergebene Avatarfiguren</a></li>
<li><a href="http://human-exitus.forumieren.com/t23-vergebene-kennungsnummern">Vergebene Kennungsnummern</a></li>
</ul>
</li>
Dann das Ganze mit folgendem Code bei den "Farben" im CSS definiert:
- Code:
#navi, #navi ul {
list-style-type:none;
margin:0;
padding:0;
}
#navi li {
width:130px;
float:right;
display:inline;
background:black;
opacity:0.6;
font-size:12px;
border:#fa98c6 1px dotted;
margin-left:100px;
}
#navi li ul {
display:none;
}
#navi li:hover ul {
display:block;
font-size:11px;
}
body {
behavior:url("csshover.htc");
}
- Spoiler:
Eine weitere Möglichkeit, die ich in Erwägung gezogen hatte, war ein freies Indexmodul. Folgende Probleme hatte ich aber dabei:
- Spoiler:
Okay, viel gelabert habe ich ja jetzt...nun zum Eigentlichen:
Kann mir einer vielleicht helfen, oder habe ich etwas verzapft, was überhaupt nicht möglich ist?
Vielen Dank für jede Antwort, egal ob positiv oder negativ!
Mukuro
Zuletzt von Mukuro am Fr 9 Nov 2012 - 21:23 bearbeitet; insgesamt 1-mal bearbeitet
Mukuro- Lehrling
- Beiträge : 47
Anmeldedatum : 14.08.12
Re: [phpBB2] Position der Quicklinks - Problem
Hallo,
aktuell verwendest du folgenden div-Tag, um das Element zu positionieren:
Das wäre es schon.
Liebe Grüße
Günther
aktuell verwendest du folgenden div-Tag, um das Element zu positionieren:
- Code:
<div style="position: absolute; top: 10px; right: 164px; z-index: 10000;">
Wenn du das Ganze noch weiter nach unten setzen möchtest, verwendest du einfach einen größeren Pixelwert bei der Eigenschaft "top", um den Abstand zum Seitenbeginn zu vergrößern.<div style="position: absolute; z-index: 10000; right: 0; top: 0;">
Das wäre es schon.
Liebe Grüße
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Position der Quicklinks - Problem
Aber das funktioniert doch nur bei dem freien Indexmodul, oder? Bei der ersten Variante benutze ich diesen div-Tag ja nicht.
Und das mit dem Indexmodul weiß ich ja, wie man es positioniert, nur dass es eben irgendwie nicht stabil an dieser Stelle bleibt, wenn man zum Beispiel ranzoomt...Deshalb dachte ich daran, ob man die erste Version nicht ebenfalls ändern kann, um die Position anzupassen.
Was in meinem Forum jetzt zu sehen ist - ich nehme an, da hast du geschaut - ist die Variante mit dem Indexmodul.
Und das mit dem Indexmodul weiß ich ja, wie man es positioniert, nur dass es eben irgendwie nicht stabil an dieser Stelle bleibt, wenn man zum Beispiel ranzoomt...Deshalb dachte ich daran, ob man die erste Version nicht ebenfalls ändern kann, um die Position anzupassen.
Was in meinem Forum jetzt zu sehen ist - ich nehme an, da hast du geschaut - ist die Variante mit dem Indexmodul.
Mukuro- Lehrling
- Beiträge : 47
Anmeldedatum : 14.08.12
Re: [phpBB2] Position der Quicklinks - Problem
Ich habe dir dafür die Lösung genannt, weil du das aktuell gerade einwandfrei eingesetzt hast.Mukuro schrieb:Aber das funktioniert doch nur bei dem freien Indexmodul, oder? Bei der ersten Variante benutze ich diesen div-Tag ja nicht.
Ich wüsste nicht, wo ein Problem beim Zoom wäre?
Ohne Zoom:
Stark vergrößert:
Diese Umsetzung klappt reibungslos und kann ich dir genau so empfehlen.
Du musst bedenken, dass es von der Art der Einsetzung völlig unabhängig ist, ob die Positionierung sich beim Zoom verändert: Wenn du "position: absolute" mit fixen Pixelwerten nach rechts oben wählst, wird die Position immer passend sein - egal, für welche Umsetzung du dich entscheidest.
Ich kann dir die aktuelle Variante mit meinem Codehinweis so nahelegen.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Position der Quicklinks - Problem
Das Problem ist folgendes:
Ohne Zoom und genau da, wo ich es haben will:
Das hatte ich schon zuvor geschafft und war ja auch recht glücklich, bis ich eben gezoomt habe und folgendes passiert ist:
Dabei habe ich nur 2 Mal rangezoomt bei Firefox. Desweiteren habe ich meinen Mitadmin gefragt und obwohl er nicht zoomt, sondern einfach eine andere Auflösung als ich hat, befinden sich die Quicklinks bei ihm über dem "E" von "Exitus".
Genau da ist das Problem.
Bei mir hilft dieser Code das Ganze dahin zu machen, wo ich es hinwill, ohne Zoom eben. Selbst wenn es beim Zoom sich verschieben würde und das nicht weg ginge, könnte ich damit leben...nicht aber damit, dass bei Usern mit kleineren oder größeren Auflösungen das Ding sich verschiebt, wie es lustig ist.
Ich hoffe...ich habe es verständlich ausgedrückt...
Dann wäre bei dem freien Indexmodul noch immer dieser komischer Kasten, welchen ich im zweiten Bild in meinem ersten Beitrag ganz oben gekennzeichnet habe. Und er geht auch nicht weg...
Ohne Zoom und genau da, wo ich es haben will:
Das hatte ich schon zuvor geschafft und war ja auch recht glücklich, bis ich eben gezoomt habe und folgendes passiert ist:
Dabei habe ich nur 2 Mal rangezoomt bei Firefox. Desweiteren habe ich meinen Mitadmin gefragt und obwohl er nicht zoomt, sondern einfach eine andere Auflösung als ich hat, befinden sich die Quicklinks bei ihm über dem "E" von "Exitus".
Genau da ist das Problem.
- Code:
<div style="position: absolute; top: 8px; right: 321px; z-index: 10000;">
Bei mir hilft dieser Code das Ganze dahin zu machen, wo ich es hinwill, ohne Zoom eben. Selbst wenn es beim Zoom sich verschieben würde und das nicht weg ginge, könnte ich damit leben...nicht aber damit, dass bei Usern mit kleineren oder größeren Auflösungen das Ding sich verschiebt, wie es lustig ist.
Ich hoffe...ich habe es verständlich ausgedrückt...
Dann wäre bei dem freien Indexmodul noch immer dieser komischer Kasten, welchen ich im zweiten Bild in meinem ersten Beitrag ganz oben gekennzeichnet habe. Und er geht auch nicht weg...
Mukuro- Lehrling
- Beiträge : 47
Anmeldedatum : 14.08.12
Re: [phpBB2] Position der Quicklinks - Problem
Den Rest dieses Indexmoduls kannst du damit entfernen:
Dein eigentlicher Wunsch ist auch ohne Weiteres möglich. Wie du siehst, war ich anhand deiner Beschreibung davon ausgegangen, dass du dieses Element ohne Abstand nach rechts platzieren möchtest.
Wenn es aber frei "schweben" soll, muss die Umsetzung ein wenig verändert werden, um unterschiedlichen Auflösungen gerecht zu werden.
In solchen Fällen arbeitet man zumeist mit Prozent- statt Pixelwerten. In diesem speziellen Fall gibt es aber eine noch sicherere Umsetzung: Du platzierst das Element variabel mit 50% horizontal in der Seitenmitte, und anschließend setzt du einen exakten Negativpixelwert ein, um den rechten Außenabstand derart zu verringern, dass das Element genau neben dem Banner angezeigt wird. Ich hoffe, das war verständlich.
Mit Zahlen ausgedrückt sieht dieser Weg so aus:
Ist dir das Prinzip klar? Du beziehst dich zuerst mit 50% variabel auf die jeweilige Auflösung und kannst von diesem Punkt aus dann mit Pixelwerten arbeiten, weil du nun einen festen Bezugspunkt besitzt, von dem aus der Abstand immer passend umgerechnet wird.
- Code:
#content-container #left {
margin-right: 0;
}
Dein eigentlicher Wunsch ist auch ohne Weiteres möglich. Wie du siehst, war ich anhand deiner Beschreibung davon ausgegangen, dass du dieses Element ohne Abstand nach rechts platzieren möchtest.
Wenn es aber frei "schweben" soll, muss die Umsetzung ein wenig verändert werden, um unterschiedlichen Auflösungen gerecht zu werden.
In solchen Fällen arbeitet man zumeist mit Prozent- statt Pixelwerten. In diesem speziellen Fall gibt es aber eine noch sicherere Umsetzung: Du platzierst das Element variabel mit 50% horizontal in der Seitenmitte, und anschließend setzt du einen exakten Negativpixelwert ein, um den rechten Außenabstand derart zu verringern, dass das Element genau neben dem Banner angezeigt wird. Ich hoffe, das war verständlich.
Mit Zahlen ausgedrückt sieht dieser Weg so aus:
- Code:
<div style="position: absolute; z-index: 10000; right: 50%; margin-right: -640px; top: 8px;">
Ist dir das Prinzip klar? Du beziehst dich zuerst mit 50% variabel auf die jeweilige Auflösung und kannst von diesem Punkt aus dann mit Pixelwerten arbeiten, weil du nun einen festen Bezugspunkt besitzt, von dem aus der Abstand immer passend umgerechnet wird.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Position der Quicklinks - Problem
Okay den Rest des Indexmoduls habe ich mit dem Code irgendwie nicht weg bekommen, jedoch habe ich "Die Standardaufstellung nutzen :" auf NEIN gestellt und es war weg! Was man beim Ausprobieren alles rausfinden hann...xD Danke trotzdem!
Zu dem anderen Teil:
DANKE! Es funktioniert! Und ich habe es sogar verstanden! Vielen, vielen Dank!
Zu dem anderen Teil:
DANKE! Es funktioniert! Und ich habe es sogar verstanden! Vielen, vielen Dank!
Mukuro- Lehrling
- Beiträge : 47
Anmeldedatum : 14.08.12
Re: [phpBB2] Position der Quicklinks - Problem
Du kannst natürlich auch die Standardaufstellung deaktivieren, aber dadurch bleibt immer noch ein kleiner margin-Abstand links neben dem Foreninhalt. Mit meinem Code sollte dieser Abstand ebenfalls entfernt werden.
Ich habe das auch alles mit einem Tool überprüft, aber ev. ist es noch nötig, den Wert als !important aufzustufen. Das kannst du ja noch ausprobieren, wenn du willst:
Gern geschehen. Und einen schönen Abend noch.
-done-
Ich habe das auch alles mit einem Tool überprüft, aber ev. ist es noch nötig, den Wert als !important aufzustufen. Das kannst du ja noch ausprobieren, wenn du willst:
- Code:
#content-container #left {
margin-right: 0 !important;
}
Das freut mich.Mukuro schrieb:Zu dem anderen Teil:
DANKE! Es funktioniert! Und ich habe es sogar verstanden! Vielen, vielen Dank!
Gern geschehen. Und einen schönen Abend noch.
-done-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] Position des Kategorienamens
» [phpBB2] Position der Werbung
» [phpBB2] Position der Menüleiste
» [phpBB2] profilinformationen unter dem avatar bei beiträge position ändern
» [phpBB2]Hintergrundbild Header + Footer + Rahmeninnenraum an bestimmter Position
» [phpBB2] Position der Werbung
» [phpBB2] Position der Menüleiste
» [phpBB2] profilinformationen unter dem avatar bei beiträge position ändern
» [phpBB2]Hintergrundbild Header + Footer + Rahmeninnenraum an bestimmter Position
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten