[Ovillo] Configurar CSS para imprimir
Saludos lista! Estoy desarrollando una aplicación de escritorio que genera unos reportes en XHTML Stric y usa varias CSS2. Solo que algunos son demasiados largos y no entran en una sola hoja. Estuve leyendo sobre las hojas CSS para imprimir pero no he podido localizar un ejemplo concreto. Todos los articulo hablan de @print, media, etc pero necesito un ejemplo. Se puede hacer por medio de CSS2 paginación? Alguien tiene que me pueda facilitar un ejemplo concreto? Las CSS que uso son externas, puedo definir ambas o debo hacer un script en javascript para la impresión que utilice la hoja correspondiente? Muchas gracias a todos! Diego. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] lista ordenanda: números en ne grita y texto no
Hola DJ-Dom
DJ-Dom escribió:
HTML:
ul
lispanTexto Normal/span/i
/ul
ul span{
text-weight: normal;
}
Así lo hice, pero mi pregunta apuntaba precisamente a evitar hacerlo de
esa forma si se puede hacerse *sólo con CSS*.
Por otro lado, ¿alguien tiene idea de cómo evitar que desaparezcan los
números en IE al flotar los items de una lista ordenada?
O sea, con esto:
ol
litexto/li
/ol
li {
float: left
}
IE hace desaparecer los números y no margin ni padding que sirvan para
hacerlos visibles.
Saludos,
--
Camilo Kawerín
27Sur comunicación diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Soporte a CSS2
Leonel Silva wrote: Hola a todos, Alguien conoce que navegadores soportan CSS2? o algún link donde pueda leer algo al respecto. Lo que vos pedís está aca [1] y mientras buscaba eso, me topé con este artículo [2] que es muy interesante y completo, pero en particular destaco la sección que habla sobre las actuales limitaciones del CSS, incluyendo una que se habló hace pocos dias en la lista, de no poder seleccionar el padre de un elemento. CSS limitations Most problems attributed to CSS are actually results of browser bugs or lack of support for CSS features. The most serious offender among current browsers is Microsoft Internet Explorer http://en.wikipedia.org/wiki/Internet_Explorer, whose version 6 lacks support for about 30 percent of CSS2 properties, and, more significantly, misinterprets a significant number of important properties, such as |width|, |height|, and |float|. However, current CSS specifications do have some genuine shortcomings. Selectors are unable to ascend CSS offers no way to select a parent or ancestor of element that satisfies certain criteria. A more advanced selector scheme (such as XPath http://en.wikipedia.org/wiki/XPath) would enable more sophisticated stylesheets. One block declaration cannot explicitly inherit from another Inheritance of styles is performed by the browser based on the containment hierarchy of DOM elements and the specificity of the rule selectors, as suggested by the section 6.4.1 of the CSS2 specification [3] http://www.w3.org/TR/CSS2/cascade.html#cascading-order. Only the user of the blocks can refer to them by including class names into the |class| attribute of a DOM element. Vertical control limitations While horizontal placement of elements is generally easy to control, vertical placement is frequently unintuitive, convoluted, or impossible. Simple tasks, such as centering an element vertically or getting a footer to be placed no higher than bottom of viewport, require complicated and unintuitive code. Absence of expressions There is no ability to specify property values as simple expressions (such as |height: 100% - 3em + 4px;|). However, that can be achieved by, |height: 100%; margin: -1.5em 0; padding: 2px 0;|. Lack of orthogonality Multiple properties often end up doing the same job. For instance, position, display and float specify the placement model, and most of the time they can't be combined meaningfully. A |display: table-cell| element cannot be floated or given |position: relative|, and an element with |float: left| should not react to changes of |display|. Unexpected margin collapsing Margin collapsing is frequently not expected by authors, and no simple side-effect-free way is available to control it. Float containment CSS does not explicitly offer any property that would force an element to contain floats. Multiple properties offer this functionality as a side effect, but none of them are completely appropriate in all situations. Lack of multiple backgrounds per element Highly graphical designs require several background images for every element, and CSS can support only one. Therefore, developers have to choose between adding redundant wrappers around document elements, or dropping the visual effect. This is addressed in the working draft of the CSS3 backgrounds module,[4] http://www.w3.org/TR/2005/WD-css3-background-20050216/#layering but widespread implementation is unlikely for several years yet. Inability of children to override some properties set on a parent This problem affects publishing sites where portions of the same page are often written by different vendors. For instance, if one individual sets overflow:hidden on one element, this can't be overridden within a child element. Although this makes sense in a single-author environment, this can negatively affect a multi-author environment where /most/ of the content should be contained, but there's a menu that, by design, has to escape out of container. Being able to explicitly set an override in a case like this would be useful, since the only way to do this currently is by using Javascript to manipulate the DOM. Another example is not being able to override relatively positioned parents set by a different vendor on the same page, so that the absolutely positioned child elements are not appearing in the correct location. -- Martin Szyszlican www.ylisto.info [1] http://en.wikipedia.org/wiki/Comparison_of_layout_engines [2] http://en.wikipedia.org/wiki/Cascading_Style_Sheets [3] http://www.w3.org/TR/CSS2/cascade.html#cascading-order [4] http://www.w3.org/TR/2005/WD-css3-background-20050216/#layering ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la
Re: [Ovillo] Soporte a CSS2
Hola, Leonel Silva escribió: Hola a todos, Alguien conoce que navegadores soportan CSS2? o algún link donde pueda leer algo al respecto. Completito: http://www.macedition.com/cb/resources/abridgedcsssupport.html Por otro lado, si la version 7 de Explorer no soporta CSS2, eso significa que por ser el navegador más usado se va a retrasar la implementación de CSS2? IE 6 soporta bastante de CSS2, que es la recomendación oficial en este momento. Por eso no se entiende bien tu pregunta, salvo que te refieras a CSS3, que aún es un borrador y no está oficialmente implementada (Más allá de los navegadores más modernos soporten algunas propiedades de CSS3). Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de una fórmula matemát ica
Hola, Bernat Lleonart escribió: Hola, Tengo que introducir esta fórmula en un documento xHTML, y no sé qué etiquetas utilizar, cómo presentarlo. Sé que existe el MathML, pero no sé si está pensado para cosas así, o si se puede incrustar en un xHTML. caudal (m_ /h) sección (m_) = velocidad (m/s) x 3600 La fórmula, en modo texto, sería (por si no se ve bien en el cuerpo de este mensaje): sección (m_) es igual a caudal (m_ /h) partido por velocidad (m/s) x 3600. Teniendo en cuenta lo que dice Daniel sobre la escasa implementación de MathML en los navegadores, se me ocurren dos maneras: Usar pre que representa la fórmula tal como la escribís, con los espacios incluidos. Usar una imagen. Principalmente para la última opción, aunque también para la primera, creo que deberías acompañar la representación de la lectura textual de la fórmula, tal como hiciste más arriba. Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Echo chispas
Hola, denis gf escribió: Hola soy nuevo en esto, solo llevo este año haciendo paginas web. Conclusion no se nada de nada. Estoy en un ciclo de informatica, y un profesor muy bondadoso nos mando crear un sitio web entero, a mi se me ocurrio la feliz idea de crear una tienda virtual, que si que ya se que las hay a punta pala, y no es un proyecto muy original,pero tenia la feliz idea de que le pondria cosas que una tienda virtual de ahora no tiene, iluso de mi. Por que tengo que entregar el proyecto el dia 10 de Marzo, Y hemos empezado todos a principios de año con lo cual para mi no es mucho tiempo. (no se para vosotros dareis montado una tienda virtual en un mes, pero sera por que soy novato y la monto solo) . Es evidente que el que no sabe nada de nada es tu profesor. Tal vez aquí consigas ayuda para resolver el problema, pero es como suelen decir: en lugar de regalar pescado hay que enseñar a pescar. Saludos y suerte -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de una fórmula matemática
Hola, On 2/26/06, Camilo Kawerín [EMAIL PROTECTED] wrote: Hola, Bernat Lleonart escribió: Hola, Tengo que introducir esta fórmula en un documento xHTML, y no sé qué etiquetas utilizar, cómo presentarlo. Sé que existe el MathML, pero no sé si está pensado para cosas así, o si se puede incrustar en un xHTML. caudal (m_ /h) sección (m_) = velocidad (m/s) x 3600 La fórmula, en modo texto, sería (por si no se ve bien en el cuerpo de este mensaje): sección (m_) es igual a caudal (m_ /h) partido por velocidad (m/s) x 3600. Teniendo en cuenta lo que dice Daniel sobre la escasa implementación de MathML en los navegadores, se me ocurren dos maneras: Usar pre que representa la fórmula tal como la escribís, con los espacios incluidos. Usar una imagen. Principalmente para la última opción, aunque también para la primera, creo que deberías acompañar la representación de la lectura textual de la fórmula, tal como hiciste más arriba. Espero que te sirva, saludos Creo que optaré por usar pre. Muchas gracias. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar texto vertical
Choan C. Gálvez escribió: Si el texto va a ocupar siempre una sola línea, un truco que da buenos resultados es asignar el mismo valor a `line-height` y `height`. :S :S :S Hace tiempo que buscaba la manera de centrar verticalmente el texto de los botones de un menú, por ejemplo, sin recurrir al padding. Y la solución era taan simple... En fin, a cada rato se aprende algo nuevo. Saludos y gracias -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Soporte a CSS2
Cuando hablan de CSS 2, asumo que hablan de CSS 2.1. 2.1 es la versión corregida. Si algo hay que esperar, son las implementaciones basadas en esta versión y no en la anterior. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de una fórmula matemática
Teniendo en cuenta lo que dice Daniel sobre la escasa implementación de MathML en los navegadores, se me ocurren dos maneras: Gecko nativamente e Internet Explorer 6 (mediante un plugin) pueden renderizar MathMl. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Bloques de citas
Saludos cordiales:
Actualmente estoy desarrollando el layout para un planeta, se me han
presentado inquietudes en la manera de representar un bloque de cita con
bordes redondeados.
Por ejemplo:
HTML
blockquote cite=# title=# xml:lang=es
pEl bloque de cita/p
/blockquote
Como el publico al que va dirijido el planeta si posee navegadores
decentes (esto excluye a IE) he decidido hacer uso de los pseudo
elementos :after y :before, de la siguiente manera:
CSS
blockquote
{
width: 499px;
margin: 10px auto;
padding: 0;
}
blockquote:before,
blockquote:after
{
height: 23px;
display: block;
padding: 0;
}
blockquote:before
{
content: url(blockquote-top.png);
}
blockquote:after
{
content: url(blockquote-bottom.png);
}
blockquote p
{
background: #fff;
padding: 0 2px 0 20px;
margin-bottom: 0;
}
Las imagenes blockquote-{top|bottom}.png poseen fondo banco y las
comillas comunes en los bloques de citas. Este metodo en firefox 1.5
funciona perfectamente.
Ahora bien, el problema radica en el hecho que los autores del planeta
cuando hacen citas muchas veces olvidan colocar la etiqueta de parrafo
dentro del bloque de cita, ¿Como soluciono este problema?
Pueden ver el ejemplo en:
http://ubuntuchannel.org/pruebas/blockquote.html
Un saludo y gracias anticipadas.
--
Milton Mazzarri, a.k.a. [MilMazz]
Usuario de GNU/Linux: #369158
Ubuntu Linux
http://www.milmazz.com
http://ubuntuchannel.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bloques de citas
El dom, 26-02-2006 a las 16:59 -0300, Martin Szyszlican escribió: Porqué no juntar las declaraciones de blockquote p y blockquote? De esta forma te queda siempre el fondo blanco y los márgenes, sin importar si usan P o no. Si esto afecta el before y el after (poniendoles fondo blanco tambien) podés forzarles un fondo negro. Tambien lo intente, el problema bajo este esquema es que no puedo hacer uso del relleno, o sea, este debe estar establecido en 0, si lo modifico comienzan a aparecer espacios en blanco no deseados. Por eso deseche este metodo, me gustaria poder ofrecer un pequeño espaciado en el bloque de citas, no se ocurre como ofrecerlo bajo este esquema. -- Milton Mazzarri, a.k.a. [MilMazz] Usuario de GNU/Linux: #369158 Ubuntu Linux http://www.milmazz.com http://ubuntuchannel.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bloques de citas
Espaciado con respecto a que?
Podés usar los margenes para espaciar sin estirar el fondo.
Si aparecen espacios no deseados es porque tenés algún padding o algun
elemento que estira el contenedor de forma no deseada.
Con este código se ve bien con o sin P, pero si tiene P, se ve con un
espaciado del texto dentro del blockquote:
* { margin: 0; padding: 0; }
body
{
font: 80%/145% Bitstream Vera Sans, sans-serif;
color: #444;
background: #000;
}
blockquote
{
width: 499px;
background: #fff;
margin: 10px auto;
}
blockquote:before,
blockquote:after
{
background: #000;
height: 23px;
display: block;
padding: 0;
}
blockquote:before
{
content: url(blockquote-top.png);
}
blockquote:after
{
content: url(blockquote-bottom.png);
}
blockquote p
{
padding: 0 2px 0 20px;
}
Milton Mazzarri wrote:
El dom, 26-02-2006 a las 16:59 -0300, Martin Szyszlican escribió:
Porqué no juntar las declaraciones de blockquote p y blockquote?
De esta forma te queda siempre el fondo blanco y los márgenes, sin
importar si usan P o no.
Si esto afecta el before y el after (poniendoles fondo blanco tambien)
podés forzarles un fondo negro.
Tambien lo intente, el problema bajo este esquema es que no puedo hacer
uso del relleno, o sea, este debe estar establecido en 0, si lo modifico
comienzan a aparecer espacios en blanco no deseados.
Por eso deseche este metodo, me gustaria poder ofrecer un pequeño
espaciado en el bloque de citas, no se ocurre como ofrecerlo bajo este
esquema.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
--
Martin Szyszlican
www.ylisto.info
___
1GB gratis, Antivirus y Antispam
Correo Yahoo!, el mejor correo web del mundo
http://correo.yahoo.com.ar
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de una fórmula matemática
El 25/02/06, Bernat Lleonart[EMAIL PROTECTED] escribió: Hola, Tengo que introducir esta fórmula en un documento xHTML, y no sé qué etiquetas utilizar, cómo presentarlo. Sé que existe el MathML, pero no sé si está pensado para cosas así, o si se puede incrustar en un xHTML. caudal (m_ /h) sección (m_) = velocidad (m/s) x 3600 La fórmula, en modo texto, sería (por si no se ve bien en el cuerpo de este mensaje): sección (m_) es igual a caudal (m_ /h) partido por velocidad (m/s) x 3600. Gracias. El problema de utilizar MathML[1] es que dependes *excesivamente* de plugins, fuentes y parámetros de compilación del navegador[2][3]. Por ponerte un ejemplo, con Firefox 1.5.0.1 en Ubuntu 5.10 _simplemente_ instalando el paquete `latex-xft-fonts' visualizo perfectamente la presentación sobre MathML[4] de la W3C, pero eso supone, o bien instalar dicho paquete, o seguir la instrucciones que indican en [3], y que puede realizarlas cualquier usuario en su directorio /home. Creo que hasta ahora, el mejor método --aunque si hablamos de accesibilidad, se situaría casi como el peor :)-- creo que seguiría siendo utilizar algún lenguaje derivado de TeX para crear la fórmula y exportarla a una imágen, insertándola como tal; luego podrías aplicar un atributo alt especificando el texto tal y como se leería la fórmula. Todo a su vez podría estar enlazado al fichero .xml que contedría la fórmula en formato MathML, para una correcta interpretación por algún agente de usuario, si es que existe, capaz de leer dicho formato. Todo ésto es el resultado de algo que se me está ocurriendo ahora mismo, así que es posible que no tenga ningún fundamento teórico, y que alguien más puesto en el tema te sugiera la solución correcta. Por lo pronto, yo al menos lo haría de ese modo. Por cierto, supongo que no estarías pensando en usar cajas para posicionar elementos en la fórmula, ¿no? Sin estilo sería algo como... muy lineal :) [1] http://www.w3.org/Math/ [2] http://www.w3.org/Math/XSL/ [3] http://www.mozilla.org/projects/mathml/fonts/ [4] http://www.w3.org/Math/XSL/mml2002-01.xml PD. Por alguna cusa que desconozco, parece ser que estaba desuscrito de la lista, aunque seguía recibiendo los mensajes en mi buzón (extraño de verdad...). Casi todo lo que pongo en el mensaje ya lo han dicho en mensajes sucesivos, pero bueno, para que no quede en el olvido, ya que respondí ayer, y hoy, tras las respuestas comencé a sospechar que no se me leía... :D PPD. Tendré que revisar el resto de lista, es lo malo de desconectar :/ -- Reclaim Your Inbox! http://www.mozilla.org/products/thunderbird/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bloques de citas
http://ubuntuchannel.org/pruebas/blockquote2.html
Sólo probé con Opera 9 P2.
Agregué:
blockquote {width: 469px; padding: 0 10px 0 20px }
blockquote:before,
blockquote:after
{width:499px; margin-left:-20px;}
blockquote p{ } /* Borrá las definiciones en P */
--
Federico MP
http://511.dabomb.com.ar
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Evitar desaparición de números en OL al flotar los i tems (ERA: Re: [Ovillo] lista ordenanda: números e n negrita y texto no)
Por otro lado, ¿alguien tiene idea de cómo evitar que desaparezcan los números en IE al flotar los items de una lista ordenada? Hola Camilo! Según tengo entendido no es posible hacer esto que planteas. IE no muestra los números al flotar los items de una lista ordenada (y creo que Opera tampoco) y por el momento me temo que no se conoce manera de obligarlo a hacerlo :( Un poco de información sobre el tema: http://www.robertnyman.com/2005/10/19/an-ieordered-list-challenge/ (muy intersantes los comentarios del post) ¿Alguien conoce alguna forma de conseguirlo? Saludos! -- Jose Florido www.avidos.net ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de una fórmula matemá tica
Hola de nuevo,
Bernat Lleonart escribió:
Hola,
Creo que optaré por usar pre.
Quería sacarme la duda, así que hice la prueba:
pre
caudal (msub2/sub /h)
sección (msup2/sup) =
velocidad (m/s) . 3600
/pre
pre {
line-height: .8em;
}
sub, sup {
font-size: .8em;
}
No hablabas de índices en tu consulta, pero probé a agregarlos para ver
cómo quedaban.
Y podés algo más de información con el atributo title:
pre
span title=dividendocaudal
(msub2/sub /h)/span
span title=cocientesección (msup title=a la segunda
potencia2/sup)/span =
span title=divisorvelocidad (m/s) .
3600/span
/pre
En fin, son ideas,
saludos
--
Camilo Kawerín
27Sur comunicación diseño
http://www.27sur.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
