Responsive Problems
Author: Joerg S.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
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
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?
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 :(
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?
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.
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 :(
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)
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.
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.
Author
Andreas, danke für Rückmeldung...Ich verstehe...und nein, ich habe keine guten Augen :)
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?
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..
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 :(
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...
Du kannst in einem HTML-Objekt die Zeile "<hr width="500px" height="3px" noshade>" einfügen und schauen ob es das ist.
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
Wieso machst du nicht ein HTML OBjekt und stellst im STIL einen Rand ein den du färbig stylen kannst?
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.