Imágenes-enlace en CSS

[gazpachoymochil]

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!!

[Eourus]

#contenidos td img { border:0px; }

[gazpachoymochil]

Gracias, lo he probado y funciona muy bien... si es que estaba cantado que sería una tontería!!

[matiassaitam]

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.

[Eourus]

Puedes poner alguna dirección matiassaitam (dios lo que me costó escribir tu nombre) jaja.

[matiassaitam]

Iniciado por Eourus

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

[Eourus]

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; }

[matiassaitam]

Iniciado por Eourus

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!.

[JavierB]

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,

[trhipahx]

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