imagenes con rayitas??

[alfil1973]

Resulta que cuando el usuario clikea cualquier imagen me aparece justo debajo de la imagen una rallita muy pequeña igual al color de vinculo visitado y claro como tengo un fondo de pantalla diferente al color de vinculo visitado queda feo. Como puedo hacer para que no me aparezcan estas rallitas conservando el fondo de pantalla?

<p align="center" class"otromenu">
<A HREF="pizzas.php"> <img src="imagenes/pizza.jpg" alt="Pizzas" border=0> </A>
<A HREF="postres.php"> <img src="imagenes/postre.jpg" alt="Postres" border=0> </A>
<A HREF="ensaladas.php"> <img src="imagenes/ensalada.jpg" alt="Ensaladas" border=0> </A>
<A HREF="bebidas.php"> <img src="imagenes/bebida.jpg" alt="Bebidas" border=0> </A>
</p>

Tambien agradeceria que alguien me explicase como puedo cambiar los colores de vinculo visitado, sin visitar, etc para que siempre sean el mismo y no me los diferencie. Gracias.

[pzin]

¿Te refieres al subrayado?

Con CSS, todo lo que preguntas, sería así:
.otromenu a {
text-decoration: none;
color: #9900FF;
}

El text-decoration sería para quitar el subrayado, y, color, para el color.

[alfil1973]

Si es como un mini subrrayado, se puede hacer eso en html sin css con alguna instruccion o de alguna forma?

[pzin]

Uy. Me acabo de percatar que es una imagen que quieres vincular y no un enlace de texto como pensé.

Puedes poner directamente la instrucción en el vínculo usando el atributo style, aunque, es mas recomendable usar CSS.

Código HTML:

<p align="center" class"otromenu">
<A HREF="pizzas.php"> <img style="border:0" src="imagenes/pizza.jpg" alt="Pizzas" border=0> </A> 

En CSS sería algo así:

Código:

.otromenu img {
border:0;
}

[alfil1973]

Probe la solucion que me diste en html y me sigue saliendo la rallita debajo de la imagen _ en color violeta. Por que puede ser??

[Raulmmmm]

Añade esta línea a la que te ha dado Bonez:
text-decoration:none;

[alfil1973]

Hice todo la cosa queda asi:

<p align="center" class"otromenu">
<p style="text-decoration: none;">
<A HREF="pizzas.php"> <img style="border:0" src="imagenes/pizza.jpg" alt="Pizzas" border=0> </A>
<A HREF="postres.php"> <img style="border:0" src="imagenes/postre.jpg" alt="Postres" border=0> </A>
<A HREF="ensaladas.php"> <img style="border:0" src="imagenes/ensalada.jpg" alt="Ensaladas" border=0> </A>
<A HREF="bebidas.php"> <img style="border:0" src="imagenes/bebida.jpg" alt="Bebidas" border=0> </A>
</p>
<br /><br /><br /><br />


y me siguen saliendo debajo de cada imagen la correspondiente rayita!!!

[pzin]

¿Podrías postear una imagen de cómo te salen las imágenes? Es que no entiendo muy bien eso de la rallita.

[alfil1973]

Perdona, pero no se como agregar una imagen aqui le pongo la url de mi pagina web que esta en localhost y aqui no se ve nada

[pzin]

Claro, nadie puede acceder a tu localhost desde una página de Internet.
Puedes subirla a ImageShack y luego postearla aquí.

[alfil1973]

Ok, ahora si ahi dejo la url para que la veais a ver si entre todos los solucionamos el problema:

http://img231.imageshack.us/my.php?image=rayitashw4.jpg

[Shade]

Ok, tu problema es que cuando CLICKEAS un link (sea imagen o no) te aparece un borde alrededor no?

Solución:

Código:

<style type="text/css">
a:active {
outline:none;
}
</style>

Problema... que solo funciona para Internet Explorer... si quieres que en Mozilla tambien funcione debes añadir tambien:

Código:

:focus {
-moz-outline-style:none
}

Eso ha sido todo amigos ^_^

P.D.: Para remover el borde de las imagenes (el borde normal, no el de link activo), usando:

Código:

img {
border:0
}

... se solucionará perfecto tal y como te dijeron.

[Shade]

Iniciado por Shade

Ok, tu problema es que cuando CLICKEAS un link (sea imagen o no) te aparece un borde alrededor no?

Solución:

Código:

<style type="text/css">
a:active {
outline:none;
}
</style>

Problema... que solo funciona para Internet Explorer... si quieres que en Mozilla tambien funcione debes añadir tambien:

Código:

:focus {
-moz-outline-style:none
}

Eso ha sido todo amigos ^_^

P.D.: Para remover el borde de las imagenes (el borde normal, no el de link activo), usando:

Código:

img {
border:0
}

... se solucionará perfecto tal y como te dijeron.

EDITO AHORA QUE HE VISTO TU IMAGEN.

La solución a tu problema:

Código:

a img {
text-decoration:none;
}

[alfil1973]

No tengo ni idea de css pero esta respuesta que me das:

a img {
text-decoration:none;
}

y la anterior:

<style type="text/css">
a:active {
outline:none;
}
</style

Para que funcione la he de teclear tal y como esta y meterla en el head sin hacer ningun cambio o como se ha de hacer??

[Shade]

a ver, para lo que tu quieres te sirve la segunda respuesta:

Código:

<style type="text/css">
a img {
text-decoration:none;
}
</style>

Copiala y pegala en entre el tag head tal y como acabo de poner y te funcionará.

[alfil1973]

Gracias. Al fin funciono!!! esto no hay opcion de hacerlo en html sin css?

[vik407]

Las "rayitas" que salieron en tu diseño es por que dejaste un espacio en blanco antes de cerrar el tag <a>

<A HREF="pizzas.php"> <img style="border:0" src="imagenes/pizza.jpg" alt="Pizzas" border=0> </A>

Eliminalas y dejarán de existir... no había necesidad de tocar los estilos

un saludo