WebSite X5Help Center

 
Karl B.
Karl B.
User

Slideshow im Textobjekt funktioniert nicht  de

Auteur : Karl B.
Visité 1120, Followers 1, Partagé 0  

Es sollen die Texte Registerkarte 1 und Registerkarte 2 in roter Schrift angezeigt werden Die Automatische Wiedergabe ist auf 5 Sekungen eingestellt und der Effekt auf Horizontaler Bildlauf. Link! 

Was mache ich wo falsch?

Posté le
14 RéPONSES - 2 UTILE - 1 CORRECT
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

...falschen LINK geschickt!  Dort ist kein Text!

Lire plus
Posté le de Andreas S.
Karl B.
Karl B.
User
Auteur
Andreas S.
  Dort ist kein Text!

Das ist doch das Problem. Der Link ist richtig.

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

Passiert das auch mit einem anderen Objekt als das TExt_Objekt, oder nur bei genau diesen Einstellungen die du gemacht hast?

Ich würde sagen der indivudelle CSS Code stört!

Lire plus
Posté le de Andreas S.
Karl B.
Karl B.
User
Auteur
Andreas S.
Ich würde sagen der indivudelle CSS Code stört!

Das vermute ich auch, werde es noch prüfen und berichten.

Lire plus
Posté le de Karl B.
Karl B.
Karl B.
User
Auteur

Der CSS Code stört, sehr schade.

Viellieicht hat KolAsim eine Lösung hierfür.

Lire plus
Posté le de Karl B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Karl B.
Der CSS Code stört, sehr schade. Viellieicht hat KolAsim eine Lösung hierfür.

<style>
#imCell_1 img { display:none !important }
#imCell_1 * { overflow:hidden !important }
@media (min-width: 1150px) {
#imPageRow_1,#imPageRow_1 div { background-size:100% !important; background-position: top !important;top:0px !important;height:600px !important}
#imCell_1 * { line-height:30px !important } }
@media (max-width: 1149px) {
#imPageRow_1,#imPageRow_1 div { background-size:1149px !important; background-position: top !important;top:0px !important;height:500px !important}
#imCell_1,#imCell_1 div {heightX:auto !important; paddingX:0px !important }
#imCell_1 * { line-height:25px !important } }
@media (max-width: 719px) {
#imPageRow_1,#imPageRow_1 div { background-size:719px !important; background-position: top !important;top:0px !important;height:350px !important}
#imCell_1 * { line-height:25px !important }}
@media (max-width: 479px) {
#imPageRow_1,#imPageRow_1 div { background-size:479px !important; background-position: top !important;top:0px !important;height:200px !important}
#imCell_1 * { line-height:20px !important }}
</style>

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User
Auteur

Das funktioniert! Vielen Dank dafür!

Ab der Auflösung 480 px wird der Text im ersten Textobjekt nach unten verschoben.

Ab der Auflösung 320 px wird zudem das Textobjekt 2 nach unten verschoben, sodass zwsichen dem ersten und zweiten Texobjekt ein weißer Freiraum entsteht. Link! 

Lire plus
Posté le de Karl B.
Karl B.
Karl B.
User
Auteur

Korrektur!

Ab der Auflösung 320 px wird zudem das Textobjekt 1 nach unten verschoben, sodass zwsichen dem ersten Objket und Texobjekt 1 ein weißer Freiraum entsteht.

Lire plus
Posté le de Karl B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Karl B.
Korrektur! Ab der Auflösung 320 px wird zudem das Textobjekt 1 nach unten verschoben, sodass zwsichen dem ersten Objket und Texobjekt 1 ein weißer Freiraum entsteht.

... OK ... >> 

<style>
#imCell_1 img { display:none !important }
#imCell_1 * { overflow:hidden !important }
@media (min-width: 1150px) {
#imPageRow_1,#imPageRow_1 div { background-size:100% !important; background-position: top !important;top:0px !important;height:600px !important}
#imCell_1 * { line-height:30px !important } }
@media (max-width: 1149px) {
#imPageRow_1,#imPageRow_1 div { background-size:1149px !important; background-position: top !important;top:0px !important;height:500px !important}
#imCell_1 * { line-height:25px !important } }
@media (max-width: 719px) {
#imPageRow_1,#imPageRow_1 div { background-size:719px !important; background-position: top !important;top:0px !important;height:350px !important}
#imCell_1 * { line-height:25px !important }}
@media (max-width: 479px) {
#imPageRow_1,#imPageRow_1 div { background-size:479px !important; background-position: top !important;top:0px !important;height:200px !important}
#imCell_1 * { line-height:20px !important;font-size:24px !important }
#imCell_1 {top:-50px !important }}
</style>

.

ciao

,

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User
Auteur

Der weiße Freiraum zwischen dem Bild und dem Textobjekt 1 ist ab der Auflösung ab 320 px noch vorhanden.

Link!

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

Der Abstand ist das Text-Objekt mit der Schrift "Mehrwertsteuer"!  Bei den anderen Breakpoints ist das nicht aufgefallen weil das Bildobjekt noch größer ist als das TExt-Objekt, aber in der kleinsten Variante ist das TExt-Objekt größer und schaut unten raus.

Du müsstest es mit einem Außenrand unten machen statt Zeilenschaltungen im Text-Objekt.

Lire plus
Posté le de Andreas S.
Karl B.
Karl B.
User
Auteur

Der Außenrand des ersten Textobjekts ist auf 0, alle übrigen Ränder auf 10 gesetzt. Der Abstand bleibt und jetzt ab der Auflösung 480 px.

Link!

Lire plus
Posté le de Karl B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

<style>
#imCell_1 img { display:none !important }
#imCell_1 * { overflow:hidden !important }
@media (min-width: 1150px) {
#imPageRow_1,#imPageRow_1 div { background-size:100% !important; background-position: top !important;top:0px !important;height:600px !important}
#imCell_1 * { line-height:30px !important }}
@media (max-width: 1149px) {
#imPageRow_1,#imPageRow_1 div { background-size:1149px !important; background-position: top !important;top:0px !important;height:500px !important}
#imCell_1 * { line-height:25px !important }}
@media (max-width: 719px) {
#imPageRow_1,#imPageRow_1 div { background-size:719px !important; background-position: top !important;top:0px !important;height:350px !important}
#imCell_1 * { line-height:25px !important }}
@media (max-width: 479px) {
#imPageRow_1,#imPageRow_1 div { background-size:479px !important; background-position: top !important;top:0px !important;height:200px !important}
#imCell_1 * { line-height:20px !important;font-size:24px !important }
#imCell_1 {top:-50px !important } #imGoToCont {display:none }
#imPageRow_2,#imPageRow_3, #imCell_2, #imCell_3 {top:-50px !important }}
</style>

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User
Auteur

Alles perfekt! Vielen Dank nochmals!

Link!

Lire plus
Posté le de Karl B.