El 2009-05-30 a las 12:44 +0200, Carlos E. R. escribió:
El 2009-05-30 a las 12:26 +0200, Camaleón escribió:
A ver, compro.
¿Vocal o consonante? >:-)
De todo :-P
X-)
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, 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 >:-) 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. 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.
<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 :-? 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:-)
A ver, pues el original tiene:
<style type="text/css">^ <!--^ body {background:#faebd7; margin:10%; text-align:justify}^ P { text-indent: 1em;^ margin-top: .75em;^ margin-bottom: .75em; }^ H1,H2,H3,H4,H5,H6 { text-align: center; }^ HR { width: 33%; text-align: center; }^ blockquote {font-size: 97% }^ .figleft {float: left;}^ .figright {float: right;}^ .toc { margin-left: 15%; margin-bottom: 0em;}^ CENTER { padding: 10px;}^ // -->^ </style>^
y se queda, con tus cambios, en:
(...)
Y efectivamente, el firefox lo reduce. No puedo mirar en el OO, porque lo estoy actualizando a la version tres noseque estable en este momento y tiene para rato.
En la 3.0 tampoco funciona la selección múltiple :-/
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. Saludos, -- Camaleón -- Para dar de baja la suscripción, mande un mensaje a: opensuse-es+unsubscribe@opensuse.org Para obtener el resto de direcciones-comando, mande un mensaje a: opensuse-es+help@opensuse.org