Ayuda con los links.

Fecheee1232 · #1 (**permalink**) 23/10/2010, 16:13

Bueno, al apretar un link, después de entrar se pone en un color purpura, hay alguna forma para que no se ponga en purpura y quede siempre en azulsito?

Mil gracias :)

pitufoweb · #2 (**permalink**) 23/10/2010, 16:23

Solo agrega en tu CSS;

Código:

a { color: blue; }

Saludos

Fecheee1232 · #3 (**permalink**) 23/10/2010, 16:37

Mh.. no me anda :/ que será?

Te paso como lo tengo:

Código:

#home
{
    position:absolute;
    height:25px;
    width:100px;
    top:50;
    left:75;
    color:blue;
}

En realidad lo que queda en purpura o azul es el contorno de la imagen, haciendola fea..

Gracias.

C2am · #4 (**permalink**) 23/10/2010, 16:40

Hola muestra el código que interviene en el link, o pon un enlace a tu pagina para ver

donde tengas definido el estilo del link imagen declara border-width=0;

Fecheee1232 · #5 (**permalink**) 23/10/2010, 16:47

Hola, no entendí, vos decis esto?

Código:

<img src="imagenes/botones/home.jpg" width="100" height="25" alt="Home">

La pagina es www.amunche-cabanias.com.ar

Gracias !

C2am · #6 (**permalink**) 23/10/2010, 16:53

Supongo que la estas viendo con IE, porque con Chrome no se ven los bordes.

pitufoweb · #7 (**permalink**) 23/10/2010, 16:59

Cita:

Iniciado por Fecheee1232

En realidad lo que queda en purpura o azul es el contorno de la imagen, haciendola fea..

Gracias.

En ese caso usa:

img { border: 1px solid blue; }

Saludos.

Fecheee1232 · #8 (**permalink**) 23/10/2010, 17:04

Cita:

Iniciado por C2am

Supongo que la estas viendo con IE, porque con Chrome no se ven los bordes.

No.. con Firefox, la veo de aca de mi casa.

Cita:

Iniciado por pitufoweb

En ese caso usa:

img { border: 1px solid blue; }

Saludos.

No.. tampoco anda :( Se le hace como un doble recuadro..

Gracias

pitufoweb · #9 (**permalink**) 23/10/2010, 17:08

actualiza la web para ver

Saludos

C2am · #10 (**permalink**) 23/10/2010, 17:16

Bueno.
El border azul y purpura son los que aparecen en todo link, para que no aparezca o para modificarlo debes darle el estilo que quieras a "a"
Para eliminar todo border producido por el enlace agrega a tu hoja de estilo esto:

Código CSS:

Ver originala img{
        text-decoration: none; /*en caso de tener texto */
    border:none;
    }
a:visited img {text-decoration: none;}
a:hover img{ text-decoration: none;}

Si quieres que se vea siempre azul puedes agregar lo que te dijo Pitufoweb a lo que puse, o definir el color en esas lineas:

Código CSS:

Ver originala img{
    border:thin solid #06C;
    }
a:visited img {border:thin solid #06C;}
a:hover img{ border:thin solid #06C;}

En cuanto a:

Código CSS:

Ver original#home
{
    position:absolute;
    height:25px;
    width:100px;
    top:50;
    left:75;
    color:blue; /* esto hace referencia al color del texto */

Te lo aclaro porque no tienes texto en ese enlace sino una imagen

PD: revisa el html ya que tienes el <body> y luego <head>...</head>

Edito para mostrarte como debería ser el menú mediante el uso de listas y no div como tienes:

Código HTML:

Ver original<ul id="menu">
     <li>
     <a href="index.html"> 
    <img src="imagenes/botones/home.jpg" width="100" height="25" alt="Home"> 
    </a> 
     </li>
     <li>
     <a href="contacto.html"> 
    <img src="imagenes/botones/contacto.jpg" width="100" height="25" alt="Contacto"> 
    </a> 
     </li>
     <li>
     <a href="cabanas.html"> 
    <img src="imagenes/botones/cabanas.jpg" width="100" height="25" alt="Cabañas"> 
    </a> 
     </li>
     </ul>

Tomalo como una colaboración, ya que se recomienda el uso de listas para el menu, y de paso no tienes que fijar la posicion de cada enlace. En este caso solo tienes tres, pero imagina que tuvieras muchos más.

Fecheee1232 · #11 (**permalink**) 23/10/2010, 17:58

Sii!! Muchisimas gracias :) :)

Soy medio noob en esto todabia, se me escapó eso del body, gracias por avisar :)

Saludos!