Bordo bianco intorno a immagini/modulo

[Rolonoa_Zoro]

Salve,
vi pongo il seguente quesito a cui nn trovo risposta:
Ho utilizzato un modulo html libero su cui ho caricato un'immagine che a sua volta redirectava ad un link, nel qual caso le classiche icone sociali di facebook, youtube e twitter.
Avendo impostato un colore diverso dal bianco come sfondo, mi capita di visualizzare le icone con del bordo bianco fastidiosissimo a cui non ho saputo proprio ottemperare.

Vi invio un'immagine,

grazie ancitipate!




[allegato eliminato automaticamente dopo un anno]

[maicolstaip]

Ciao.
metti il link alla pagina web ché con un'immagine si può far poco...

Ciao!

[$Red]

ciao, modifica le immagini dandogli la trasparenza e salvandole in formati idonei ad esempio .png

[Rolonoa_Zoro]

purtroppo è protetto da password aziendale e non posso fornire l'accesso, mi dispiace
le immagini sono gia' in png e sono scontornate all'osso con photoshop.
Come posso impostare la trasparenza dello sfondo ?

[$Red]

tagli la parte bianca impostando lo sfondo dell'immagine trasparente, sinceramente non conosco PS

[Rolonoa_Zoro]

sinceramente preferirei eliminarlo del tutto e capire perchè escono quelle fastidiose fasce bianche.....la trasparenza implica che le icone non saranno mai equidistanti

[$Red]

e perche ? se tu rendi la parte bianca trasparente non significa che la elimini, quello spazio rimane solo che è in trasparenza la grandezza dell'immagine resterà identica

[Rolonoa_Zoro]

si, ma se lo sfondo è trasparente cmq c'è....non lo si elimina.
di conseguenza l'immagine seppur piccola è cmq larga avendo lo sfondo trasparente nn eliminato, quindi impostando le immagini come moduli in fila non saranno mai distanti esattamente l'una dall'altra.
Onestamente non credo che l'unica soluzione sia questa, mi risulta improbabile

[Rolonoa_Zoro]

nessun'altro puo' aiutarmi ?

[adottauncane]

Ciao Rolanoa_Zoro,
se l'immagine ha lo sfodo trasparente ed è un .png registrato per manterlo tale, puoi controllare se ci sia un css legato a img o al modulo HTML personalizzato che imposti il background bianco.

Altro non possiamo fare per aiutarti, senza un link.

[Rolonoa_Zoro]

Ecco succede esattamente questo, che è la ragione che mi sta mandando ai matti.
Per la precisione, vorrei levare quel maledetto sfondo invisibile che mi sposta di cosi' tanto l'immagine/link.
allego immagine:



[allegato eliminato automaticamente dopo un anno]

[ovEr484]

Allora, secondo me va bene la trasparenza, ma devi lavorare sul codice CSS. Se noti sulla destra hai i dettagli dello spazio che hai selezionato:

______________________
box-sizing: border-box;
display: block;
float: left;
margin-left: 2.5641%;
ecc.. non si legge
_______________________

Sono del parare che inserendo solo box-sizing: border-box tale stringa parta con un blocco pre-impostato di dimensioni standard, quelle che ti danno fastidio, quindi se puoi modificare il codice penso che tu debba aggiungere i dettagli:

width: (la larghezza esata in pixel dell'icona, per meglio "vestirla");

Io dopo aver "vestito" l'icona in tal modo toglierei completamente il margin-left e il float che non ti servirebbe più.

Ti passo due link che potrebbero servirti:

http://www.html.it/pag/19463/box-sizing/

http://www.html.it/articoli/box-model-naturale-con-border-box-1/


Ciao! Spero di averti aiutato!

[Rolonoa_Zoro]

Purtroppo non funziona neanche cosi'.
Quello che non mi spiego è il motivo per cui caricando semplicemente l'immagine sull'editor JCE presenti questo sfondo cosi' allungato.....non dovrebbe essere cosi' o sbaglio?
e' possibile che ci sia qualche impostazione nel modulo html libero da modificare? sembra che ci sia una specie di colonna di tale larghezza che poi viene visualizzata in trasparenza.
ergo, se non si copre tutta l'area questo è il risultato......
nessuna idea a riguardo?

[adottauncane]

Senza link sinceramente no. Non è questione di idee, quelle le abbiamo esposte, bisogna vedere il sito.

[Rolonoa_Zoro]

ti scrivo l'utente in pvt @adottauncane!


grazie