Collegamenti fra i link

**Minerva88** · 29-09-2010, 15:43

Salve.
Ho un problema con i collegamenti.
Praticamente ho costruito un menu con solo immagini, senza scritte e che al passaggio del mouse l'immagine cambia di colore. Es: http://yfrog.com/b9bottoni3p
Fino a qui tutto bene. Adesso però c'è qualcosa che non va nei collegamenti fra le pagine. Non mi si collegano. Dove ho sbagliato?
questo è il codice:

HTML

codice:

</head>

<body>
<div id="wrapper">
<div id="sidebar">


<div id="button"></div>
<div id="buttonn"></div>
<div id="buttonnn"></div>
</div>

<div id="menuindex"></div>
<div id="menuabout"></div>
<div id="menucontact"></div>

CSS

codice:

}
#button{
width: 164px;
height: 29px;
    border: 0;
	cursor: pointer;
    background:url(image/bottoni3.png) no-repeat;
	line-height:50px;
	margin:20px 12px 12px 12px ;

	}
#button:hover{
background-position: 0 -29px;
}

#buttonn{
width: 164px;
height: 29px;
    border: 0;
	cursor: pointer;
    background:url(image/clientbot3.png) no-repeat;
	margin:20px 12px 12px 12px ;

	}
#buttonn:hover{
background-position: 0 -29px;
}
#buttonnn{
width: 164px;
height: 29px;
    border: 0;
	cursor: pointer;
    background: url(image/artgallery3.png) no-repeat;
	margin:20px 12px 12px 12px ;
	

	}
#buttonnn:hover{
background-position: 0 -29px;



}

#menuindex{
list-style-type:none;
list-style-image:none;
position:relative;
top:228px;
float: right;
right:600px;
width:91px;
height:22px;
border: 0;
cursor: pointer;
background: url(image/home3.png) no-repeat;
	
	}
#menuindex :hover{
background-position: 0px -22px;
}
#menuabout{
list-style-type:none;
list-style-image:none;
position:relative;
top:225px;
float: right;
right:400px;
width:91px;
height:22px;
border: 0;
cursor: pointer;
background:  url(image/about3.png) no-repeat;
	
	}
#menuabout :hover{
background-position: 0px -22px;

}

#menucontact{
list-style-type:none;
list-style-image:none;
position:relative;
top:225px;
float: right;
right:200px;
width:91px;
height:21px;
border: 0;
cursor: pointer;
background:  url(image/contact3.png) no-repeat;
	
	}
#menucontact :hover{
background-position: 0px -21px;

**Myaku** · 29-09-2010, 16:00

mi sembra ci sia qualche errore concettuale nel tuo codice.

intanto, il link in effetti è vuoto, ti collassa.
in secondo luogo, un menu è una lista, e non è quindi corretto renderlo come N div.

potresti forzare il tag <a> a block, ma non sarebbe comunque il massimo, visto che a stili disabilitati, l'utente non vedrebbe in pratica nulla (perchè tra <a></a> non c'è nulla).
secondo me dovresti quindi rivederlo, la prima soluzione che mi viene in mente è applicare gli sfondi direttamente ai link (se li rendi blocco, puoi settargli delle dimensioni a tuo piacimento). potresti valutare anche l'utilizzo di uno span con text-indent negativo per nascondere l'alternativa testuale, ovvero il contenuto compreso tra <a>...</a>

**sea_green** · 29-09-2010, 16:04

Non funziona perché non c'è nulla compreso tra i tag <a ></a>

Infatti se tu scrivi:

codice:

Prova<a></a></p>

non ottieni alcun collegamento il tuo caso è uguale

Potresti risolvere così

codice:

<div id="bottone"><a href="pagina.htm">[img]immagini/bottone.gif[/img]</div>

Oppure modificando il Css e aggiungendo
a {display: block;}

se guardi QUI viene spiegato più nel dettaglio

**Minerva88** · 06-10-2010, 14:07

Grazie Mille^^ Riuscita con il secondo aiuto

Discussione: Collegamenti fra i link

Strumenti discussione

Ricerca discussione

Visualizza

Collegamenti fra i link

Permessi di invio