-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1 El 2009-05-30 a las 13:36 +0200, Camaleón escribió:
Hum... no sé qué es lo que estás intentando hacer O:-). La imagen cambia, pero si quieres que se muestre a su nuevo tamaño tienes que modificarlo en el código html, o al menos, eliminar los atributos "width" y "height".
Quiero que se muestre e imprima a un cuarto de tamaño del original, con todos sus píxeles del original, a 600 dpi, que es la resolución de mi impresora.
¿Las fotos originales de la web están a 600ppp? Caray :-O
No, están, según dicen las foto, a 150 dpi, pero la cifra es incorrecta, porque se visualizan a un tamaño gigantesco. Si en la foto apuntas que está a 150dpi, y tienes 1200 pixeles de ancho, quiere decir que la foto se debe mostrar a un tamaño de 8 pulgadas; que se sale de la hoja, luego no puede ser. Además, yo quiero ahorrar papel, y mi impresora es de 600 dpi; luego si quiero imprimir cada píxel de la foto en un pixel de la impresora, tengo que cambiar los parámetros de la foto para que digan que está hecha a 600 dpi, o lo que es lo mismo, reducir su tamaño a 1/4 con los mismos 1200 pixeles. ¿Me entiendes ahora?
No, deja que el CSS trabaje por ti ;-)
Ah, claro, como que yo se hacer eso. A ver, CSS, CSS... ¿con eses? ¿Le pongo eses al texto? Mmmm... creo que no va de eso.
Cascade Style Sheets (hojas de estilo en cascada) es uno de los mejores inventos del html. Sirven para aplicar formatos a todos los elementos html como imágenes, textos, tablas, etc...
Es extremadamente sencillo de usar pero muy potente. Su sustituto son las transformaciones XSLT junto con el XML, ese que tanto te gusta >:-)
¡Ya! Grrr...
Es decir, la relación sería:
*** html <-> css xml <-> xsl ***
Una de las ventajas del CSS y del XSL es precisamente lo que estás intentando hacer: aplicar un mismo estilo a todos los elementos sin tener que ir haciendo el cambio de manera individual.
Todo eso está bien, pero me parece absurdo tener que estar tocando código. Esto es trabajo para un administrativo, no un programador. Debe hacerse con Word o OOo.
Es decir, separar el contenido del diseño.
Mismo contenido, múltiples diseños (según la salida que le quieras dar: web, TV, teléfono móvil, imprenta...) y cambiando sólo unas pocas líneas de código. Una maravilla.
Salvo por lo del código. Yo, tanto en OOo como Word digo que quiero que el estilo "normal (Web) para que en vez de Times New Roman 12 use 11, y ¡Zas! de un golpe todo el documento ha cambiado. ¿Porqué no tengo estilos con las fotos? Es una estupidez.
<style type="text/css"> <-- img { width: 25%; height: 25%; } img { width: 25%; height: 25%; }
¿porqué dos veces?
Pues si te digo la verdad, no tengo ni idea :-?
Ah, vale.
Lo había definido una sola vez pero al no funcionar en ningún navegador, me ha escamado un poco y haciendo pruebas me he dado cuenta de que si no lo repetías, los navegadores no lo renderizaban...
No, no es normal. O se me ha pasado algo o han cambiado algo en la especificación, hace años que no paso por la w3c. Y hasta que no saquen la nueva definición "html 5" no me vuelven a ver el pelo, que ya las he pasado canutas con los "navegadorcitos" y sus distintas formas de renderizar las páginas O:-)
Fale :-)
En la 3.0 tampoco funciona la selección múltiple :-/
¿A cualo? Ah, el OOo. No, es verdad, no funciona. Acabo de probarlo.
Hum... Hay otra alternativa, que es tirar de javascript.
¿A cualo?
(...)
¿Y eso lo inserto en el p1.htm o donde?
Sí, puedes ponerlo dentro de las etiquetas <head></head>:
*** <head> <script>
aquí pones la función
</script> </head> ***
(...)
Parece bien, pero no veo como meter eso.
:-)
Te pongo un ejemplo sencillo para que veas cómo debe quedar, luego lo acoplas a tu archivo "p1.htm":
*** <html> <head> <script> function setImage(){ var theimages=document.images proportion=.25 for(i=0;i < theimages.length;i++){ var x=document.images x[i].height=x[i].height*proportion } } </script> </head>
<body>
<!-- en la parte superior de la página pones un enlace, y cuando pulses sobre él, se ejecutará la rutina de reducción -->
<a href="#" onclick="setImage()">Reducir</a><br><br> <img src="image01.png"><br> <img src="image02.png"><br> <img src="image03.png"><br> <img src="image04.png"><br> <img src="image05.png"><br> </body> </html> ***
¿Cuál es el efecto? Cargas la página (las imágenes se verán grandes) y cuando pulses sobre en enlace "Reducir" todas las imágenes del documento deberían cambiar de tamaño.
Si copias/pegas todo al writer, las imágenes deberían mentenerse en pequeño.
Mmmm.... puede valer... :-? Jo, pero es que ya me curré el .doc casi entero, a falta de tres capítulos del final. Casi me merece la pena terminar esos tres capitulos a mano, en .odt, y a freir monas - porque sólo cambiar el tamaño no me vale, tengo que cambiar unas cuantas cosas más foto por foto. Algunas fotos pueden tener mal el tamaño, ligeramente. O lo toco a mano, o me olvido, o lo rehago entero a partir del html - pero es que entonces además tengo que cambiar el alineamiento, el "anchor", el "wrap"... de todas las fotos, que en el doc ya está hecho a falta de tres capítulos. Ten en cuenta que no se trata unicamente del tamaño de cada foto, hay más cosas que cambiar. O sea, la verdadera solución es encontrar una manera de aplicar, con un sólo click, una serie de propiedades (arbitrarias) o bien a una foto, o idealmente, a un montón de ellas, dentro del OOwriter. Idealmente debe ser un "estilo", pero a falta de ello, una macro. Y parece que no existe. Por cierto, una diferencia curiosa entre hacer copy-paste del navegador al ooo, o importarlo directamente desde el ooo, es que en el primer caso inserta la foto, y en el segundo lo que inserta es un enlace a la foto, con lo que el .odt resultante es mucho menor, y tarda menos en grabar (son 25 megas en el primer caso). - -- Saludos Carlos E. R. -----BEGIN PGP SIGNATURE----- Version: GnuPG v2.0.9 (GNU/Linux) iEYEARECAAYFAkohLmkACgkQtTMYHG2NR9VZDgCfT39zMrS2T5/xNYEKWAYoU3IX u90An3SCVBjCm4pKGbEz422k2JopQLTd =cZf2 -----END PGP SIGNATURE-----