Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Herramientas y Software (http://www.forosdelweb.com/f17/)
-   -   Usar una imagen como link y evitar el contorno en azul (http://www.forosdelweb.com/f17/usar-imagen-como-link-evitar-contorno-azul-450540/)

Mxlinde 16/12/2006 12:53

Usar una imagen como link y evitar el contorno en azul
 
Hola!
Trabajando en Dreamweaver 8,
en una pagina en la que utilizo una imagen como link y definiendo un borde negro, esta me aparece con un borde en azul, que cambia de color una vez se ha hicho click en dicha imagen.
Como puedo hacer para evitar este borde en azul (por defecto indicando que es un link) y que aparezca el borde en negro? Por supuesto respetando los colores de otros links en la misma pagina.

Gracias!!!
Marga

juaniquillo 16/12/2006 13:20

Re: Usar una imagen como link y evitar el contorno en azul
 
puedes ponerle un border usando CSS.
Primero que nada, escoge ela imagen que quieras el border y quitale el borde que trae por defecto. pones 0 (cero) en el apartado de border en el Properties Inspector:
http://img315.imageshack.us/img315/6...hunter2bf1.jpg

Despues le pones un id a la imagen. Yo le he puesto imagen1 a la mia (acuerdate de no poner caracteres especiales ni espacios):
http://img332.imageshack.us/img332/3...hunter1lk7.jpg

despues abres el panel de css y creas un nuevo estilo:
http://img98.imageshack.us/img98/998...hunter3ob3.jpg

si tienes la imagen todavia escogida te saldra el nombre de tu imagen con una # delante. Si quieres usar ese borde en varias pagina lo mejor es que hagas una hoja de estilo. si es solo para esa pagina pues es mejor que hagas el estilo para esa pagina solamente. Para eso es la opcion de 'Define'. Escoge 'New Stye Sheet' para lo primero y 'This document only' para lo segundo.
http://img98.imageshack.us/img98/779...hunter4uy8.jpg

En la proxima ventana escoges 'Border' en el menu de la izquierda y ahi escoges los siguiente:
1- mira que todas las casillas de 'same for all' esten marcadas.
2- en 'style' escoge 'solid'
3- en 'width' pones el tamaño en pixels que quieres el border
4- en 'color' escoges el color que quieres.
http://img146.imageshack.us/img146/7...hunter5mf4.jpg

le das ok y listo.


La zona horaria es GMT -6. Ahora son las 10:17.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.