WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Registerkarten nur bestimmte Länge  de

Автор: Ukraine.report .
Просмотрено 348, Подписчики 1, Размещенный 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

Размещено
16 Ответы - 2 Полезно - 1 Корректно
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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.

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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>

-----

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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.

Читать больше
Размещено От Daniel W.
Ukraine.report .
Ukraine.report .
User
Автор

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

Читать больше
Размещено От Ukraine.report .
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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.

-----

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца EN

-----

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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

-----

Читать больше
Размещено От Daniel W.
Ukraine.report .
Ukraine.report .
User
Автор

danke :) aber schau - es ist wieder wie zuerst :( die Absätze sind wieder weg mit Deinem letzten Code - aber dafür wieder zu lange :(  

https://ukrainedaily.net/soldaten-ua.html

Lg Andre

Читать больше
Размещено От Ukraine.report .
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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

-----

Читать больше
Размещено От Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Ukraine.report .
Ukraine.report .
User
Автор

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

Читать больше
Размещено От Ukraine.report .
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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.

Читать больше
Размещено От Daniel W.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца EN

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

-----

Читать больше
Размещено От Daniel W.
Ukraine.report .
Ukraine.report .
User
Автор



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

Читать больше
Размещено От Ukraine.report .
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца 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>

-----

Читать больше
Размещено От Daniel W.
Ukraine.report .
Ukraine.report .
User
Автор

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

Читать больше
Размещено От Ukraine.report .