Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Hipervinculo sin cuadradito (http://www.forosdelweb.com/f53/hipervinculo-sin-cuadradito-414710/)

TheNet 04/08/2006 13:02

Hipervinculo sin cuadradito
 
Vereis, es que estoy modificando un theme. le pongo un hipervinculo a una imagen, pero cuando se lo pongo, se pone una especie de cuadradito alrededor de dicha imagen, y el theme se hace mas grande.
Como puedo hacer para poner ese hipervinculo, y que no salga el cuadradito??

Saludos

javier.perez 04/08/2006 13:09

No sé lo que es un "theme"... pero si quieres quitar el borde de las imagenes contenidas en un enlace, tendrás que tocar las CSS:

#contenedor a img {border:none; }

TheNet 04/08/2006 14:01

Perdona, pero no se en que parte lo tengo que poner. Ahi te dejo mi style.css

Código:

                th {
        color : #000000;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
}
input {
        color : #000000;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.px {
        padding-top : 0px;
        padding-bottom : 0px;
        padding-left : 0px;
        padding-right : 0px;
        margin-top : 2px;
        margin-bottom : 0px;
        margin-left : 0px;
        margin-right : 0px;
}
.px5 {
        padding-top : 0px;
        padding-bottom : 0px;
        padding-left : 0px;
        padding-right : 0px;
        margin-top : 5px;
        margin-bottom : 0px;
        margin-left : 0px;
        margin-right : 0px;
}
.t01 {
        color : #000000;
        margin-top : 5px;
        padding-bottom : 10px;
        margin-bottom : 0px;
        margin-left : 40px;
        margin-right : 30px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
}
.t01 a {
        color : #EF6D00;
}
.t01 a:hover {
        color : #C25A02;
}
.list {
        color : #FFFFFF;
        margin-top : 3px;
        padding-bottom : 3px;
        margin-bottom : 0px;
        margin-left : 10px;
        margin-right : 10px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.right {
        color : #FFFFFF;
        margin-top : 5px;
        padding-bottom : 10px;
        margin-bottom : 0px;
        margin-left : 10px;
        margin-right : 10px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.right a, .list a {
        color : #FFFFFF;
}
.right a:hover {
        color : #AAAAAA;
}
.left {
        color : #000000;
        margin-top : 10px;
        padding-bottom : 5px;
        margin-bottom : 0px;
        margin-left : 25px;
        margin-right : 10px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.left b {
        color : #FFFFFF;
}
.left a {
        color : #FF6600;
}
.left a:hover {
        color : #FF0000;
}
p {
        color : #000000;
        margin-top : 5px;
        padding-bottom : 10px;
        margin-bottom : 0px;
        margin-left : 10px;
        margin-right : 10px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
}
p a {
        color : #000000;
        font-weight: bold;
}
p a:hover {
        color : #294A7B;
}
.menu03 {
        color : #ffffff;
        margin-top : 0px;
        padding-bottom : 0px;
        margin-bottom : 0px;
        margin-left : 45px;
        margin-right : 0px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
}
.menu01 {
        color : #FFFFFF;
        margin-top : 0px;
        padding-bottom : 0px;
        margin-bottom : 0px;
        margin-left : 45px;
        margin-right : 0px;
        font-size : 12px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.menu01 a {
        color : #FFFFFF;
        text-decoration: none;
}
.menu01 a:hover {
        color : #EEEEEE;
}
.menu02 {
        color : #000000;
        margin-top : 0px;
        padding-bottom : 0px;
        margin-bottom : 0px;
        margin-left : 45px;
        margin-right : 0px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.menu02 a {
        color : #000000;
        text-decoration: none;
}
.menu02 a:hover {
        color : #555555;
}

Saludos

webosiris 04/08/2006 14:22

al final de todo, después del último }, agregá:
Código:

a img {border:none;}
PD: muevo esto al foro de CSS.

TheNet 04/08/2006 14:42

Muchas gracias, ya no me salen esos bordes.
De nuevo, muchas gracias, sois la ost*a.

Saludetes


La zona horaria es GMT -6. Ahora son las 20:57.

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