Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,509

    Problema immagini su Safari

    Sto testando un sito su vari browsers ed ho riscontrato un problema su Safari (5.1.7)

    Come potete vedere dall'immagine, anche se piccola, ma queste sono le dimensioni che ho, l'immagine dell'orologio risulta tagliata a destra e il pezzo mancante viene messo a sinistra.

    Su tutti gli altri browser viene regolarmente visualizzata.

    L'immagine è così inserita
    codice:
    <div class='icona-ins-vetrina'>
    	[img]static/images/scadenza.png[/img]
    </div>
    dove la classe del div è semplicemente
    codice:
    .icona-ins-vetrina {
        float:left;
    }
    Dico subito che per il tag img sono impostati a 0 sia margin che padding.

    Come posso provare a risolvere questo problema di visualizzazione?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947

    Re: Problema immagini su Safari

    l'immagine dell'orologio risulta tagliata a destra e il pezzo mancante viene messo a sinistra
    dall'immagine si vede poco, certo se l'immagine è trattata in questa maniera è molto strano (lo sarebbe stato meno se si fosse trattato di uno sfondo).
    L'immagine è in un div flottante, a me verrebbe da dire che l'elemento che gli sta a fianco va a sovrapporsi e che possa essere un problema quindi non dell'immagine ma dei contenuti successivi. Il codice fornito non permette di comprendere dove sia il problema

  3. #3
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,509
    Ho notato che succede anche in altri posti, per esempio si vede anche qui

    a destra dell'immagine non c'è niente, quindi non può esserci alcunché che vi si sovrappone, anche perché tutti gli elementi che possono comparire attorno a queste immagini sono distanziati usando i "margin".
    Il codice qui è
    codice:
    <div class='home-shop-name' >Bestshop</div>
    <div style='float:left;margin:-5px 0px 0px 15px'>
    	[img]static/images/info_shop.png[/img]
    </div>
    
    in cui
    .home-shop-name {
    	float:left;
    	font-size:1.7em;
    	line-height:15px;
    }

  4. #4
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,509
    Penso dipenda dall'immagine, non dal CSS.
    Al posto di quella nelle immagini postate ci ho messo un'altra icona, sempre rotonda, anch'essa png, dimensioni originali entrambe (86x86) e ridotte allo stesso modo (16x16) sulla pagina, la nuova immagine si vede bene.

    Ma cosa dell'immagine che mi serve può dargli fastidio?

  5. #5
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,509
    Ho scoperto il motivo trovando la differenza tra le 2 immagini usate.

    Quella visualizzata male era salvata in scala di grigi, quella funzionante in RGB.
    Ho convertito in RGB l'immagine non funzionante e adesso non mi da più problemi.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.