WebSite X5Help Center

 
Bernhard K.
Bernhard K.
User

Html-Objekt sieht nach Upgrade auf v17 falsch aus  de

Autor: Bernhard K.
Besucht 1376, Followers 1, Geteilt 0  

Hi folks

nach dem Upgrade auf Version 17 sieht eine Unterseite ziemlich verhunzt aus.

Original sieht sie so aus:

https://heilendehände.de/kontakt.html

jetzt aber stehen die Icons in der Mitte und daneben ist noch der Anfang des Textes zu sehen bis zur Breite des breitesten Icons. Der Rest des Textes wird abgeschnitten, das sieht dann so aus

Zugrunde liegt einfaches HTML-Objekt mit folgenden Anweisungen

<div class="sprite" id="iaddress"></div>
<div class="itext" id=taddress><b>Pferseer Str. 7</b><br><b>86150 Augsburg</b></div>

<div class="sprite" id="iinfo"></div>
<div class="itext" id=tinfo><b>im Ärztehaus</b><br><b>3. Stock, barrierefrei</b></div>

<div class="sprite" id="iphone"></div>
<div class="itext" id=tphone><b>0160 913 64 987</b></div>

<div class="sprite" id="ifon"></div>
<div class="itext" id=tfon><b>+49 (0)821 50 88 96 50</b></div>

<div class="sprite" id="ifax"></div>
<div class="itext" id=tfax><b>+49 (0)821 50 88 96 51</b></div>

  ... usw

und den CSS-Definitionen

.sprite {
background: url(sprites.png) no-repeat;
height: 40px;
margin-bottom: 13px;
}

.itext {
position: absolute;
font-size: 14pt;
line-height: 1.15;
text-align: left;
padding-left: 55px;
}

#iaddress { background-position: 0 0; width: 40px; }
#taddress { top: 0; }

#iinfo { background-position: -41px; 0; width: 40px; }
#tinfo { top: 53px; }

#iphone { background-position: -81px 0; width: 62px; }
#tphone { top: 117px; padding-left: 67px; }

#ifon { background-position: -143px 0; width: 38px; }
#tfon { top: 165px; }

#ifax { background-position: -183px 0; width: 38px; }
#tfax { top: 220px; }

... usw

Vermutlich hängt das mit der neuen Wunderkerze CSSGrid zusammen, aber wieso ausgerechnet ein einfaches HTML-Objekt so verunstaltet wird - rätselhaft. Oder auch nicht. Der Cheffe von Entwicklung hat vermutlich eine Prämie ausgelobt, wenn die 17er-Version noch vor Weihnachten fertig wird. Aber, Incomedia, wir Kunden haben vor Weihnachten auch was besseres vor, als Workarounds zu finden.

Jedenfalls gehe ich zunächst wieder zur 16er-Version zurück.

Gepostet am
6 ANTWORTEN - 2 NüTZLICH - 1 KORREKT
André G.
André G.
User

Auch ich habe Probleme mit dem html Objekt, meine eigenen classen kann ich nicht mehr ansprechen.

Mehr lesen
Gepostet am von André G.
Incomedia
Stefano G.
Incomedia

Hi Bernhard

As you correctly pointed out, the differences in structure can be many since the new CSS Grid layout was adopted.

It is unfortunately impossible to guarantee compatibility with whatever code can be inserted into the HTML Object, and of course most codes will need to be tweaked a little, especially now, considering the great deal this change means.

Unfortunately, the Staff cannot provide support for custom codes, but I will leave this topic open so that other users might eventually stop by and help you out with this

Thank you for your understanding

Stefano

GOOGLE TRANSLATE ---

Hallo Bernhard
Wie Sie richtig betont haben, können die strukturellen Unterschiede erheblich sein, da das neue Layout für CSS-Grids übernommen wurde.

Leider kann die Kompatibilität mit dem Code, der in das HTML-Objekt eingefügt werden kann, leider nicht garantiert werden, und natürlich müssen die meisten Codes etwas angepasst werden, insbesondere jetzt, wenn man bedenkt, wie viel diese Änderung bedeutet.

Leider kann der Stab keine benutzerdefinierten Codes unterstützen, aber ich werde dieses Thema offen lassen, sodass andere Benutzer eventuell vorbeikommen und Ihnen dabei helfen können

Danke für Ihr Verständnis

Stefano

Mehr lesen
Gepostet am von Stefano G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De) ... Hi Bernard,
... können Sie hier den Link zu dem mit v.17 durchgeführten Test setzen?

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Bernhard K.
Hi Stefano G & KolAsim here is the link to an itnermediate Version built with v17 https://heilendehände.de/test/kontakt.html any help is appreciated Bernhard

1) ... fügen Sie diesen Code in die Seiteneigenschaften ein:
>> Schritt 3 - Sitemap > Eigenschaften der Seite Fenster > Funktionen im Bereich ErweitertBenutzerdefinierter Code: >> Vor dem </HEAD> Tag >>

<style>
#imHTMLObject_5_156 { width:100% !important }
#imCell_158 * { width:100% !important }
</style>

--------------------------------↓↓↓-------------------------

2) ... code IFRAME:

<!-- ==================K================ -->
<iframe width="100%" height="450" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2650.71348298188!2d10.880404315657056!3d48.366028979242316!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x61abae5665efbbbb!2sPhysiotherapie+Julius+Roden!5e0!3m2!1sde!2sde!4v1541767005710" style="position:absolute;width:100%;height:450px;top:0px;left:0px;border:0;" frameborder="0" allowfullscreen></iframe>
<!-- ==================K================ -->

------------------------------------

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Bernhard K.
Bernhard K.
User
Autor

Hi KolAsim

this workaround is fine, thank you for your help

Bernhard

Mehr lesen
Gepostet am von Bernhard K.