tengo un menú a la derecha de la pagina para facilitar al usuario la re dirección dentro la misma pagina y no tener que utilizar el scroll. He conseguido que me funcione pero yo tengo puesto un css un hover que cuando pase el ratón cambia y si hago lo de linkear me pone un subrayado y en morado y no me deja cambiarlo en el css.Lo que quiero es que cuando le de al navegador a la opción <li><a href="tomate1">-Tomàquet Línea</a></li>
me baje el scroll hasta
<h2 name="tomate1">Tomàquet de penjar Palamós</h2>
(por ejemplo).Como puedo solucionarlo.He buscado por Internet y nadie se queja de ese problema...gracias de antemano.
<nav id=nav1 class="menu-fixed2">
<ul>
<ul class="subtitulo">
<li class="titulillo">Tomàquets</li>
<li><a href="tomate1">-Tomàquet Línea</a></li>
<li><a>-Tomàquet de Penjar Palamós</a></li>
<li><a>-Tomàquet Profitós</a></li>
<li><a>-Tomàquet Supergros</a></li>
</ul>
<ul class="subtitulo">
<li class="titulillo">Cebes</li>
<li><a>-Ceba de Sabadell</a></li>
<li><a>-Ceba Valenciana</a></li>
</ul>
<ul class="subtitulo">
<li class="titulillo">Altres</li>
<li><a>-Mongeta Tendra perona</a></li>
<li><a>-Caçots</a></li>
<li><a>-Carbassa</a></li>
<li><a>-Coliflor</a></li>
<li><a>-Broquil</a></li>
<li><a>-Espigalls</a></li>
</ul>
</ul>
</nav>
<div class="cuadrados">
<h2>Tomàquet Línea</h2>
<img src="cirera.jpg" class="imagenes">
<p class="centrado">EL MILLOR TOMAQUET DEL MON SENCER LOKETE</p>
</div>
<div class="cuadrados">
<h2>Tomàquet de penjar Palamós</h2>
<img src="cirera.jpg" class="imagenes">
<p class="centrado">EL MILLOR TOMAQUET DEL MON SENCER LOKETE</p>
</div>
<div class="cuadrados">
<h2 name="tomate1">Tomàquet de penjar Palamós</h2>
<img src="cirera.jpg" class="imagenes">
<p class="centrado">EL MILLOR TOMAQUET DEL MON SENCER LOKETE</p>
</div>
.menu-fixed1{
position: fixed;
z-index: 1000;
top:60%;
}
#nav1{
margin-right: 3px;
margin-top:1%;
margin-left:85%;
background: rgba(38, 191, 212, 0.7);
border:solid;
border-radius: 8px;
border-color:cadetblue;
list-style: none;
}
#nav1 li a{
width: 100%;
font-family: 'Amatic SC', cursive;
font-size:1vw;
}
#nav1 li a:hover{
font-family: 'Amatic SC', cursive;
color:darkgreen;
}
#nav1 li{
list-style: none;
}
.titulillo{
width: 100%;
font-size:1vw;
font-family: 'Amatic SC', cursive;
background: rgba(0, 119, 171, 0.8);
text-align: center;
border-top: solid;
border-color:cadetblue;
border-bottom: solid;
border-color:cadetblue;
}
.menu-fixed2{
position: fixed;
z-index: 1000;
top:40%;
}
.lala{
margin-right: 25%;
}
.cuadrados{
margin-top:3%;
margin-right: 20%;
text-align: center;
background-color: aqua;
}
.imagenes{
margin-left:70%;
width: 20%;
height: 20%;
}
.centrado{
margin-top:-10%;
text-align: left;
position:absolute;
}
text-decoration: none
para remover el subrayado, y tambiencolor: tu-color
para darle el color que necesites