1te Zeile fixed
Author: Franz K.
Visited 967,
Followers 1,
Shared 0
Hallo,
besteht die Möglichkeit auf einzelnen Seiten die erste Zeile zu fixieren. Wird nicht auf allen Seiten benötigt, denn dann könnte man den HEADER höher machen und dort die Info/Links reinsetzen.
Schönen Feiertag noch ...
Posted on the
Author
Habe vergessen zu erwähnen, dass der HEADER schon fixiert ist.
Also auf diversen Seiten nur zusätzlich die erste Zeile ...
Versuche folgenden Code in 3 'Sitemap' bei den Eigenschaften der Seite im Bereich 'Erweitert' im Code-Bereich 'Vor dem </HEAD> Tag' einzufügen
<style>#imPageRow_1{position:fixed;width:auto;height:auto;}</style>
Da die ganze Zeile fixiert wird, musst Du allerdings in der ersten Zeile der Seite ein(1) Objekt mit dem Text haben. Eventuell musst Du noch mit der Ergänzung top: 100px; die Höhe des headers berücksichtigen (100 dabei mit der Höhe Deines headers ersetzen).
Author
Hallo, vielen Dank.
Ich habe den Code wie oben beschrieben eingegeben und auch ein Objekt mit Text in die 1te Zeile eingegeben aber es funktioniert leider nicht (keine Reaktion/Veränderung). Scrollt einfach wie vorher nach oben weg.
Den Header habe ich mit folgendem Befehl fixiert:
<style> #imHeader {position: fixed; z-index: 1000; width: 100%}</style>
und mein HEADER hat eine Höhe von 220
Ah, ich denke es muss erzwungen werden:
<style>#imPageRow_1{position:fixed!important;width:auto;height:auto;}</style>
Oder Du gehst auf das Objekt und schreibst
<style>#imTextObject_xyz{position:fixed!important;}</style>
xyz musst Du mit der korrekten Objektnummer ersetzen, die Du im Quellcode findest.
Author
1. Vorschlag ... auch keine Reaktion
( auch in 3 'Sitemap' bei den Eigenschaften der Seite im Bereich 'Erweitert' im Code-Bereich 'Vor dem </HEAD> Tag' eingefügt.)
Beim 2. Vorschlag habe ich, mit meinem "magern Wissen"
<style>#imTextObject_28{position:fixed!important;}</style>
herausbekommen. Bin mir a) nicht sicher, ob das stimmt und b) was unter Du gehst auf das Objekt und schreibst ... zu verstehen ist.
Sorry, ich bin da nicht so fit...
Statt "Du gehst auf das Objekt ..." hätte ich besser geschrieben "Du verwendest das Objekt ..."
Im Moment suche ich noch eine Lösung...
Author
Bitte kein Stress am Feiertag. Das "Projekt" (besseres Wort als Problem) hat auch noch die nächsten Tage Zeit.
Schönen Abend und vielen Dank für den Einsatz...
Viel einfacher wäre es wenn du es schon Online hast (eventuell in einem Ordner) wo man es sehen könnte.
Author
Habe die Seite hochgestellt unter:
https://franzkuehn.de/chris/index.html
Der rote Button-Hintergrund auf der "STARTSEITE" und "AKTUELL" dient nurDemozwecken.
So wie du es haben willst funktioniert es nicht! MAn kann zwar schon den Button News fixieren damit es immer angezeigt wird, aber es ist auf der linken Seiten fixiert. Mittig geht nicht weil es aus dem Content rausfliegt.
Es gibt jetzt mehrere Möglichkeiten.
1. Entweder so einen Button mit LINK machen und links oder rechts fixieren damit es immer angezeigt wird und verlinken auf eine Newsseite!
2. du nimmst eine Werbebotschaft die du mittig platzieren kannst und nur auf dieser Seite anzeigen kannst.
3. du gibt es in den Header rein und vergrößerst ein bisschen den Header. Hast aber dann auf allen Seiten die News.
Author
Möglichkeit 1, das mit dem Button, rechts fixiert, wäre dann wohl die Lösung.
Du kannst in 3 'Sitemap' bei den Eigenschaften der Seite im Bereich 'Erweitert' im Code-Bereich 'Vor dem </HEAD> Tag' versuchen:
<style>
@media (min-width: 1152.0px) {
#imCell_28 {
position: fixed!important;
top: 220px!important;
z-index: 10000!important;
left:50%;transform:translate(-50%);
}}
@media (max-width: 1151.9px) and (min-width: 720.0px) {
#imCell_28 {
position: fixed!important;
top: 200px!important;
z-index: 10000!important;
left:50%;transform:translate(-50%);
}}
@media (max-width: 719.9px) and (min-width: 480.0px) {
#imCell_28 {
position: fixed!important;
top: 200px!important;
z-index: 10000!important;
left:50%;transform:translate(-50%);
}}
@media (max-width: 719.9px) and (min-width: 480.0px) {
#imCell_28 {
position: fixed!important;
top: 120px!important;
z-index: 10000!important;
left:50%;transform:translate(-50%);}}
@media (max-width: 479.9px) and (min-width: 100.0px) {
#imCell_28 {
position: fixed!important;
top: 120px!important;
z-index: 10000!important;
left:50%;transform:translate(-50%);}
}}
</style>
Author
Danke, komme erst Morgen/Übermorgen dazu ... Melde mich dann umgehend.
Author
Soeben getestet ... und funktioniert aber neues Problem aufgetaucht. Im Menü sind Menüpunkte mit Untermenüs welche durch den Button verdeckt werden.
Da die Auftraggeberin die Menüreihenfolge nicht ändern will ist das Projekt "gestorben" und sie muß mit den Möglichkeiten -die die SW bietet- leben.
Nochmals allen Beteiligten vieln Dank
F.K.
PS
Der Vorschlag läßt sich mit Sicherheit bei anderen Projekten sinnvoll einsetzen.