Problema con vínculos en imágenes (DW)
3 seguidores
Hola!!
Me estoy volviendo loca... Llevo varios días con una web y cada vez que pongo un vínculo en una imágen me sale un cuadro de color morado alrededor de la imágen. No se si me estoy saltando algún paso, puede ser algo de la configuración, no lo se. No soy muy experta con Dreamweaver, pero se lo básico y no consigo resolverlo...
¿Alguien me puede ayudar?
Muchas gracias.
Usuario desconocido
Eso es porque al igual que con los vínculos de texto te pone un color por defecto en este caso un borde.
Con que le pongas en la CSS<code>
img {
border:none;
outline:none;
}
</code>
Eso te tiene que valer.
Lo de outline es porque en FF al pinchar en la imagen te pone un bordecito.
A ver si así te vale.
lia_goldylox
Muchísimas gracias!! Problema solucionado, era tan fácil que no se como no se me ocurrió... Falta de práctica imagino.
Un saludo.
Trazo
Aunque por estética suele quedar mejor con:
<code>
img {
outline: none ;
}
</code>
yo no suelo aplicarlo por cuestiones de accesibilidad. De todas maneras sólo con aplicar un borde de grosor cero como te cuenta mambrú, tu problema se soluciona:
<code>
img {
border: 0 ;
}
</code>
kemie
trazo, yo no se mucho de estos temas asi es que pregunto: como afecta el outline (o la ausencia de) la accesibilidad?
Trazo
Según la nota "Accessibility Features of CSS" del W3C:
<fieldset>La propiedad 'outline' permite a los usuarios (por ejemplo, con visión reducida) crear contornos alrededor de contenido que no afectan al diseño pero proporcionan información destacada.</fieldset>
Aquí tienes la nota y aquí traducida por Fernando Gutiérrez.
Usuario desconocido
Apuntado queda ;)