[RISOLTO] Immagini come link e immagine non cliccabile

[Membro cancellato 26246]

Pochi giorni fa ho impostato un colore particolare per i link presenti nei miei post.
Oggi mi è successa una cosa strana, ho pubblicato due immagini su tumblr, come solitamente faccio, tramite il tasto Foto. Una volta uppate le due immagini ho notato che l'ultima (e quelle che ho caricato dopo per prova) presentano alla base il colore giallo dei link). Ho provato ad ispezionare l'elemento ma non sono riuscito a capirci più di tanto.
La situazione è questa: Perchè sulla prima immagine appare il colore giallo dei link? (Strano che le altre immagini del blog non presentino questa cosa). E perchè la seconda immagine non è cliccabile come tutte le altre?

È strano perchè questa cosa non mi era mai capitata..

 

[Membro cancellato 26246]

Questo è il mio blog http://vividischizzi.tumblr.com/

 

[borgo italia]

ciao
non vedo alcun colore giallo (firefox 226)

 

[Membro cancellato 26246]

ciao
non vedo alcun colore giallo (firefox 226)

Grazie per la risposta
Anch'io utilizzo firefox, passa il mouse sulla prima immagine e guarda il bordo inferiore dell'immagine stessa.

EDIT: In internet explorer è ancora più visibile, perchè l'immagine viene circondata di marrone, proprio il colore del testo dei link al passaggio del mouse, il giallo invece è lo sfondo.

 

[borgo italia]

ciao
un po' orbo, mi era sfuggita.
secondo me verifica:
nelle foto linkata dopo la prima hai dato in id e classe al tag <a...> alla prima no, per cui la prima non assyume il css che gli togle il bordo

 

[Membro cancellato 26246]

ciao
un po' orbo, mi era sfuggita.
secondo me verifica:
nelle foto linkata dopo la prima hai dato in id e classe al tag <a...> alla prima no, per cui la prima non assyume il css che gli togle il bordo

Non ho capito bene, puoi spiegarti meglio? Comunque io non do alcuna proprietà particolare alle immagini, su tumblr mi basta cliccare su Foto e caricarle. Fa tutto in automatico. Comunque sfogliando il blog ho notato che tutte le immagini singole presentano questo problema, tranne quelle piccole, quindi mi viene da pensare: sarà che sono dei collegamenti perchè portano alle immagini in dimensioni originali? (sottodubbio: perchè accade solo con le immagini singole? d'altronde anche quelle caricate in gruppo sono più grandi dell'anteprima che viene visualizzata sul blog)

 

[borgo italia]

ciao
guarda che è una mia impressione in quanto il codice è abbastanza lungo.
comunque se guardi con tools->web developper->page source del bw ti accorgi che la prima immagine è messa in modo diverso dalle successive e che i secondi ahref hanno una classe

ti conviene copiare il risultato di page sorce e verificare quali sono le differenze ed eventualmente correggerle

 

[Membro cancellato 26246]

ciao
guarda che è una mia impressione in quanto il codice è abbastanza lungo.
comunque se guardi con tools->web developper->page source del bw ti accorgi che la prima immagine è messa in modo diverso dalle successive e che i secondi ahref hanno una classe

ti conviene copiare il risultato di page sorce e verificare quali sono le differenze ed eventualmente correggerle

Guarda questa pagina http://vividischizzi.tumblr.com/page/3, le due immagini centrali danno lo stesso problema, quindi cosa dovrei fare? Questa cosa attacca tutte le immagini che a quanto pare sono sia singole, che più grandi di come appaiono sul blog.

 

[Bedo]

..le immagini che si bordano sotto in giallino all' hover del mouse sono dei veri link (tag a) con le relative proprietà sul css
..le immagini che non si bordano sono degli iframe che a loro volta contengono delle immagini...e che non vengono modificati dalle regole css...

 

[Membro cancellato 26246]

