div e link dove non dovrebbe essere

**gandall** · 20-05-2013, 15:42

Salve a tutti,
lavorando con div e css mi sono imbattuto nel seguente problema:

codice:

<html>
<style type="text/css">
#container {
	background-color:#F00;
	width: 600px;
	height: 400px;
	margin: 0 auto	
	}
img {
	position: relative;
	top: 150px;
	left: 300px;
}
</style>
</head>

<body>
<div id="container">
[img]pippo.jpg[/img]
</div>
</body>
</html>

In pratica ho una immagine con un link spostata dalla sua normale posizione tramite l'uso di position: relative.
Quello che è strano è che se col cursore si va nell'angolo in alto a sinistra del div contenitore (rosso) e poi si scende giù piano piano, si incontra un punto in cui compare la manina del link.
Si può evitare cio?

Ciao grazie

**Nobody33** · 20-05-2013, 18:50

Ho provato varie volte il codice da te postato e non mi compare nessuna manina dove non deve. L'errore sta altrove.

Puoi postare un link alla pagina completa?

Se non te la senti, guardi QUI e risolvi

**gandall** · 20-05-2013, 19:42

pagina test

**Nobody33** · 20-05-2013, 19:56

Ma non c'è ancora una pagina completa? Il link punta allo stesso codice da te postato e la risposta è +/- la stessa del mio precedente post:

Non mi compare nessuna manina al di fuori dell'immagine. Ho usato Chrome e FF per la verifica.
Ma, se da te dovesse essere diverso (che browser usi?), vai QUI e risolvi.

**gandall** · 20-05-2013, 20:03

non ha importanza se non c'è la pagina linkata, il fatto è che io vedo la manina (oltre che sull'immagine) anche in un'area in alto a sinistra (se ci vado col mouse ovviamente)

All'incirca nella zona che ho evidenziato in blu

Sto usando FF 20.0.1

ciao

**Nobody33** · 20-05-2013, 20:10

non ha importanza se non c'è la pagina linkata

Ma il problema non compare sull'esempio, ma su una tua pagina, quindi l'importanza c'è l'ha.

Ma, se per un motivo qualunque non lo vuoi postare, niente ci fa.
In ogni caso risolvi andando sul link da me postato

**gandall** · 20-05-2013, 20:19

Ma è su quell'esempio creato ad hoc che ho il problema, non c'era nessun'altra pagina; se vuoi puoi anche mettere # al posto del link, era per far comparire la manina.

La pagina che mi hai linkato se ho capito bene è per cambiare visualizzazione del cursore, ma io non voglio questo, mi cambierebbe anche quello sull'immagine

**Nobody33** · 20-05-2013, 20:29

Ripeto, non mi compare nessuna manina con nessuno dei browser, nemmeno sull'area da te segnato.

Inoltre ho provato:

codice:

<html>
<head>
<style type="text/css">
#container {
	background-color:#F00;
	width: 600px;
	height: 400px;
	margin: 0 auto	
cursor:default;
	}
img {
	position: relative;
	top: 150px;
	left: 300px;
}
</style>
</head>

<body>
<div id="container">
[img]pippo.jpg[/img]
</div>
</body>
</html>

e la manina sull'immagine rimane, quindi nessun problema.
Prova ad incollarti il codice su bloc notes e lo salvi come file html.

Altro non so dirti

**gandall** · 20-05-2013, 20:48

Stesso comportamento di prima...
tu che versione di FF hai?

**Nobody33** · 20-05-2013, 22:46

L'ho testato con un bel po di versioni QUI

Mi è venuto un altra idea: crea un contenitore per l'immagine.

Discussione: div e link dove non dovrebbe essere

Strumenti discussione

Ricerca discussione

Visualizza

div e link dove non dovrebbe essere

Permessi di invio