WebSite X5Help Center

 
Joerg S.
Joerg S.
User

Responsive Problems  de

Author: Joerg S.
Visited 1078, Followers 2, Shared 0  

Hey Guys, I´ve a problem to fix a responsive problem with a youtube entry.
Please extract the zip with 5 screenshots.
1. x5_desktopMode.jpg - everything is fine with my youtube link, it´s completely in the center of evary desktop computer
2. x5_padMode.jpg - Text, Headline, Button, everything is correct scalet/replaced, but the youtube entry is cutted on the right side.
(I think it must be scaled smaller or wider in horizontal) (ps. in more smaller devices its the same)
3. x5_side_home.jpg - shows the structure I used for the home side
4. x5_responsive_desktop.jpg - shows the responsive editing window in 1280 - window 1 is in the middle - strange is, that on the right side of the youtube window - the grey color - goes completely up to the right side...hmmmmm
5. x5_responsive_Pad.jpg - shows the responsive settings for 960/1280 range
- window 1 is again in the middle... perfect...
- strange is, that here again the right side of the youtube window - the grey color - goes completely up to the right side...hmmmmm
But here is the red "Zeilenumbruch" sign on the left side of the youtube entry.
Is this normal? (Is it possible that this blocks the video to scale in a correct way?)
But when I try to delete it, I can´t find the menue button and in the manual is written, that this is a function of the pro version.
I´m using Webside X5 evo on win 10.
But when I can´t delete it, how is it possible that it is there?

Hopefully to get some hints from you
Joerg

...actual version of my side is 3dcompani.de

Posted on the
18 ANSWERS - 1 CORRECT
Klaus G.
Klaus G.
User

Hallo Jörg S.,

es dürfen keine Leer Zellen und leer Zeilen vorhanden sein. Wenn die leer Zeilen und Zellen benötigt werde, musst du diese mit einem HTML-Feld </> auffüllen und folgenden Text einfügen " <div></div> ". Somit hat WSX 5 weniger Probleme.

Gruß

MCMACMASTER

Hello Jörg S.,

there can be no empty cells and empty rows. If the empty lines and cells are required, you have to fill them with an HTML field </> and insert the following text "<div> </div>". So WSX 5 has fewer problems.

greeting

MCMACMASTER

Read more
Posted on the from Klaus G.
Joerg S.
Joerg S.
User
Author

Hallo und Danke Klaus G.

Ich verstehe das leider gar nicht mit den Leerzellen...

Anbei Fragebild...

Kannst Du mir darüber etwas mehr sagen?

Read more
Posted on the from Joerg S.
Joerg S.
Joerg S.
User
Author

hier habe ich mal den Tip mit dem html eingebaut...

keine Leeren Felder mehr...war das gemeint?

in den beiden schmalen html Feldern steht ohne"" <div></div>

