Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: KuraraGNU en 10 Mayo 2011, 17:24 pm



Título: [Imagen Enlace] Quiero que una imagen no tenga borde si la convierto en link.
Publicado por: KuraraGNU en 10 Mayo 2011, 17:24 pm
Pues eso, mas breve no puede ser, mirad, he hecho esto:

Código
  1. /*Links*/
  2. a img:hover {
  3. text-decoration:none;
  4. border-width:0px;
  5. border-style:none;
  6. }
  7. a img:link {
  8. text-decoration:none;
  9. border-width:0px;
  10. border-style:none;
  11. }
  12. a img:active {
  13. text-decoration:none;
  14. border-width:0px;
  15. border-style:none;
  16. }
  17. a img:visited{
  18. text-decoration:none;
  19. border-width:0px;
  20. border-style:none;
  21. }

Tambien lo he intentado sin poner img pero nada, no se que pasa que se me ve el estandar enlace y no es que este mal linkeado el css que esta perfecto, el resto de cosas van todas. Gracias! ^-^ He estado toda la tarde intentandolo, sino no lo preguntaria.


Título: Re: [Imagen Enlace] Quiero que una imagen no tenga borde si la convierto en link.
Publicado por: RedZer en 10 Mayo 2011, 17:51 pm
hay una propiedad de la imagen ponle border=0


Título: Re: [Imagen Enlace] Quiero que una imagen no tenga borde si la convierto en link.
Publicado por: Spider-Net en 10 Mayo 2011, 18:48 pm
Claro, no es la propiedad border-width ni border-style, es la propiedad border directamente, si la pones a 0 el borde del enlace no aparece, algo así:

Código
  1. <a href="enlace.html"><img src="imagen.jpg" border="0" /></a>


Título: Re: [Imagen Enlace] Quiero que una imagen no tenga borde si la convierto en link.
Publicado por: Shell Root en 10 Mayo 2011, 21:43 pm
No es que sea muy avanzado en CSS pero no se supone que debe de ir,
Código
  1. a:hover  img{
  2. text-decoration:none;
  3. border-width:0px;
  4. border-style:none;
  5. }

Ya qué es el a href el que contiene las propiedades de hover, link, active, visited.


Título: Re: [Imagen Enlace] Quiero que una imagen no tenga borde si la convierto en link.
Publicado por: KuraraGNU en 11 Mayo 2011, 10:17 am
Ya esta lo solucione cambiandole la propiedad a la etiqueta "img" y no a "a" no se me habia ocurrido. Y no Shell Root, se supone que es asi como lo he puesto, lo he sacado de un libro. Esto de la "programacion" web es un lio.

Grazie per tutto