..le immagini che si bordano sotto in giallino all' hover del mouse sono dei veri link (tag a) con le relative proprietà sul css
..le immagini che non si bordano sono degli iframe che a loro volta contengono delle immagini...e che non vengono modificati dalle regole css...

Esattamente, ignoravo solo il fatto che fossero iframe. Quindi è come dicevo (?). Un'immagine (singola?) viene resizzata se troppo grande, quindi trasformata in un'anteprima di dimensioni standard adatte al blog. Quando si clicca sull'immagine/link si accede all'immagine originale. Vado errato? Come posso risolvere?

 

[Bedo]

modifica il file 3.css alla riga 76 togliendo la stringa #FCFF8B

 

[Membro cancellato 26246]

modifica il file 3.css alla riga 76 togliendo la stringa #FCFF8B

Il file 3.css non esiste. Non sono io che scelgo il codice per ogni singolo elemento su tumblr. Per farla breve, questo è il codice da riga 74 a 76:

.right a:hover {
		    color: #8B0000;
		    background: #FCFF8B;

Se ne parla proprio qui http://forum.mrwebmaster.it/html-css/37603-risolto-problema-hover.html. Quindi eliminando la stringa #FCFF8B, si andrebbe ad eliminare lo sfondo di quel colore su tutti i link nei miei post.

 

[Bedo]

...ma lo sfondo dei tuoi link è #e0f1ff o sbaglio ? ...tinta azzurro chiaro...
solo i link nel footer hanno background giallino...

 

[Membro cancellato 26246]

...ma lo sfondo dei tuoi link è #e0f1ff o sbaglio ? ...tinta azzurro chiaro...
solo i link nel footer hanno background giallino...

No, ho capito a che ti riferisci, a color:TagsBackground, ma no non è quello, lo sfondo ai link mi funziona bene, ed è #FCFF8B, quello che per l'appunto appare sotto le immagini. Se analizzi qualsiasi pagina del mio blog, come si nota nel thread che ti ho postato, i post, tutti i post, si trovano nella classe .right. Di conseguenza ecco spiegato il mio codice, solo che vorrei levarlo da sotto queste immagini.

 

[Bedo]

...crea una classe con background: none; e associala solo ai tag a che hanno il bordino giallo...

 

[Membro cancellato 26246]

...crea una classe con background: none; e associala solo ai tag a che hanno il bordino giallo...

Ma così lo si leva a tutti no? Comunque ho sostituito

.right a:hover {
		    color: #8B0000;
		    background: #FCFF8B;
		}

con

p a:hover {
		    color: #8B0000;
		    background: #FCFF8B;
		}

Ora l'alone sotto le foto non c'è più, anche sotto quelle che però in realtà sono eccome dei collegamenti! :hammer:

 

[Membro cancellato 26246]

Ma così lo si leva a tutti no? Comunque ho sostituito

.right a:hover {
		    color: #8B0000;
		    background: #FCFF8B;
		}

con

p a:hover {
		    color: #8B0000;
		    background: #FCFF8B;
		}

Ora l'alone sotto le foto non c'è più, anche sotto quelle che però in realtà sono eccome dei collegamenti! :hammer:

Ho risolto nel modo qui illustrato. Per le immagini che in effetti sono link, a sto punto non mi interessa che si veda questo colore del collegamento visto che comunque cliccandoci è ovvio che si venga linkati, nel mio caso, su Flickr.

Il dubbio mi restava per quanto riguarda il tipo di post di tumblr 'Link', che mi permette di postare appunto un link. Questi link con la soluzione da me adottata non avevano lo sfondo giallino come volevo io, allora per ovviare a questo ho aggiunto un'altra pseudo classe :hover. Ecco l'intera porzione di codice:

p a:hover {
		    color: #8B0000;
		    background: #FCFF8B;
	      }
		
a.link:hover {
		    background: #FCFF8B;
		 }

Ecco fatto , e grazie per i suggerimenti