WebSite X5Help Center

 
Karl B.
Karl B.
User

Slideshow im Textobjekt funktioniert nicht  de

Autor: Karl B.
Besucht 871, Followers 1, Geteilt 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?

Gepostet am
14 ANTWORTEN - 2 NüTZLICH - 1 KORREKT
Andreas S.
Andreas S.
Moderator

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

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor
Andreas S.
  Dort ist kein Text!

Das ist doch das Problem. Der Link ist richtig.

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator

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!

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor
Andreas S.
Ich würde sagen der indivudelle CSS Code stört!

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

Mehr lesen
Gepostet am von Karl B.
Karl B.
Karl B.
User
Autor

Der CSS Code stört, sehr schade.

Viellieicht hat KolAsim eine Lösung hierfür.

Mehr lesen
Gepostet am von 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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User
Autor

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! 

Mehr lesen
Gepostet am von Karl B.
Karl B.
Karl B.
User
Autor

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.

Mehr lesen
Gepostet am von 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

,

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User
Autor

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

Link!

Mehr lesen
Gepostet am von Karl B.
Andreas S.
Andreas S.
Moderator

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.

Mehr lesen
Gepostet am von Andreas S.
Karl B.
Karl B.
User
Autor

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!

Mehr lesen
Gepostet am von 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>

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Karl B.
Karl B.
User
Autor

Alles perfekt! Vielen Dank nochmals!

Link!

Mehr lesen
Gepostet am von Karl B.