WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Registerkarten nur bestimmte Länge  de

Auteur : Ukraine.report .
Visité 347, Followers 1, Partagé 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

Posté le
16 RéPONSES - 2 UTILE - 1 CORRECT
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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.

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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>

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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.

Lire plus
Posté le de Daniel W.
Ukraine.report .
Ukraine.report .
User
Auteur

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

Lire plus
Posté le de Ukraine.report .
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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.

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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

-----

Lire plus
Posté le de Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Ukraine.report .
Ukraine.report .
User
Auteur

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

Lire plus
Posté le de Ukraine.report .
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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.

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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

-----

Lire plus
Posté le de Daniel W.
Ukraine.report .
Ukraine.report .
User
Auteur



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

Lire plus
Posté le de Ukraine.report .
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois 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>

-----

Lire plus
Posté le de Daniel W.
Ukraine.report .
Ukraine.report .
User
Auteur

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

Lire plus
Posté le de Ukraine.report .