Foros del web, para los que viven de bits

TheNet · 04-ago-2006, 13:02

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-ago-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-ago-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-ago-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-ago-2006, 14:42

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

Saludetes

04-ago-2006, 13:02	#1 (permalink)
TheNet Fecha de Ingreso: julio-2006 Mensajes: 94	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

04-ago-2006, 14:22	#4 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 5.965	al final de todo, después del último }, agregá: Código: a img {border:none;} PD: muevo esto al foro de CSS. __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

04-ago-2006, 13:09	#2 (permalink)
javier.perez Fecha de Ingreso: julio-2006 Ubicación: Madrid, España Mensajes: 8	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; }

04-ago-2006, 14:42	#5 (permalink)
TheNet Fecha de Ingreso: julio-2006 Mensajes: 94	Muchas gracias, ya no me salen esos bordes. De nuevo, muchas gracias, sois la ost*a. Saludetes