Ob mit oder ohne "" es hilft nicht weiter..gleiches Problem wie zuvor :(

Read more
Posted on the from Joerg S.
Andreas S.
Andreas S.
Moderator

Hast du beim responsiven auch die "Nummerierung" (Anordnung) kontrolliert oder umgeändert? AUf deinen Bildern sehe ich kein Problem mit dem responsiven?

Kann man es auch Online testen?

Read more
Posted on the from Andreas S.
Joerg S.
Joerg S.
User
Author

Die Nummerierung scheint mir OK.

Was heißt Online tsten?

Ich muss zugeben, dass ich vor allem bei den Grundeinstellungen (von bis Pixel) einfach nicht wirklich verstehe wie das gemeint ist.

Read more
Posted on the from Joerg S.
Joerg S.
Joerg S.
User
Author

...vielleicht meinst du mit Online testen ob die Version up ist - ja das ist sie...jetzt mit leichten Änderungen, die auf meinem IPad (Gen5) das totale Chaos auslöst :(

Read more
Posted on the from Joerg S.
Joerg S.
Joerg S.
User
Author

btw...was ich grundsätzlich gar nicht verstehe ist, dass ein IPad gen5 eine Auflösung von 2048 x 1536 Pixeln hat.

Warum wird dann meine Seite auf dem IPad überhaupt verkleinert angezeigt - und nicht genauso vollständig wie auf dem PC mit 1920x1080 Pixeln?

Hier noch einmal die Adresse www.3dcompani.de

(bin allerdings gerade noch im Upload und da 6MBit wohl noch 30min unterwegs)

Read more
Posted on the from Joerg S.
Andreas L.
Andreas L.
User

Wenn Du die volle Auflösung nutzen würdest/könntest dann wäre quasi nichts erkennbar aif dem Tablet und das Datenvolumen jeder Seite würde 20 MB sein schätze ich mal. 

Wir kämpfen hier mit 1 MB rum.

Read more
Posted on the from Andreas L.
Andreas L.
Andreas L.
User

Für Bilder/Videos sind hohe Auflösungen eine tolle sache ganz klar...aber mal Windows auf einem 28 Zoll 4K Monitor gesehen? Ich hoffe Du hast gute Augen.wink

Read more
Posted on the from Andreas L.
Joerg S.
Joerg S.
User
Author

Andreas, danke für Rückmeldung...Ich verstehe...und nein, ich habe keine guten Augen :)

Read more
Posted on the from Joerg S.
Joerg S.
Joerg S.
User
Author

Aber warum das Youtube plugin nicht skaliert wird kann ich nicht verstehen.

Und ich finde auch keine Möglichkeit das im den responive Einstellungen in der Auflösung kleiner zu gestalten.

Übersehe ich was?

Read more
Posted on the from Joerg S.
Andreas S.
Andreas S.
Moderator

Wir sind immer davon ausgegangen, dass du das Youtube Video mit dem Video Objekt eingebunden hast.

Wenn du aber es selbst mit iframe Code in einem HTML-Objekt eingebunden hast und du FIXE WERTE eingetragen hast für das Video, dann wundert mich nichts mehr.

Du musst statt den fixen WErten bei width und height jeweils 100% eintragen statt 560..

Read more
Posted on the from Andreas S.
Joerg S.
Joerg S.
User
Author

...sorry , ich kenne leider keinen anderen Weg. Gibt es eine bessere/schickere Möglichkeit?

Anbei 3 Bilder. Mein html youtube Eintrag before, dann now mit 100% und dann das traurige Ergebnis.

Immerhin funktioniert nun das Scalen - aber auf winzig und grottenquality. Das Video hat bis zu 2.44K...

Fehlt noch irgendwo ein Eintrag/Häkchen/etc?

Ich verstehe auch offensichtlich immer noch nicht, wie diese Seiten am besten aufgebaut werden. Könnte also auch daran liegen.

Die Tutorials die ich bisher fand haben mir nicht wirklich geholfen :(

Read more
Posted on the from Joerg S.
Joerg S.
Joerg S.
User
Author

oh my goodness...warum auch immer war mir das Video Objekt bisher nicht in den Sinn gekommen.

Ich habe jetzt das html gelöscht und dafür das Video mit dem youetube link eingesetzt und es funktioniert nahezu perfekt.

Das ist wohl erledigt. Danke für Eure Geduld.

ps. Wie mach ich eigentlich eine einfache horizontale Linie, mit der ich 2 Reihen Buttons optisch voneinander trennen will. Also eine Bob mit der z.B. Breite 500p und Höhe 3p. Habe vergeblich gesucht...

Read more
Posted on the from Joerg S.
Franz-Josef H.
Franz-Josef H.
Moderator

Du kannst in einem HTML-Objekt die Zeile "<hr width="500px" height="3px" noshade>" einfügen und schauen ob es das ist. 

Read more
Posted on the from Franz-Josef H.
Joerg S.
Joerg S.
User
Author

Sehr gute Idee...Ich bekomme einen hellgrauen Strich, was im Grunde OK wäre.

Wenn ich die Transparenz oder den Farbwert einstellen könnte...wäre es total perfekt.

Danke

Read more
Posted on the from Joerg S.
Andreas S.
Andreas S.
Moderator

Wieso machst du nicht ein HTML OBjekt und stellst im STIL einen Rand ein den du färbig stylen kannst?

Read more
Posted on the from Andreas S.
Joerg S.
Joerg S.
User
Author

Genau das hatte ich vor, doch es geht in diesem Fall um die "Kopfzeile" :(

Und in der Kopfzeile (Rubrik "Inhalt des Templates") sind die Optionen Stil, Rand, etc sind angeboten - schade!

Aber danke für die Idee.

Read more
Posted on the from Joerg S.