Hallo Community,
möchte gerne ein Farbfeld inkl. Verlinkung links oben am Webseiten-Rand fixieren. Wenn nach unten gescrollt wird, soll diese Gruppe links oben bleiben und immer sichtbar sein. Natürlich sollten auch die Links funktionieren.
Wer kann mir weiterhelfen?
Das ist machbar.
Dazu erstellst Du zunächst eine neue Seite in Deinem Projekt, die nicht größer sein sollte, als das Farbfeld, das später die Links tragen soll.
In Deinem Fall ist das 119 x 149 Pixel, wenn das Farbfeld im Original so groß ist wie in Deinem Posting.
Der Seite gibst Du z. B. den Namen "fixmenu"
Dann ziehst Du das Farbfeld in die neue Seite.
Jetzt kannst Du die Links anlegen. Dabei ist es wichtig, dass Du bei jedem Link die Option "übergeordneter Frame (_parent)" wählst.
Im letzten step legst Du auf der Startseite einen Platzhalter für das fixierte Menü an, mit der Option "Auf allen Seiten wiederholen"
Dabei spielt es keine Rolle, wo Du den Platzhalter positionierst. Auch die Größe ist gleichgültig, da beide Parameter von dem Code gesteuert werden, den Du dem Platzhalter mitgibst.
Hier ist der Code im Klartext:
----------------------------------------
[style type="text/css"> #f1 { position: fixed; left: 200px; top: 150px; }[/style> [div id="f1">[iframe width= "140" height="140" allowtransparency="true" scrolling="no" frameborder="0" src="fixmenu.htm" style="display: block;" align="left">[/iframe>[/div>
---------------------------------------
Achtung! die 6 eckigen Klammern müssen gegen spitze Klammern getauscht werden
Die im Code angegebenen Positionswerte "position: fixed; left: 200px; top: 150px" sind abhängig von den Einstellungen Deiner Projektseite und müssen daher angepasst werden.
Auch die Angaben für die iframe Größe "iframe width= "140" height="140" musst Du ggf. ändern.
Und wenn Du Dir das Ergebnis des o. a. Beispiels ansehen möchtest, dann klick mal hier.
Viel Erfolg
[...] habe jetzt ein Browser-Problem: Firefox fixiert das Navigationsmenue, Explorer rollt es zusammen. [...]
Ich habe Dir vorhin auf Deiner Website tief in die Augen gesehen und ich muss sagen: "Wow..."
Aber zum Thema:
Deine Testseite funktioniert mit meinem IE-8 und FF-10 einwandfrei, zumindest in Bezug auf das fixierte Menü.
Die Links funktionieren in meinem IE-8 leider nicht
Das lässt sich aber ändern, wenn Du vor dem Export- und der Veröffentlichung Deiner Site eine Einstellung im WD änderst.
Bei den Website Eigenschaften muss unter "Sonstiges" die Option "Auf Seitenrand beschneiden" deaktiviert werden.
Mit ist noch aufgefallen, dass die horizontale Position des fixierten Menüs im IE und im FF unterschiedlich angezeigt wird.
Wenn Du den CSS Header wie unten angegeben, um die grün markierten Angaben ergänzt, sollte das auch passé sein.
-------------------------------
#f1 {position: fixed; left: 200; top: 50; width: 130px; padding: 1px 0; margin: 0;}
-------------------------------
Den Wert der "width:" Anweisung musst Du ggf. noch auf Dein Menü anpassen.
Die geänderte Version der Demo habe ich online gestellt. Du kannst sie hier mit dem FF oder IE testen.
Na dann, auf eine Neues...
[...] habe jetzt ein Browser-Problem: Firefox fixiert das Navigationsmenue, Explorer rollt es zusammen. [...]
Ich habe Dir vorhin auf Deiner Website tief in die Augen gesehen und ich muss sagen: "Wow..."
Aber zum Thema:
Deine Testseite funktioniert mit meinem IE-8 und FF-10 einwandfrei, zumindest in Bezug auf das fixierte Menü.
Die Links funktionieren in meinem IE-8 leider nichtDas lässt sich aber ändern, wenn Du vor dem Export- und der Veröffentlichung Deiner Site eine Einstellung im WD änderst.
Bei den Website Eigenschaften muss unter "Sonstiges" die Option "Auf Seitenrand beschneiden" deaktiviert werden.
Mit ist noch aufgefallen, dass die horizontale Position des fixierten Menüs im IE und im FF unterschiedlich angezeigt wird.
Wenn Du den CSS Header wie unten angegeben, um die grün markierten Angaben ergänzt, sollte das auch passé sein.
-------------------------------
#f1 {position: fixed; left: 200; top: 50; width: 130px; padding: 1px 0; margin: 0;}
-------------------------------Den Wert der "width:" Anweisung musst Du ggf. noch auf Dein Menü anpassen.
Die geänderte Version der Demo habe ich online gestellt. Du kannst sie hier mit dem FF oder IE testen.
Na dann, auf eine Neues...
Hallo Profis,
vielen Dank für die Tipps, habe ich alle umgesetzt. Klappt super bisher. Habe aber den Effekt der Ergänzung with 130 nicht nachvollziehen können. Soll hier die Breite des fixmenu eingesetzt werden?
Habe jetzt aber noch folgendes Problem. Die Navigation sitzt fixiert und der Webseiten-Inhalt wird zentriert. Daher entsteht je nach Bildschirmgröße ein unterschiedlicher Abstand zwischen Navigation und Webseiten-Inhalt. Auf iPad schieb sich alles übereinander. Wie kann ich erreichen, dass unabhängig von Bildschirmgröße der Webseiten-Inhalt in absoluter Position zu meinem fixierten Navigationsmenue steht?
Danke für die klasse Hilfe! Gruß Sylvia
[...] Wie kann ich erreichen, dass unabhängig von Bildschirmgröße der Webseiten-Inhalt in absoluter Position zu meinem fixierten Navigationsmenue steht? [...]
Mit CSS- und anderen Programmiersprachen für Webseiten Design. Aber das willst Du Dir sicher nicht antun..
Außerdem gäbe es ein Problem mit der Nutzbarkeit. Bei einem absolut definierten Abstand würde der Infoteil Deiner Site aus dem Fenster verschwinden, wenn das Browserfenster zu klein ist.
Wirf hier nochmal einen Blick auf die Demo. Ich habe sie ein "bisschen" angepasst .
Der Infoteil ist jetzt ebenfalls auf einer eigenen Seite gelandet, die, wie das Menü, über einen Platzhalter eingeblendet wird.
Auch der Textblock unterhalb des Menüs hat eine eigene Seite bekommen.
Die Hintergrundgrafik (Auge) ist in der Dateigröße deutlich kleiner geworden, jetzt ca. 250 KB gegenüber 1,2 MB. Das dürfte sich günstig auf die Ladezeiten auswirken.
Die gesamte Projektdatei ist insgesamt übersichtlicher geworden. Ich kenne zwar Deine Projektdatei nicht, aber der Quellcode, den ich über den von Dir geposteten Link sehen konnte, ist doch sehr umfangreich...
Den Link zur Projektdatei schick' ich Dir per PN.
Sicher ist das Ergebnis nicht perfekt aber, wenn Du das Projekt mit dem WD fertigstellen willst, hast Du kaum noch Alternativen, ohne intensive Programmierarbeit (s. o.).
So, jetzt wird es Zeit, dass ich mal ein paar andere Augen sehe...
Hallo BeRo
Besten Dank für die super Tipps. So was hab ich schon lange gesucht. Noch eine Frage zum beschneidendes Seitenrandes: Gibt es diese Funktion in Webdesigner 6 auch schon irgendwo verborgen? Oder kann man das im HTML Body code irgendwie ergänzen?
besten dank für ein kurzes Feedback
Zitat:
Bei den Website Eigenschaften muss unter "Sonstiges" die Option "Auf Seitenrand beschneiden" deaktiviert werden.
Zitat Ende
@ lowrider
Danke für die Blumen...
Deine Frage:
[...] Gibt es [die Option "Auf Seitenrand beschneiden"] in Webdesigner 6 auch schon irgendwo verborgen? Oder kann man das [...] irgendwie ergänzen?[...]
Wäre allerdings sehr viel besser in einem neuen, eigenen Thread aufgehoben. Nur so wäre sichergestellt, dass die Frage von möglichst vielen Forenbesuchern gelesen- und ggf. beantwortet wird.
Der Thread, den Du Dir gerade für Deine Frage ausgesucht hast, wurde ja ursprünglich von HouseCat mit einer anderen Frage eröffnet.
Ausschließlich die Thread-Teilnehmer, HouseCat und ich (und jetzt auch Du) sehen, dass hier eine neue Frage aufgetaucht ist. Andere Forenbesucher können nur über eine gezielte Suche diesen 9 Monate alten Thread finden und ggf. eine Antwort posten...
Also, sei so nett und eröffne im eigenen Interesse einen neuen Thread mit Deiner Frage.
CY
BeRo
@BeRo,
deine Anleitung funktioniert auch mit dem F&GD2013.
Klasse!
Hallo Leute!
ICH HABE FOLGENDES PROBLEM:
Die Button in meiner eingebetteten schwebenden Navigation bleiben nach dem klicken auf der neu.geladenen Seite nicht markiert. D.h. man erkennt an der Navigation nicht (wie sonst üblich) auf welcher Seite man sich befindet.
Bitte helft mir das Problem zu lösen.
Gruß
Alexander
Hallo Zusammen,
ich benötige Eure Hilfe 😟
Auf meiner Seite möchte ich gerne, dass nicht nur das Logo und und der graue Balken oben fixiert werden, sondern auch beim scrollen nach oben die "rote Linie" und die darunter liegende "Navi-Bar" bei 54px stehen bleibt. Alles was drunter kommt soll weiter gescrollt werden.
Danke vorab für die Hilfe!
