conflitti con jquery

[Kahm]

salve a tutti

ho 2 pagine di esempio, ho cambiato solo i reference a jquery
1)http://www.suale.it/pet/1.html
2)http://www.suale.it/pet/2.html
come potete vedere :
1.htm usa query versione 1.8 e nella head l'immagine è allineata bene, ma cliccando nella lista bootstrap non si avvia per il popup, qui il browser dice ceh bootstrap richiede jquery 1.9 o superiore.
2.html ho disabilitato jquery 1.8 e referenziato 1.10, ora il popup di bootstrap funziona, ma le immagini non sono ben allineate come prima
in entrambi i casi il jquery Tabs non funziona .

ho cambiato solo il reference per il jquery
cosa sbaglio?

[stoneweb]

Il problema è che nel secondo i div contenuti dentro a .shapes non stanno prendendo i valori left che dai nel numero 1. Non so se questi valori li dai con jQuery, ma ti consiglio di rivedere un attimo la struttura, perché in questo modo ti sei un po' incasinato. Piuttosto ti consiglierei di valutare l'utilizzo di una libreria come Bootstrap (https://getbootstrap.com/docs/4.3/ge...rted/download/) o, in alternativa, di usare i flexbox (https://www.html.it/guide/flexbox-guida-pratica/)