leron intanto grazie per la risposta. Il fatto è che ho già realizzato il mio bannerino devo solo creare i collegamenti alle singole voci.... non pensavo fosse così difficile.
Ma te quanto crei i tuoi template come fai poi a rendere le parti che vuoi te cliccabili ?
creo un menu a UL/LI tipo
ogni LI ha una classe associata che ne definisce le sue dimensioni
<!-- Menu -->
<ul id="topmenup">
<li class="home1"><a class="menuHead" href="/sito/pages/curriculum.php">Home</a></li>
<li class="chisono"><a class="menuHead" href="/sito/pages/fotografia.php">Chi sono</a></li>
<li class="risorse"><a class="menuHead" href="/sito/pages/grafica.php">Grafica</a></li>
<li class="miefoto"><a class="menuHead" href="/sito/pages/risorse.php">Risorse utili</a></li>
<li class="guestbook"><a class="menuHead" href="/sito/pages/siti.php">Siti web</a></li>
<li class="download"><a class="menuHead" href="/sito/pages/contatti.php">Contatti</a></li>
</ul>
</div>
<!-- // Menu -->
poi nel CSS definiscolarghezze, sfondi e stili
/* CSS Document */
#topmenup2, #topmenup2 ul {
height: 54px;
line-height:54px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
list-style: none;
font-size: 10px;
font-weight: bold;
text-indent: -9000px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#topmenup2 a {
display: block;
height: 54px;
line-height: 54px;
font-size: 10px;
font-weight: bold;
color:#005600;
text-indent: -9000px;
}
#topmenup2 a:hover {
display: block;
height: 54px;
line-height: 54px;
font-size: 10px;
font-weight: bold;
color:#82E45B;
text-indent: -9000px;}
#topmenup, #topmenup ul {
height: 39px;
line-height:39px;
padding-left: 32px;
padding-right: 0px;
padding-top: 0px;
list-style: none;
font-size: 10px;
font-weight: bold;
text-indent: -9000px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#topmenup a {
display: block;
height: 39px;
line-height: 39px;
font-size: 10px;
font-weight: bold;
color:#005600;
text-indent: -9000px;
}
#topmenup a:hover {
display: block;
height: 39px;
line-height: 39px;
font-size: 10px;
font-weight: bold;
color:#82E45B;
text-indent: -9000px;}
/* CSS Bottoni */
.menuHead
{
color: White;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
a.menuHead
{
color: White;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
#topmenup li {
float: left;
}
#topmenup li ul {
position: absolute;
}
#topmenup li:hover ul {
left: auto;
}
#topmenup li:hover ul, #topmenup li.sfhover ul {
left: auto;
}
#topmenup2 li {
float: left;
}
#topmenup2 li ul {
position: absolute;
}
#topmenup2 li:hover ul {
left: auto;
}
#topmenup2 li:hover ul, #topmenup2 li.sfhover ul {
left: auto;
}
/* MENU */
.home1{
width: 118px;
}
.home1 a:hover{
width: 118px;
background-image:url(immagini/curriculum.png)
}
.chisono{
width: 131px;
}
.chisono a:hover{
width: 131px;
background-image:url(immagini/fotografia.png)
}
.risorse{
width: 102px;
}
.risorse a:hover{
width: 102px;
background-image:url(immagini/grafica.png)
}
.miefoto{
width: 195px;
}
.miefoto a:hover{
width: 195px;
background-image:url(immagini/risorse.png)
}
.guestbook{
width: 135px;
}
.guestbook a:hover{
width: 135px;
background-image:url(immagini/siti.png)
}
.download{
width: 132px;
}
.download a:hover{
width: 132px;
background-image:url(immagini/contatti.png)
}
.siti{
width: 60px;
}
.siti a:hover{
width: 60px;
}
.homep {
width: 710px;
}
.homep a:hover{
width: 710px;
}
.bues{
width: 145px;
}
.bues a:hover{
width: 145px;
}
il risultato è il menu nero che trovi su www.francescozambotti.it