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;