WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Registerkarten nur bestimmte Länge  de

Author: Ukraine.report .
Visited 351, Followers 1, Shared 0  

Hallo :) 

Ich verwende jetzt erstmals die Registerkarten für den Text.
Habe bei dem Beispiel: Eine Kurzfassung  und eine Langfassung.

Ich möchte, dass die Registerkarten nur eine bestimmte Länge haben. 
Hier also nur soll die Langfassungsregisterkarte - maximal die Länge nach unten haben, die durch die Kurzfassung Registerkarte vorgegeben ist.


Was kann ich da tun ?

Hier meine Seite   lg Andre

Posted on the
16 ANSWERS - 2 USEFUL - 1 CORRECT
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Bei Website X5 unter ...

3 Sitemap

... die Seite mit dem Text-Objekt und den Registerkarten markieren und oben auf "Eigenschaften" klicken, dann Reiter "Erweitert" anklicken und hier diesen CSS-Code einfügen ...

-----

Benutzerdefinierter Code:

Vor dem </HEAD>-Tag

<style>
div.text-inner {
display: flex;
overflow-x: scroll;
max-height: 300px;
margin: auto;
}
</style>

-----

Der verwendete CSS-Code (von mir etwas geändert und an Website X5 angepasst) stammt von:

>> https://www.mediaevent.de/css/visualeffects-overflow.html

Meine Testseite >> http://finde-links.de/test123-beautyblog/youtube.html

Soll die Höhe des Textfesters nicht auf eine feste Höhe festgelegt, sondern individuell an die kleinste Texthöhe angepasst werden, dann müssten wohl die Javascript-Experten helfen.

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Es müsste "overflow-y: scroll;" heißen, aber x funktioniert auch, evtl. korrigiert der Browser.

----- Korrigierter CSS-Code -----

Benutzerdefinierter Code:

Vor dem </HEAD>-Tag

<style>
div.text-inner {
display: flex;
overflow-y: scroll;
max-height: 300px;
margin: auto;
}
</style>

-----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Leider gibt es einen Fehler, die Absätze werden nicht untereinander, sondern nebeneinander gesetzt, also müsste die CSS-Experten den CSS-Code anpassen, falls ich keine Lösung finde.

Read more
Posted on the from Daniel W.
Ukraine.report .
Ukraine.report .
User
Author

danke

Ich habe den Code eingefügt

<style>
div.text-inner {
display: flex;
overflow-y: scroll;
max-height: 300px;
margin: auto;
}
</style>

es sieht so aus :)

es sind jetzt fast alle Fenster irgendwie betroffen - vielleicht sollte ich innerhalt des codes den html code eintragen - aber jetzt habe ich wie du siehst - lauter Spalten :( lg Andre

Read more
Posted on the from Ukraine.report .
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Meine CSS-Kenntnisse sind eher bescheiden, also auf die CSS-Experten warten.

Vermutlich muss für jedes Text-Objekt die individuelle Zahl des DIVs ermittelt werden und dann jeweils ein eigener Abschnitt mit unterschiedlicher Höhenangabe hinzugefügt werden.

Hier mal eine Notlösung für die Absätze.

-----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

-----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Das Problem mit verschiedenen Höhe bei verschiedenen Text-Objekten auf einer Seite gelöst.

-----

<style>
div#imTextObject_30_06 div.text-inner {
display: flex;
overflow-y: scroll;
max-height: 300px;
}
div#imTextObject_30_07 div.text-inner {
display: flex;
overflow-y: scroll;
max-height: 200px;
}
</style>

-----

Die Zahlen für den CSS_Code ...

_30_06

_30_07

... müssen aus dem Quelltext ermittelt werden.

Bei Absätzen wieterhin <br><br> nutzen bis die CSS-Experten eine Lösung haben.

Meine Testseite haben ich erweitert, siehe auch Screenshot unten

-----

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Mein CSS-Code ist durch die Zahlen nur für meine Webseite nutzbar, bei anderen Webseiten muss diese Zahl im Quelltext ermittelt werden, in dem Fall wäre es ...

#imTextObject_1179_2978

-----

Read more
Posted on the from Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

<style> .text-container { height: auto !important } </style>

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Ukraine.report .
Ukraine.report .
User
Author

danke welchen code soll ich jetzt nehmen den: 

ich habe jetzt den eingefügt: hier 

<style>
div#imTextObject_1179_2978 div.text-inner {
display: flex;
overflow-y: scroll;
max-height: 300px;
}</style>

aber ist noch immer ganz lange der Textblock :( 


Wo soll ich das einfügen?

<style> .text-container { height: auto !important } </style>

lg Andre

Read more
Posted on the from Ukraine.report .
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Der Code von KolAsim würde an die gleiche Stelle wie mein CSS-Code und diesen ersetzen, allerdings wechselt dann dauert die Höhe des Registerkarten-Textfensters je nach Inhalt.

Ich habe bei mir zuerst den Javascript-Code von KolAsim und dann meinen CSS-Code.

Bei ukrainedaily.net ist es umgekehrt, mal testen, ob es in der Reihelfolge wie bei mir klappt.

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Ich habe die Höhen auf 300 und 150 eingestellt, damit man den Unterschied besser sieht.

-----

Read more
Posted on the from Daniel W.
Ukraine.report .
Ukraine.report .
User
Author



schon sehr nahe :) 

Hier das Ergebnis mit diesem Code:

<style>
div#imTextObject_1184_2978 div.text-inner
{
display: flex;
overflow-y: scroll;
max-height: 300px;
}
</style>


Wie bringe ich in der Registerkarte Langfassung die Unterteilung in 2 Spalten weg?

lg Andre

Read more
Posted on the from Ukraine.report .
Daniel W.
Daniel W.
User
Best User of the month DEBest User of the month EN

Beim kopierten CSS war display: flex; der Grund, dass die Absätze in den Registerkarten in Spalten nebeneinander platziert wurden, also display: flex; im CSS-Code löschen.

Auf die Notlösung mit <br><br> kann dann verzichtet werden.

Und Bilder mit Text umfliessen lassen kann man auch nutzen, siehe Screenshot unten

----- Mein korrigierter CSS-Code -----

<style>
div#imTextObject_30_06 div.text-inner {
overflow-y: scroll;
max-height: 300px;
}
div#imTextObject_30_07 div.text-inner {
float: inherit;
overflow-y: scroll;
max-height: 150px;
}
</style>

-----

Read more
Posted on the from Daniel W.
Ukraine.report .
Ukraine.report .
User
Author

Jetzt funktioniert es wie ich es mag :) mit diesem Code:

<style>
imTextObject_1184_2978 div.text-inner {
overflow-y: scroll;
max-height: 300px;
}
div#imTextObject_1184_2978 div.text-inner {
float: inherit;
overflow-y: scroll;
max-height: 200px;
}

lg Andre

Read more
Posted on the from Ukraine.report .