2010-01-29 4 views
14

Por ejemplo,En Firefox, al imprimir una página con etiquetas de anclaje, la ubicación del enlace es la impresión después de que el texto

<a href="../somepage/page.aspx?qs=asdf">Text Here</a> 

imprimirá como ...


texto aquí (. ./somepage/page.aspx?qs=asdf)


En IE, parece normal (no imprime la url). ¿Alguna idea de por qué esto está actuando de esta manera?

+0

No realmente ... Lo ff versión está utilizando? – 3lectrologos

+0

Esto ocurre en Firefox 26 fuera de la caja. La respuesta de @ SteveEynon corrige el problema (o deshabilita la característica). – dancek

+0

Seguramente debe haber alguna opción de configuración en el navegador para deshabilitar esto? – faintsignal

Respuesta

6

La respuesta fue en el marco css que estamos usando (Blueprint). Había la siguiente línea en el archivo de estilo:

a:link:after,a:visited:after{content:"(" attr(href) ")";font-size:90%} 

Supongo que esto podría ayudar a otros que usan Blueprint.

0

También existe la razón semántica para imprimir la url junto al enlace. Imagine que imprime el documento sin la url. No puede estar seguro de entender completamente el texto tal como lo entiende el autor.

Puede ser necesario que una cita también imprima la fuente. Eso es importante, es decir, para textos académicos.

Indeed Bretts La respuesta es correcta.

0

Puede evitar este problema por completo en la pantalla incluyendo el atributo de comunicación en el enlace de estilo de impresión de la siguiente manera

<link href="../../Content/blueprint/print.css" rel="stylesheet" media="print" type="text/css" /> 
25

Extrapolando a partir de la respuesta de Brett, en Firefox 25, este estilo CSS elimina el href infractor:

@media print { 
    a:link:after, 
    a:visited:after { 
     content: "" !important; 
    } 
} 
8

Además, si usted está utilizando Twitter Bootstrap como marco de referencia, esto:

a[href]:after{ 
    content:""; 
} 

... ¡hará el truco! (al menos en bootstrap 3)

+1

Tuve que agregar '! Important'; de lo contrario, no funcionaría. – ZippyV

1

Si quiere ser más específico, por ejemplo, eliminar enlaces dentro de una tabla, puede hacer lo siguiente con jQuery.

$(".tableclass tr td a").removeAttr("href"); 
1

Sólo tiene que añadir esto en su diseño de página (página maestra)

a[href]:after { 
     content: none !important; 
    } 
Cuestiones relacionadas