Bug spazio 2px su Shape Separator 
Autor: Giuseppe Guida
Besucht 360,
Followers 2,
Geteilt 0
Link di prova qui: https://www.bozzasito001.altervista.org/shapeseparator/
Guardando la Home si nota una linea sottile sotto l'immagine principale dove si vede il bordo inferiore ondulato dello shape separator (inserisco screenshot per far capire cosa intendo).
Nella Home 2, duplicato della Home, ho inserito un codice che corregge il bug:
<style>
#pluginAppObj_3_325 {
padding-top: 2px !important;
}
</style>
e la linea sottile sotto in effetti non è visibile.
Il problema si verifica solo ONLINE su tutti i browser principali, in anteprima locale di Website X5 il bug non si presenta.

Gepostet am

Ciao Giuseppe, da pc con firefox io non vedo la linea che indichi sia in "Home" che in "Home2", mentre da smartphone con Chrome la vedo in tutte e due le "Home".
Giuseppe io con firefox li vedo, o avuto lo stesso problema e risolto come hai fatto tu!
Com'è possibile che io da pc con Firefox non la vedo e Domenico invece si?
Domenico, tu da pc e con firefox?
Buongiorno Giuseppe,
utilizzando Chrome, Firefox, Edge, Opera e Brave non mi è stato possibile visualizzare la linea sottile ed entrambe le home ne sono prive, verificherò con una macchina differente.
si crome se modifichi la % dell zoom si vede al 100% non la vedo
Buongiorno,
dopo quanto menzionato da Giancarlo ho verificato con livelli diversi di zoom, e ottenuto il risultato.
Effettuando alcune ricerche, è emerso che si tratta di un problema noto nel rendering dei browser: le linee nei browser e la grafica alterata possono dipendere dalle impostazioni di zoom utilizzate, che generano un conflitto di ridimensionamento tra i DPI di Windows e il motore grafico del browser.
Con il ridimensionamento Windows al 125%, ad esempio, la linea non dovrebbe risultare visibile se su usa uno zoom del 90 o 80% sul browser, mentre se il ridimensionamento di Windows è al 100%, la linea invece non appare con lo zoom standard del browser, bensì se si usa 75% o 125%.
Autor
Ciao, io ho zoom dei browsers (Chrome, Edge, Firefox, Opera) al 100% e Ridimensionamento in impostazioni Windows 11/Schermo, al 125% (scelta consigliata).
Da smartphone il problema non si presenta
Buongiorno,
con questa combinazione di impostazioni è possibile che si generino questi effetti nel rendering, non legati a WebSite X5 in sé.
Con il ridimensionamento al 125%, la riga dovrebbe risultare non visibile usando nel browser 80, 90 o 110% (o superiore) di zoom.
Autor
Questo si era capito Eric ma... non va bene né per me né per nessun altro.
Nel MIO browser lo zoom io posso metterlo anche al 90 o 80 o 110% (anche se è preferibile, in generale, che stia al 100%, lo sai bene) e potrei lasciare il ridimensionamento al 125% come già sta... ma per gli utenti che visitano il mio sito che faccio? Gli telefono a casa per dire come devono sistemare zoom e ridimensionamento in un certo modo?
Userò il codice indicato all'inizio. Il problema persiste per chi non userà o non sa che deve usare del codice extra.
P.S. il tuo consiglio non va bene e proprio non capisco il like messo da KolAsim alla tua soluzione che così diventa FUORVIANTE per che legge il post e crede di aver risolto il problema seguendo le tue indicazioni: sul proprio PC il problema sparirá ma NON sparirà per chi usa altre impostazioni e visita il sito
È un like che non c'azzecca veramente a nulla... Mah. Vedo cose sempre piu strane su questo forum
Autor
*Like = Utile
Buongiorno Giuseppe,
più che di un consiglio, si trattava di una spiegazione sulla causa di quanto hai visualizzato, che è appunto un problema noto dei browser e non legato direttamente alla generazione del codice da parte di WebSite X5, e viste le numerose combinazioni possibili delle impostazioni dei visitatori potrebbe non essere possibile includere un fix globale: il tuo codice, ad esempio, non impedisce alla riga di apparire a differenti combinazioni, come ad esempio 125%/110% o 125%/75%
Verificheremo le possibilità di coprire una maggioranza di possibili combinazioni.
Autor
OK, Eric. Intanto ci lavoro sul codice per cercare qualcosa che copra meglio un po' tutte le varie combinazioni.
Autor
Questo dovrebbe risolvere, se si va al link qui: https://www.bozzasito001.altervista.org/shapeseparator/
e poi su HOME 2, il problema sembra risolto sia se si modifica lo zoom del browser che il ridimensionamento dello schermo in Windows. Poi farò altri test per maggiore sicurezza:
<style>
.icmShapeSeparator {
position: relative;
display: block;
line-height: 0;
margin-bottom: -1px;
}
.icmShapeSeparator svg {
display: block;
}
</style>
P.S. su HOME non c'è codice e il problema della riga sotto lo shape separator è evidente. Le prove vanno fatte su HOME 2, ciao.