cortar número de carácteres

[xias]

Hola,

Creo que no se puede pero por si acaso...

Tengo esta palabra 15-10-2010.zip, ¿podría de algún modo quitarle por css la parte ".zip"?

Muchas gracias, saludos

[DragonX]

no, pero si podes retocar el HTML y poneralgo asi:

<p>15-10-2010<span>.zip</span></p>

podes poneren tu CSS:

Código CSS:

p span{display:none;}
 

[xias]

Eso sería lo ideal pero el problema es que este texto está incluido en un <a> con una clase... no puedo meter nada de código :(

[ArturoGallegos]

si ese enlace tiene una clase o id puedes usar las siguientes propiedades:

Código CSS:

display:block;width:66px;overflow:hidden;
 

donde width serial el tamaño mínimo para mostrar hasta 15-10-2010 y el overflow se encargaría de ocultar el resto (el display:block; es solo para que funcione el overflow y el width)

[daidalos]

en engorroso pero posible si la etiqueta <a> tiene un contenedor asi:

<div class="contenedor">
<a href="" class="vinculo-cortado"> xxxxx.zip</a>
</div>

los estilos serian:

.contenedor {
overflow: hidden;
}

.vinculo-cortado {
position: relative;
rigth: -3em;
}


donde 3m es el ancho de los caracteres del texto ".zip" puede ser medido tambien en pixeles o otra unidad

[xias]

Hola,

Daidalos he probado pero no me funciona:

<div class="capa"><a href="http://XX2/XXX" class="enlace">Ya está disponible el resumen de prensa del 00/00/0000.gif</a></div>

.capa{
overflow: hidden;
}
.enlace{
position:relative;
right:-10px;
}

He probado a ponerle un ancho a la capa pero se salta de línea el texto y no me funciona (el texto que he puesto se acerca más a lo que realmente será).

Gracias