WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Registerkarten nur bestimmte Länge  de

Autor: Ukraine.report .
Besucht 341, Followers 1, Geteilt 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

Gepostet am
16 ANTWORTEN - 2 NüTZLICH - 1 KORREKT
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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.

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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>

-----

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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.

Mehr lesen
Gepostet am von Daniel W.
Ukraine.report .
Ukraine.report .
User
Autor

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

Mehr lesen
Gepostet am von Ukraine.report .
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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.

-----

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

-----

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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

-----

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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

-----

Mehr lesen
Gepostet am von Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Ukraine.report .
Ukraine.report .
User
Autor

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

Mehr lesen
Gepostet am von Ukraine.report .
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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.

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

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

-----

Mehr lesen
Gepostet am von Daniel W.
Ukraine.report .
Ukraine.report .
User
Autor



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

Mehr lesen
Gepostet am von Ukraine.report .
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats 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>

-----

Mehr lesen
Gepostet am von Daniel W.
Ukraine.report .
Ukraine.report .
User
Autor

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

Mehr lesen
Gepostet am von Ukraine.report .