WebSite X5Help Center

 
Franz K.
Franz K.
User

1te Zeile fixed  de

Auteur : Franz K.
Visité 1023, Followers 1, Partagé 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 ...

Posté le
14 RéPONSES - 1 CORRECT
Franz K.
Franz K.
User
Auteur

Habe vergessen zu erwähnen, dass der HEADER schon fixiert ist.

Also auf diversen Seiten nur zusätzlich die erste Zeile ...

Lire plus
Posté le de Franz K.
Franz-Josef H.
Franz-Josef H.
Moderator

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).

Lire plus
Posté le de Franz-Josef H.
Franz K.
Franz K.
User
Auteur

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

Lire plus
Posté le de Franz K.
Franz-Josef H.
Franz-Josef H.
Moderator

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.

Lire plus
Posté le de Franz-Josef H.
Franz K.
Franz K.
User
Auteur

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...

Lire plus
Posté le de Franz K.
Franz-Josef H.
Franz-Josef H.
Moderator

Statt "Du gehst auf das Objekt ..." hätte ich besser geschrieben "Du verwendest das Objekt ..."

Im Moment suche ich noch eine Lösung...

Lire plus
Posté le de Franz-Josef H.
Franz K.
Franz K.
User
Auteur

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...

Lire plus
Posté le de Franz K.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Viel einfacher wäre es wenn du es schon Online hast (eventuell in einem Ordner) wo man es sehen könnte.

Lire plus
Posté le de Andreas S.
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

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.

Lire plus
Posté le de Andreas S.
Franz K.
Franz K.
User
Auteur

Möglichkeit 1, das mit dem Button, rechts fixiert,  wäre dann wohl die Lösung.

Lire plus
Posté le de Franz K.
Franz-Josef H.
Franz-Josef H.
Moderator

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>

Lire plus
Posté le de Franz-Josef H.
Franz K.
Franz K.
User
Auteur

Danke, komme erst Morgen/Übermorgen dazu ... Melde mich dann umgehend.

Lire plus
Posté le de Franz K.
Franz K.
Franz K.
User
Auteur

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.

Lire plus
Posté le de Franz K.