Slideshow im Textobjekt funktioniert nicht
Autor: Karl B.
Besucht 1116,
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
...falschen LINK geschickt! Dort ist kein Text!
Autor
Das ist doch das Problem. Der Link ist richtig.
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!
Autor
Das vermute ich auch, werde es noch prüfen und berichten.
Autor
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
.
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!
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.
... 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
,
Autor
Der weiße Freiraum zwischen dem Bild und dem Textobjekt 1 ist ab der Auflösung ab 320 px noch vorhanden.
Link!
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.
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!
<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>
.
Autor
Alles perfekt! Vielen Dank nochmals!
Link!