Foros del Web » Creando para Internet » CSS »

Imágenes-enlace en CSS

Estas en el tema de Imágenes-enlace en CSS en el foro de CSS en Foros del Web. Hola a todos, tengo un pequeño problemilla y no he encontrado ninguna solución por ahora. El caso es el siguiente, tengo el código en PHP: ...
  #1 (permalink)  
Antiguo 05/12/2007, 03:39
 
Fecha de Ingreso: febrero-2005
Mensajes: 105
Antigüedad: 12 años, 10 meses
Puntos: 1
Imágenes-enlace en CSS

Hola a todos, tengo un pequeño problemilla y no he encontrado ninguna solución por ahora. El caso es el siguiente, tengo el código en PHP:

Código:
print '<table><tr>
<td><a href="PDFs/fichero.pdf"><img src="Iconos/PDF.png" /></a></td>
<td>Descargar el contenido completo.</td>
</tr></table>';
El caso es que la imagen de la izquierda en la que se ha de clicar para que se abra el pdf quiero que no aparezca con el típico borde azul-morado de los enlaces. Mi código CSS para esa imagen es el siguiente:

Código:
#contenidos td a {
	color: #FFF;
	text-decoration: none;
}
Evidentemente, esa tabla está dentro de un <div id="contenidos">. Pues ese código se visualiza bien en Firefox (incluso sin poner la propiedad text-decoration), pero en IE tengo la imagen rodeada de un azul que no sé cómo hacer que desaparezca. Si alguien pudiese indicarme qué está sucediendo lo agradecería. Un saludo!!
  #2 (permalink)  
Antiguo 05/12/2007, 04:27
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: Imágenes-enlace en CSS

#contenidos td img { border:0px; }
  #3 (permalink)  
Antiguo 05/12/2007, 04:34
 
Fecha de Ingreso: febrero-2005
Mensajes: 105
Antigüedad: 12 años, 10 meses
Puntos: 1
Re: Imágenes-enlace en CSS

Gracias, lo he probado y funciona muy bien... si es que estaba cantado que sería una tontería!!
  #4 (permalink)  
Antiguo 05/12/2007, 06:47
Avatar de matiassaitam  
Fecha de Ingreso: diciembre-2007
Mensajes: 12
Antigüedad: 10 años
Puntos: 0
Re: Imágenes-enlace en CSS

Buenas,

Yo tengo un problema similar .. quiero sacarle el recuadro negro que aparece en las imágenes colocadas como enlaces, pero no quiero cambiarle el color del borde, quiero que desaparezca completamente.

Si modifico la propiedad "color" puedo cambiar dicho color, pero como el fondo de la página es una imágen queda mal colocar cualquier color .. ¿es posible hacerlo transparente?
Probe poner el "border" en 0px pero no funciona.

Si coloco "color: transparent;" para esa propiedad, tiene el efecto deseado, pero por supuesto no valida la hoja.

¿Alguna idea?
Muchas gracias por su tiempo.

Saludos.
  #5 (permalink)  
Antiguo 05/12/2007, 06:50
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: Imágenes-enlace en CSS

Puedes poner alguna dirección matiassaitam (dios lo que me costó escribir tu nombre) jaja.
  #6 (permalink)  
Antiguo 05/12/2007, 09:34
Avatar de matiassaitam  
Fecha de Ingreso: diciembre-2007
Mensajes: 12
Antigüedad: 10 años
Puntos: 0
Pregunta Re: Imágenes-enlace en CSS

Cita:
Iniciado por Eourus Ver Mensaje
Puedes poner alguna dirección matiassaitam (dios lo que me costó escribir tu nombre) jaja.
Si, mil disculpas, estaba medio apurado cuando escribi el mensaje.

Lo que quiero hacer es sacar ese recuadro negro de las imágenes:


El código de esa parte es:
Código:
<div id="Pie">
  <p>
    <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
    <a href="mailto:@><img src="img/contactanos.png" alt="Contactanos" height="31" width="88" /></a>
  </p>
</div>
Desde ya muchas gracias.
Saludos.

PD: el nick es fácil... matias y luego lo mismo pero al revez
  #7 (permalink)  
Antiguo 05/12/2007, 10:06
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: Imágenes-enlace en CSS

En teoría, si ese borde no es parte de la imagen, sino que es el que sale al ponerle el enlace debería quitarse de la siguiente manera:

#pie a, img { border:0px; }
  #8 (permalink)  
Antiguo 05/12/2007, 11:02
Avatar de matiassaitam  
Fecha de Ingreso: diciembre-2007
Mensajes: 12
Antigüedad: 10 años
Puntos: 0
Re: Imágenes-enlace en CSS

Cita:
Iniciado por Eourus Ver Mensaje
En teoría, si ese borde no es parte de la imagen, sino que es el que sale al ponerle el enlace debería quitarse de la siguiente manera:

#pie a, img { border:0px; }
¡Efectivamente! ¡¡muchas gracias!! ¡¡funcionó!

Mi error era la omisión del img.
Creo que tendré que repasar el tema.

Saludos y de nuevo, muchas gracias!.
  #9 (permalink)  
Antiguo 05/12/2007, 13:09
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Imágenes-enlace en CSS

Hola a todos.

Sólo comentar que, cuando se da un valor de cero, no es necesario poner la unidad de medida:

Código:
#pie a, img { border:0; }
Saludos,
  #10 (permalink)  
Antiguo 15/04/2008, 03:05
 
Fecha de Ingreso: septiembre-2006
Mensajes: 233
Antigüedad: 11 años, 2 meses
Puntos: 0
Re: Imágenes-enlace en CSS

Me gustaría saber cómo quitar el borde de las imagenes del siguiente enlace:
http://www.peonnegro.com/www.doctordeseo.com/fotos.php

Gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:41.