WebSite X5Help Center

 
Bernhard K.
Bernhard K.
User

Html-Objekt sieht nach Upgrade auf v17 falsch aus  de

Auteur : Bernhard K.
Visité 1654, Followers 1, Partagé 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.

Posté le
6 RéPONSES - 2 UTILE - 1 CORRECT
André G.
André G.
User

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

Lire plus
Posté le de 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

Lire plus
Posté le de Stefano G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Lire plus
Posté le de  ‪ 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Bernhard K.
Bernhard K.
User
Auteur

Hi KolAsim

this workaround is fine, thank you for your help

Bernhard

Lire plus
Posté le de Bernhard K.