Re: [Ovillo] Márgenes en tds y visualización de ta bla en Safari
Las celdas tienen padding, no margen. Modificá el padding y listo. 2009/9/6 Andres zumo_des...@hotmail.com Me estoy volviendo loco con estas tablas. No puedo utilizar divs ni lis, porque trabajo con un CMS y me tengo que ajustar a este código. Quiero separar los tds con un margen para que haya una distancia de 20px entre un producto y el siguiente. Además, en Safari se me juntan las columnas de la tabla unas encima de otras. http://billaressolimar.goodbarry.com/CatalogueRetrieve.aspx?CatalogueID=56449 ¿Alguna idea?. Gracias. _ Con Vodafone disfruta de Hotmail gratis en tu móvil. ¡Pruébalo! http://serviciosmoviles.es.msn.com/hotmail/vodafone.aspx ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Anidar parrafos
No entiendo. Ese codigo está todo en el mismo nivel. 2009/8/26 Toni Martz toni.ma...@gmail.com Hola amigos: Me gustaría saber su opinión al respecto, sobre cuál sería la manera correcta semánticamente de implementar en xhtml un grupo de párrafos anidados hasta en 4 niveles (bien podrían ser listas) cada uno con sus respectivos títulos. Les comento, que yo finalmente me he decantado por crear distintas class para cada p y para cada encabezado h3 y h4, pero no me termina de convencer ya que semánticamente son tratados todos los párrafos por igual, cuando realmente tienen una estructura jerárquica. He valorado hacerlo mediante listas de definiciones dldt, pero tampoco me convence, a pesar de que podría encajar, ya que no sé cual sería la forma correcta de jerarquizar los ítem. Pienso que lo ideal serían listas desordenadas que pudieran contener en los elementos li títulos, imágenes y citas. Repasando la W3C no he encontrado una forma idónea. Mi estructura, aunque es algo más compleja, bien podría representarse así: 1h3.../h3 1p.../p 2h4.../h4 2p.../p 3h4.../h4 3p.../p 3h4.../h4 3p.../p 3h4.../h4 3p.../p 2h4.../h4 2p.../p 3h4.../h4 3p.../p 3h4.../h4 3p.../p 3h4.../h4 3p.../p 1h3.../h3 1p.../p 2h4.../h4 2p.../p 2h4.../h4 2p.../p Gracias por sus apuntes -- Un saludo Toni.Martz ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Link!
Depende mucho de como es esa imagen.Le diste display:block; al A? 2009/8/4 Raúl Antonio Marino i...@raulantoniomarino.com.ar Yo tengo tres im?genes como link que las traigo desde CSS como background! Me resulta que en Firefox cuando me ubico sobre la im?gen se transforma el mouse como para ir al link, pero en Internet Explorer esto no me sucede! Que puede ser?! Saludos! --- Ra?l Antonio Marino http://www.raulantoniomarino.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Link!
No hace falta discriminar el :hover en el cursor...
Si total para activar un link vas a tener que pasar el mouse :/
con a {cursor:pointer;} ya está...
2009/8/4 Eddie cartilagosangrie...@gmail.com
tal vez debas usar para esos links
a:hover{cursor:pointer;}
;-)
Eddie Leo
El 04/08/09, Ignacio Ricci ignacio.ri...@gmail.com escribió:
Depende mucho de como es esa imagen.Le diste display:block; al A?
2009/8/4 Raúl Antonio Marino i...@raulantoniomarino.com.ar
Yo tengo tres im?genes como link que las traigo desde CSS como
background!
Me resulta que en Firefox cuando me ubico sobre la im?gen se transforma
el
mouse como para ir al link, pero en Internet Explorer esto no me sucede!
Que puede ser?!
Saludos!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
--
Eddie
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Se ve bien en ff 3, safari4 y IE 6 /7, en opera9 se descuadra todo
Dale un clear:both a los H3 y se arregla. 2009/8/1 alejandra.j.go...@gmail.com Hola Ignacio, gracias por tu tiempo. Veras, cuando abres un enlace de la dichosa pagina arriba mencionada, se abre en #show que emula un iframe (con CSS), en esos torneos abajo de la tabla de datos tabulares hay algo asi h2Felicitaciones fulanito!!/h2 eso en opera se ubica a la derecha de la tabla, solapado. y el otro tema es el de cambios en el menu al abrir un enlace, supongo que como decia Tei debe ser alguna etiqueta mal cerrada, que todavia no alcanzo a ver. Muchas Gracias. Alejandra ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Se ve bien en ff 3, safari4 y IE 6 /7, en opera9 se descuadra todo
No entiendo el problema.La abri en FF y Opera y no veo diferencia. 2009/8/1 alejandra.j.go...@gmail.com Hola Tei! lastima que no te encuentres de humor y justo te hayas encontrado con mi pregunta, siempre eres de gran ayuda, pero hoy creo que no es uno de esos dias. Igual gracias por usar tu tiempo en responder. Saludos Alejandra PD: El validador ya lo pase antes, y si, me dio errores, pero serio solo uno. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar imagen!
img {vertical-align:middle;}
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier Fernandez [mailto:email.j...@gmail.com]
To: ovillo@lists.ovillo.org
Sent: Wed, 29 Jul 2009 05:06:31 +0200
Subject: Re: [Ovillo] ie y firefox
Perd?n por mi anterior mensaje, en este caso no hace falta el padding
vertical.
div.float{
float:left;
width:*108px*;
}
div.float a { line-height: *108px*;}
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar imagen!
Las imagenes tienen display:inline por default :/
2009/7/29 Nesta Guerrero Pancorbo nguerr...@emergya.es
te copio de una respuesta pero añado el secreto
img {display:inline; vertical-align:middle;}
El Wednesday 29 July 2009 16:58:17 Joseba escribió:
Creo que necesitas que el contenedor tenga un alto especificado.
Slt.
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci
Enviado
el: miércoles, 29 de julio de 2009 16:52
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar imagen!
img {vertical-align:middle;}
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier Fernandez [mailto:email.j...@gmail.com]
To: ovillo@lists.ovillo.org
Sent: Wed, 29 Jul 2009 05:06:31 +0200
Subject: Re: [Ovillo] ie y firefox
Perd?n por mi anterior mensaje, en este caso no hace falta el padding
vertical.
div.float{
float:left;
width:*108px*;
}
div.float a { line-height: *108px*;}
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] EDITOR CSS!
Raul, todo bien. Pero Ovillo no es Google.La idea es hacer un poco de
research, y si no se encuentra la respuesta recurrir a la lista.
Hay miles de editores web. Cada uno con sus pros y contras.
Y que se vea bien o no en una web, no depende del editor, depende de tu
código.
Uno bueno para empezar es Dreamweaver. Pero en la solapa de código, no la de
diseño.
Los hints del teclado son bastante útiles.
Nacho
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
Alg?n editor bueno CSS, que te salga predeterminado como para poner los
atributos y eso, y que despues corra bien en el navegador???
Gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Nesta Guerrero Pancorbo [mailto:nguerr...@emergya.es]
To: ovillo@lists.ovillo.org
Sent: Wed, 29 Jul 2009 17:09:52 +0200
Subject: Re: [Ovillo] centrar imagen!
te copio de una respuesta pero a?ado el secreto
img {display:inline; vertical-align:middle;}
El Wednesday 29 July 2009 16:58:17 Joseba escribi?:
Creo que necesitas que el contenedor tenga un alto especificado.
Slt.
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci
Enviado
el: mi?rcoles, 29 de julio de 2009 16:52
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar imagen!
img {vertical-align:middle;}
2009/7/29 Ra?l Antonio Marino i...@raulantoniomarino.com.ar
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier Fernandez [mailto:email.j...@gmail.com]
To: ovillo@lists.ovillo.org
Sent: Wed, 29 Jul 2009 05:06:31 +0200
Subject: Re: [Ovillo] ie y firefox
Perd?n por mi anterior mensaje, en este caso no hace falta el padding
vertical.
div.float{
float:left;
width:*108px*;
}
div.float a { line-height: *108px*;}
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] EDITOR CSS!
Separados al nacer (?)
2009/7/29 Nesta Guerrero Pancorbo nguerr...@emergya.es
Eres mi alma gemela Ricci? ajajajaj o ya estamos demasiado experimentados
no?
ejejejej
El Wednesday 29 July 2009 17:22:19 Ignacio Ricci escribió:
Raul, todo bien. Pero Ovillo no es Google.La idea es hacer un poco de
research, y si no se encuentra la respuesta recurrir a la lista.
Hay miles de editores web. Cada uno con sus pros y contras.
Y que se vea bien o no en una web, no depende del editor, depende de tu
código.
Uno bueno para empezar es Dreamweaver. Pero en la solapa de código, no la
de diseño.
Los hints del teclado son bastante útiles.
Nacho
2009/7/29 Raúl Antonio Marino i...@raulantoniomarino.com.ar
Alg?n editor bueno CSS, que te salga predeterminado como para poner los
atributos y eso, y que despues corra bien en el navegador???
Gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Nesta Guerrero Pancorbo [mailto:nguerr...@emergya.es]
To: ovillo@lists.ovillo.org
Sent: Wed, 29 Jul 2009 17:09:52 +0200
Subject: Re: [Ovillo] centrar imagen!
te copio de una respuesta pero a?ado el secreto
img {display:inline; vertical-align:middle;}
El Wednesday 29 July 2009 16:58:17 Joseba escribi?:
Creo que necesitas que el contenedor tenga un alto especificado.
Slt.
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci
Enviado
el: mi?rcoles, 29 de julio de 2009 16:52
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] centrar imagen!
img {vertical-align:middle;}
2009/7/29 Ra?l Antonio Marino i...@raulantoniomarino.com.ar
como centro una imagen verticalmente?
gracias!
---
Ra?l Antonio Marino
http://www.raulantoniomarino.com.ar
- Original Message -
From: Javier Fernandez [mailto:email.j...@gmail.com]
To: ovillo@lists.ovillo.org
Sent: Wed, 29 Jul 2009 05:06:31 +0200
Subject: Re: [Ovillo] ie y firefox
Perd?n por mi anterior mensaje, en este caso no hace falta el
padding
vertical.
div.float{
float:left;
width:*108px*;
}
div.float a { line-height: *108px*;}
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Grid de bloques flotados de alturas irreg ulares y márgenes regulares
Min-height a las cajas 2009/7/28 Rafael García Lepper rafael.g.lep...@gmail.com Hola a todos, Estoy tratando de conseguir varias columnas del mismo ancho con bloques de altura irregular que guardan un mismo margen entre si por arriba y por abajo, es decir, algo como esto [1] pero pretendo hacerlo usando floats y no posicionando absolutamente con jquery cada columna como en el ejemplo que os he enseñado que es un theme de pago de Wordpress[2], el problema es que al flotar, cada bloque guarda el margen por arriba con el anterior bloque flotado que no es el que le queda justo por encima, con lo que, lo que queda irregular es el margen entre los bloques que es justo lo que debe ser regular. ¿A alguien se le ocurre como solucionar esto solo con css? [1] http://www.fashionandfeatures.com/ [2] http://www.suprb.com/#gal Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] establecer widths para td en Explorer
Yo la verdad que lo estuve mirando un rato, y no se me ocurre.Porque por default las celdas tienen un ancho dependiendo de su cantidad. Si hay 3 celdas, cada una ocupa el 33.33% de la tabla. Si hay 4, 25%, etc. Lo que le debe estar molestando a IE, es que estás flotando celdas, y eso la verdad que es raro. Se podría usar una solución en javascript, que detecte cuantas celdas hay, y que agregue una vacía con un ancho determinado, para alinear las restantes a la izquierda. Saludos, Nacho. 2009/7/26 jaume op jaum...@gmail.com No se si te ayudara pero veamos: No puedo cambiar la estructura, es decir, no puedo cambiar la tabla a una lista ni nada parecido. Es el código que genera un CMS y debo trabajar con él. No podras trastocar mucho lo que es el CMS en si, a no ser que te manejes bien con el PHP. Ahora, veo que tienes una css paras el IE (a parte de las del sitio y la de galery), pues si te das cuenta tienes unas cuantas clases que puedes manejar a tu antojo: div.galery table.photogallery td.photogalleryItem td.photogalleryItem img Creo que con todo esto y un poco de juego, no se dar un width a los TD, a las imagenesutilizar las propiedades de Table http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/#tablas Espero lo soluciones El 26 de julio de 2009 14:10, Andrés zumo_des...@hotmail.com escribió: Hola a todos, No consigo (en Explorer) que las celdas que contienen las foto se alineen a la izquierda cuando hay menos de 6 fotos. http://billaressolimar.goodbarry.com/BlogRetrieve.aspx?BlogID=4216Page=2A=PhotoGalleryPID=8216Items=6 En Firefox funciona perfectamente, pero en Explorer no hay manera. ¿Alguna pista?. No puedo cambiar la estructura, es decir, no puedo cambiar la tabla a una lista ni nada parecido. Es el código que genera un CMS y debo trabajar con él. Gracias. Un saludo. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- Saludos Jaume ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] establecer widths para td en Explorer
Ah buena idea. No se me ocurrió :) Ignacio Ricci. www.ignacioricci.com On Jul 26, 2009, at 14:28, Andrés zumo_des...@hotmail.com wrote: Hola. Gracias por vuestros comentarios. Al final lo he solucionado quitando el float de las celdas y poniéndoselo a la tabla. Un saludo. El 26/07/2009, a las 16:07, Ignacio Ricci escribió: Yo la verdad que lo estuve mirando un rato, y no se me ocurre.Porque por default las celdas tienen un ancho dependiendo de su cantidad. Si hay 3 celdas, cada una ocupa el 33.33% de la tabla. Si hay 4, 25%, etc. Lo que le debe estar molestando a IE, es que estás flotando celdas, y eso la verdad que es raro. Se podría usar una solución en javascript, que detecte cuantas celdas hay, y que agregue una vacía con un ancho determinado, para alinear las restantes a la izquierda. Saludos, Nacho. 2009/7/26 jaume op jaum...@gmail.com No se si te ayudara pero veamos: No puedo cambiar la estructura, es decir, no puedo cambiar la tabla a una lista ni nada parecido. Es el código que genera un CMS y debo trabajar con él. No podras trastocar mucho lo que es el CMS en si, a no ser que te manejes bien con el PHP. Ahora, veo que tienes una css paras el IE (a parte de las del sitio y la de galery), pues si te das cuenta tienes unas cuantas clases que puedes manejar a tu antojo: div.galery table.photogallery td.photogalleryItem td.photogalleryItem img Creo que con todo esto y un poco de juego, no se dar un width a los TD, a las imagenesutilizar las propiedades de Table http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/#tablas Espero lo soluciones El 26 de julio de 2009 14:10, Andrés zumo_des...@hotmail.com escribió: Hola a todos, No consigo (en Explorer) que las celdas que contienen las foto se alineen a la izquierda cuando hay menos de 6 fotos. http://billaressolimar.goodbarry.com/BlogRetrieve.aspx?BlogID=4216Page=2A=PhotoGalleryPID=8216Items=6 En Firefox funciona perfectamente, pero en Explorer no hay manera. ¿Alguna pista?. No puedo cambiar la estructura, es decir, no puedo cambiar la tabla a una lista ni nada parecido. Es el código que genera un CMS y debo trabajar con él. Gracias. Un saludo. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- Saludos Jaume ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar página con ancho dinámico
Perdon pero usar el caos ese de position absolute para centrar un elemento
es realmente horrible, ridículo y poco útil.Obviamente siempre margin:0
auto; como dijeron los muchachos.
2009/7/24 Jonathan C. lockhe...@gmail.com
pues poniendo una capa de tipo contenedora, y aplicandole un margin 0
auto, deberia funcionar sin ningun problema, para IE6, debes aplicarle
un text-align: center; al body.
div id=contenedor
.. aqui va todo el sitio ..
/div
#contenedor {
width: 90%;
margin: 0 auto;
}
saludos a la lista.
El 24 de julio de 2009 11:30, marcela slukamarcelasl...@gmail.com
escribió:
Hola, tengo una duda respecto a
si tengo un sitio con medidas de ancho rdinámico, por ej. 90%, y
quiero que se vea centrado, qué código debo utilizar en el CSS?
Cuando trabajaba con anchos fijos, el código era:
#contenedor { /* Posiciona al sitio en el centro de la pantalla */
position: absolute;
margin-left: -380px;
left: 50%;
top: 1px;
width:760px;
}
modifico las cifras con porcentajes pero no logro centrarlo.
Si alguien me ayuda, debe ser una tontería, pero con el apuro que
tengo no termino de darme cuenta...
Gracias!
Marcela
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
Jonathan C.
lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bordes Redondeados
Yo tengo entendido que no existe el ms-border-radius... 2009/7/18 Mauricio Dulce mauricio.du...@gmail.com Hola, buscando en google encontré que internet explorer 8 soporta esta sintaxis, pero al verla en dicho navegador este no las toma, alguien que me pueda orientar un poco mas sobre el tema. Recurrí a esto, por que el sitio que estoy maquetando esta hecho en .net y ya saben lo engorroso que puede llegar a ser a la hora de tocar el código sin tener el source y que es generado por un controlador, no puedo usar javascript por que los ingenieros dicen que eso cargaría aun mas la aplicación, así que lo único que se me ocurrió fue intentar con css3 ya que internet explorer 6 y 7 no están contemplados en los requerimientos del proyecto ya que es una intranet de un partner de microsoft. CSS: border-radius: 3px 3px 0 0; -ms-border-radius-topleft: 3px; /*IE8*/ -ms-border-radius-topright: 3px;/*IE8*/ -moz-border-radius: 3px 3px 0 0; -khtml-border-radius-topleft:3px; -khtml-border-radius-topright:3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; gracias Mauricio Dulce UI/UX Designer-Developer HTML CSS Móvil: (57) 312 519 0288 Teléfono: (571) 2746831 Email: mauricio.du...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con plantilla joomla 1.5
Subílo a algun server por favor. Asi ni da ganas... 2009/7/16 DIEGO ACEVES LÓPEZ diego69...@hotmail.com Vive Cada Dia Como Si Fuera El Ultimo De Tu Vida... by Diego FALTO LA IMAGEN PERO NO SE ADJUNTO HABER SI LA VEN http://img268.imageshack.us/i/dibujoccw.jpg/ http://img268.imageshack.us/i/dibujoccw.jpg/ _ Actualiza tu Perfil y gana! http://www.actualizatuperfil.com.mx/ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] link en lista?
Ahi funciona...
Pero deberías agregarle display:block y height:100% a los A, (asi te ocupan
todo el li) y que las imagenes de fondo sean de los A, y no del LI.
Incluyendo el estado :hover.
2009/7/15 2tonewarrior 2tonewarr...@gmail.com
lo he subido aquí para que lo veáis un poco mejor
http://roquealonso.org/listas/
El 15 de julio de 2009 22:59, 2tonewarrior 2tonewarr...@gmail.com
escribió:
Gracias por contestar, lo acabo de poner y no me funciona:
ul class=wrapper
li class=home activea href=http://google.com;home/a/li
li class=blog inactivea href=http://google.com;blog/a/li
li class=home inactivea href=http://google.com;home/a/li
li class=home inactivea href=http://google.com;home/a/li
li class=home inactivea href=http://google.com;home/a/li
/ul
El 15 de julio de 2009 22:50, Ignacio Ricci ignacio.ri...@gmail.com
escribió:
Primero que debería haber un A dentro de los li.Y sólo es cuestion de
usar
la típica tecnica del text indent.
.wrapper li a {font-size:0; text-indent:-em;}
2009/7/15 2tonewarrior 2tonewarr...@gmail.com
Buenas,
queria saber si se puede poner un link en una lista QUE NO CONTIENE
NADA,
sólamente un background-image. Aqui dejo un link con la foto y el
código
porque temo que no se explicarme demasiado bien:
Imagen: http://i27.tinypic.com/10hptll.jpg
Código:
ul class=wrapper
li class=home active/li
li class=blog inactive/li
li class=home inactive/li
li class=home inactive/li
li class=home inactive/li
/ul
Espero que se entienda, si no decídmelo.
Saludos espero que me podáis echar una mano.
--
Roque Alonso
http://roquealonso.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
--
Roque Alonso
http://roquealonso.org/
--
Roque Alonso
http://roquealonso.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] link en lista?
De nada amigo.Para eso esta la lista.
2009/7/15 2tonewarrior 2tonewarr...@gmail.com
Funciona perfecto ahora: http://roquealonso.org/listas/ en serio gracias
por
resolverme la duda tan rápido la verdad es que no soy ningún gurú (como
habras podido comprobar jeje) del diseño web
saludos
El 15 de julio de 2009 23:08, 2tonewarrior 2tonewarr...@gmail.com
escribió:
voy a ponerme a ello gracias por la solución ;)
El 15 de julio de 2009 23:06, Ignacio Ricci ignacio.ri...@gmail.com
escribió:
Ahi funciona...
Pero deberías agregarle display:block y height:100% a los A, (asi te
ocupan
todo el li) y que las imagenes de fondo sean de los A, y no del LI.
Incluyendo el estado :hover.
2009/7/15 2tonewarrior 2tonewarr...@gmail.com
lo he subido aquí para que lo veáis un poco mejor
http://roquealonso.org/listas/
El 15 de julio de 2009 22:59, 2tonewarrior 2tonewarr...@gmail.com
escribió:
Gracias por contestar, lo acabo de poner y no me funciona:
ul class=wrapper
li class=home activea href=http://google.com;home/a/li
li class=blog inactivea href=http://google.com;blog/a/li
li class=home inactivea href=http://google.com;home/a/li
li class=home inactivea href=http://google.com;home/a/li
li class=home inactivea href=http://google.com;home/a/li
/ul
El 15 de julio de 2009 22:50, Ignacio Ricci
ignacio.ri...@gmail.com
escribió:
Primero que debería haber un A dentro de los li.Y sólo es cuestion
de
usar
la típica tecnica del text indent.
.wrapper li a {font-size:0; text-indent:-em;}
2009/7/15 2tonewarrior 2tonewarr...@gmail.com
Buenas,
queria saber si se puede poner un link en una lista QUE NO
CONTIENE
NADA,
sólamente un background-image. Aqui dejo un link con la foto y el
código
porque temo que no se explicarme demasiado bien:
Imagen: http://i27.tinypic.com/10hptll.jpg
Código:
ul class=wrapper
li class=home active/li
li class=blog inactive/li
li class=home inactive/li
li class=home inactive/li
li class=home inactive/li
/ul
Espero que se entienda, si no decídmelo.
Saludos espero que me podáis echar una mano.
--
Roque Alonso
http://roquealonso.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
--
Roque Alonso
http://roquealonso.org/
--
Roque Alonso
http://roquealonso.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
--
Roque Alonso
http://roquealonso.org/
--
Roque Alonso
http://roquealonso.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menu desplegables..
Css+ha Ignacio Ricci. www.ignacioricci.com On Jul 9, 2009, at 1:24, H Joaco hjo...@hotmail.com wrote: Super Joaco Ok cual seria mejor opcion un Menu Desplegable en CSS oh un Menu Desplegable en Flash, en todo el sentido profesional de la palabra, buscadores, actualizacion y todo lo se podria decir que ventajas de uno del otro y desventajas. _ Windows Live Hotmail now works up to 70% faster. http://windowslive.com/Explore/Hotmail?ocid=TXT_TAGLM_WL_hotmail_acq_faster_112008 ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menu desplegables..
Ups! El autocomplete del iphone a veces se manda de las suyas. Quise decir CSS + Js. Yo soy muy anti flash personalmente... Salvo que sea para integrar videos o un header llamativo. 2009/7/9 Rafael García Lepper rafael.g.lep...@gmail.com Que es ha!? El oráculo tampoco parece saberlo? Saludos Rafa http://twitter.com/eggSpoonTale Ignacio Ricci escribió: Css+ha Ignacio Ricci. www.ignacioricci.com On Jul 9, 2009, at 1:24, H Joaco hjo...@hotmail.com wrote: Super Joaco Ok cual seria mejor opcion un Menu Desplegable en CSS oh un Menu Desplegable en Flash, en todo el sentido profesional de la palabra, buscadores, actualizacion y todo lo se podria decir que ventajas de uno del otro y desventajas. _ Windows Live Hotmail now works up to 70% faster. http://windowslive.com/Explore/Hotmail?ocid=TXT_TAGLM_WL_hotmail_acq_faster_1 12008 ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menu desplegables..
Yo digo con js porque todavía desarollo para IE6.Obviamente si no lo hacen,
puede ser con CSS solamente.
2009/7/9 Martin Etxauri t...@eragin.com
Hoy en día utilizando un menú basado en listas anidadas y
utilizando :hover se pueden hacer cosas muy majas sin JS (claro que
nos queda el IE6 colgado y hay que usar JS para apañarlo, pero espero
que pronto nos olvidemos de el ;D ).
Ocultas las sub-secciones:
li ul{display:none}
y en el hover las enseñas:
li:hover ul{display:block}
luego ya le das forma a todo y utilizando posicionamientos absolutos/
relativos o flotados, altos y anchos etc etc.
saludos
El 09/07/2009, a las 11:44, Alberto García escribió:
¿Y sólo css?
http://www.araudi.net/ejemplos/menus_desplegables_CSS.html
Salud!
Alberto García
618 044 962
albe...@katiuskas.com
http://www.katiuskas.com/
**
Kemie Guaida escribió:
sospecho que ha querido escribir js pero ha puesto los dedos una
tecla
mas a la izquierda :)
Concuerdo con ignacio.
el pasar de flash te da ventajas de usabilidad (por ejemplo, la
habilidad de abrir enlaces en pestañas nuevas) y SEO (google no
indexa
flash tan bien como html), además de que te aseguras de que podrá ser
utilizado por más gente (aunque flash es muy común, piensa en
dispositivos móviles que aun no lo soportan, por ejemplo)
usando javascript puedes dar aun mas opciones de usabilidad (el que
demore un segundo antes de desaparecer al quitar el puntero)
alguna vez use este, que es bastante sencillo y semantico:
http://www.twinhelix.com/dhtml/fsmenu/demo/
saludos!
kemie
Original Message
Que es ha!?
El oráculo tampoco parece saberlo?
Saludos
Rafa
http://twitter.com/eggSpoonTale
Ignacio Ricci escribió:
Css+ha
Ignacio Ricci.
www.ignacioricci.com
On Jul 9, 2009, at 1:24, H Joaco hjo...@hotmail.com wrote:
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.5.375 / Virus Database: 270.13.8/2226 - Release Date:
07/08/09 21:51:00
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Consulta ul-li
Lo último que digo porque no vale la pena... Los entities son caracteres especiales. Un bullet de una lista no es un entity. Es parte de como se ve una lista 'gráficamente', no es parte del contenido. No semántico realmente sería un span vacío. Obviamente que agregarlo adentro del LI para crear que se vea algo diferente no es lo mejor, pero no es realmente tan grave como un tag vacío. La gente de ovillo busca aprender CSS. Y la verdad que si las personas recomiendan usar entities como bullets convencidisimos y nadie les dice nada la verdad que me preocupa... 2009/7/4 Daniel Navarro webpe...@gmail.com [Tú escribiste] Primero que usar un entity para crear un bullet es ridículo. ¿Ridículo?¿por qué?. Supongo que lo dices porque ya existe un boliche predeterminado para las listas no ordenadas y, por lo tanto, no parece tener sentido el anularlo para incluir este carácter en el html. Sin embargo, el boliche predeterminado en las listas no ordenadas no se visualiza de forma coherente en diferentes navegadores. Si lo anulas y lo incluyes manualmente en el código consigues que se represente siempre igual, independientemente del navegador (aunque depende del tipo fuente elegida). Además, puedes usar otros caracteres, como el representado por la entidad raquo; (comillas anguladas de cierre), y que no se encuentran entre los list-style-type. Aún así sigue siendo una mala opción de diseño debido a que rompe la separación estructura-estilo, pero no considero que sea ridículo. En http://webpelon.es/ovillo/2009-mes07-04-bullet_en_listas/ tienes un ejemplo. Prueba a visualizarlo en diferentes navegadores. [Tú escribiste] Segundo. El span no es una etiqueta no semántica porque tiene contenido. Que contenga contenido no significa que la etiqueta sea semántica. Depende del uso que se haga de la etiqueta. En este caso, se utiliza como artificio para que el color (estilo) de los elementos de lista sea distinto del de los boliches. Una buena forma de entenderlo es intentar describir el significado de la etiqueta mediante palabras y sin incluir referencias a estilos. Por ejemplo, en: lispanIgnacio/span Ricci/li lispanDaniel/span Navarro/li se puede describir el significado del span como nombre de pila, pero en lispanElemento primero/span/li no vale decir que es elemento de lista sin boliche porque incluye una referencia a estilos, en este caso, al boliche. Y si lo definimos como elemento de lista, entonces tiene el mismo significado que el li y no aporta nada a la estructura. [Tú escribiste] Tercero. La técnica del span u otro tag lo usan muchos sitios. Sí, es cierto. Pero si existe otro método igual de sencillo y que evite el uso de esta etiqueta cuando no añade significado al código, entonces es preferible usarlo. [Tú escribiste] Cuarto. De ultima utilizaría un list-style-image o un fondo para el li en caso de necesitar más versatilidad. Delirium Design pedía alguna forma de colorear el boliche sin usar imágenes y yo he planteado dos formas. Saludos. El 4 de julio de 2009 00:55, Ignacio Ricciignacio.ri...@gmail.com escribió: Primero que usar un entity para crear un bullet es ridículo Segundo. El span no es una etiqueta no semántica porque tiene contenido. Tercero. La técnica del span u otro tag lo usan muchos sitios. Cuarto. De ultima utilizaría un list-style-image o un fondo para el li en caso de necesitar más versatilidad. Ignacio Ricci. www.ignacioricci.com On Jul 3, 2009, at 19:27, Daniel Navarro webpe...@gmail.com wrote: Tienes razón. Tú metes el texto entero en un span y le aplicas un formato que lo diferencia del boliche. Éste está incluido en el li pero no en el span. Aún así adolece de una etiqueta no semántica ( el span). Es otra forma diferente de hacerlo que no tiene nada que ver con la que yo he puesto (disculpas). El indicar el carácter de boliche en el html tiene el defecto de incluir más contenido no semántico, pero la ventaja de una presentación más coherente entre navegadores, además de poder usar más tipos de boliches que los predefinidos para las listas no ordenadas. Saludos. El 3 de julio de 2009 13:55, Ignacio Ricciignacio.ri...@gmail.com escribió: No tiene sentido agregar el entity del bullet... Es contenido innecesario. Con anidar un span en el Li ya está... 2009/7/3 Daniel Navarro webpe...@gmail.com Hola, El 2 de julio de 2009 20:18, Delirium Designdeliriumindes...@gmail.com escribió: habria alguna forma de ponerlo color solo al boliche , asi no uso una imagen , si no que le pongo el color que quiero al redondel. Hasta ahora me cambia el redondel junto con el texto. Si existe un carácter que te sirva como boliche, entonces puedes aplicar estilo a éste sin tener que usar una imagen de fondo. Una solución consiste en establecer el boliche directamente en el archivo html y englobarlo en algún elemento (ej. span
Re: [Ovillo] Consulta ul-li
No tiene sentido agregar el entity del bullet... Es contenido innecesario.
Con anidar un span en el Li ya está...
2009/7/3 Daniel Navarro webpe...@gmail.com
Hola,
El 2 de julio de 2009 20:18, Delirium
Designdeliriumindes...@gmail.com escribió:
habria alguna forma de ponerlo color solo al boliche , asi no uso una
imagen
, si no que le pongo el color que quiero al redondel.
Hasta ahora me cambia el redondel junto con el texto.
Si existe un carácter que te sirva como boliche, entonces puedes
aplicar estilo a éste sin tener que usar una imagen de fondo.
Una solución consiste en establecer el boliche directamente en el
archivo html y englobarlo en algún elemento (ej. span) para poder
aplicarle estilo (esto ya te lo ha indicado Ignacio Ricci):
[html]
ul
lispanbull;/spanUno/li
lispanbull;/spanDos/li
/ul
[css]
li {
list-style-type: none; /* elimina boliches */
}
li span {
color: green;
margin-right: 0.3em; /* separa el boliche del texto */
}
El inconveniente de esta solución es que no respeta una de las normas
elementales del buen diseño web y que consiste en separar el diseño de
la estructura. Los boliches son diseño y deberían de especificarse en
el css.
En navegadores compatibles con el pseudoelemento :before se puede
hacer lo siguiente:
[css]
li {
list-style-type: none; /* elimina boliches */
}
li:before {
content: \2022; /* codificación en hexadecimal del carácter
bull; */
color: blue;
margin-right: 0.3em;
}
En la propiedad content se puede indicar directamente el carácter que
se quiera usar como boliche, pero si usas uno que no sea ASCII básico
tendrás que tener cuidado en guardar el archivo css con la
codificación apropiada (yo uso utf-8 sin BOM en mis archivos). Para
evitar los problemas de codificación al guardar, es mejor indicar el
equivalente hexadecimal, en este caso \2022. Tienes una tabla de
referencia en http://ascii.cl/es/codigos-html.htm
Lamentablemente hay navegadores como IE6 que no aceptan la anterior
regla, aunque puedes indicarle algún list-style sólo a este navegador
mediante el uso de los comentarios condicionales.
[html]
!--[if lte IE 6]
link rel=stylesheet type=text/css href=ie6.css /
![endif]--
[ie6.css]
li {
list-style: disc inside;
}
Saludos
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Consulta ul-li
Primero que usar un entity para crear un bullet es ridículo
Segundo. El span no es una etiqueta no semántica porque tiene
contenido.
Tercero. La técnica del span u otro tag lo usan muchos sitios.
Cuarto. De ultima utilizaría un list-style-image o un fondo para el li
en caso de necesitar más versatilidad.
Ignacio Ricci.
www.ignacioricci.com
On Jul 3, 2009, at 19:27, Daniel Navarro webpe...@gmail.com wrote:
Tienes razón. Tú metes el texto entero en un span y le aplicas un
formato que lo diferencia del boliche. Éste está incluido en el li
pero no en el span. Aún así adolece de una etiqueta no semántica (
el
span). Es otra forma diferente de hacerlo que no tiene nada que ver
con la que yo he puesto (disculpas).
El indicar el carácter de boliche en el html tiene el defecto de
incluir más contenido no semántico, pero la ventaja de una
presentación más coherente entre navegadores, además de poder usar
más
tipos de boliches que los predefinidos para las listas no ordenadas.
Saludos.
El 3 de julio de 2009 13:55, Ignacio Ricciignacio.ri...@gmail.com
escribió:
No tiene sentido agregar el entity del bullet... Es contenido
innecesario.
Con anidar un span en el Li ya está...
2009/7/3 Daniel Navarro webpe...@gmail.com
Hola,
El 2 de julio de 2009 20:18, Delirium
Designdeliriumindes...@gmail.com escribió:
habria alguna forma de ponerlo color solo al boliche , asi no uso
una
imagen
, si no que le pongo el color que quiero al redondel.
Hasta ahora me cambia el redondel junto con el texto.
Si existe un carácter que te sirva como boliche, entonces puedes
aplicar estilo a éste sin tener que usar una imagen de fondo.
Una solución consiste en establecer el boliche directamente en el
archivo html y englobarlo en algún elemento (ej. span) para poder
aplicarle estilo (esto ya te lo ha indicado Ignacio Ricci):
[html]
ul
lispanbull;/spanUno/li
lispanbull;/spanDos/li
/ul
[css]
li {
list-style-type: none; /* elimina boliches */
}
li span {
color: green;
margin-right: 0.3em; /* separa el boliche del texto */
}
El inconveniente de esta solución es que no respeta una de las n
ormas
elementales del buen diseño web y que consiste en separar el dis
eño de
la estructura. Los boliches son diseño y deberían de especificar
se en
el css.
En navegadores compatibles con el pseudoelemento :before se puede
hacer lo siguiente:
[css]
li {
list-style-type: none; /* elimina boliches */
}
li:before {
content: \2022; /* codificación en hexadecimal del ca
rácter
bull; */
color: blue;
margin-right: 0.3em;
}
En la propiedad content se puede indicar directamente el carácte
r que
se quiera usar como boliche, pero si usas uno que no sea ASCII b
ásico
tendrás que tener cuidado en guardar el archivo css con la
codificación apropiada (yo uso utf-8 sin BOM en mis archivos). Para
evitar los problemas de codificación al guardar, es mejor indica
r el
equivalente hexadecimal, en este caso \2022. Tienes una tabla de
referencia en http://ascii.cl/es/codigos-html.htm
Lamentablemente hay navegadores como IE6 que no aceptan la anterior
regla, aunque puedes indicarle algún list-style sólo a este nave
gador
mediante el uso de los comentarios condicionales.
[html]
!--[if lte IE 6]
link rel=stylesheet type=text/css
href=ie6.css /
![endif]--
[ie6.css]
li {
list-style: disc inside;
}
Saludos
___
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 direc
ción:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Consulta ul-li
Padding al LI + list-stye-position:inside; 2009/7/2 Delirium Design deliriumindes...@gmail.com Hola, me gustaria saber si hay alguna opcion de estilo para modificar la distancia entre el punto (el redondel) de cada ítem de la lista y el texto del mismo. . Uno . Dos Habria una forma de que pudiera quedar asi: . Uno . Dos ? Porque hasta ahora no he encontrado como hacerlo, asi que estoy utilizando la opcion p/p para poder lograrlo, pero me gustaria que fuera con ul, li. Muchas gracias, espero que se entienda a que me refiero. Saludos ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Consulta ul-li
Ah aprovecho a avisarles que el martes empecé un Blog de CSS.Va a tener tutorials, tips y más cosas :) Lo único es que está en inglés. Si les interesa pueden ingresar cuando quieran: thecssblog.com Saludos, Nacho 2009/7/2 Alberto García albe...@katiuskas.com Mejor la respuesta de Ignacio, ¡donde va a parar! ;) Alberto García ** Alberto García escribió: Puedes eliminarle el boliche (list-style:none;) y luego volver a ponérselo como imagen de fondo con un gif y darle el padding izquierdo que desses al li. Salud! Alberto García ** Delirium Design escribió: Hola, me gustaria saber si hay alguna opcion de estilo para modificar la distancia entre el punto (el redondel) de cada ítem de la lista y el texto del mismo. . Uno . Dos Habria una forma de que pudiera quedar asi: . Uno . Dos ? Porque hasta ahora no he encontrado como hacerlo, asi que estoy utilizando la opcion p/p para poder lograrlo, pero me gustaria que fuera con ul, li. Muchas gracias, espero que se entienda a que me refiero. Saludos ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Consulta ul-li
No se puede. Y raro que no lo agreguen en CSS3, porque para mi sería re
útil.O hacés una imagen de fondo, o lo siguiente:
lispanTexto/span/li
O la etiquera que quieras.
El li va a tener el color del bullet y el span del texto.
li {color:#666;}
li span {color:#333;}
2009/7/2 Delirium Design deliriumindes...@gmail.com
habria alguna forma de ponerlo color solo al boliche , asi no uso una
imagen
, si no que le pongo el color que quiero al redondel.
Hasta ahora me cambia el redondel junto con el texto.
El 2 de julio de 2009 15:15, Delirium Design
deliriumindes...@gmail.comescribió:
listo! muchas gracias :)
El 2 de julio de 2009 15:02, Alberto García albe...@katiuskas.com
escribió:
Mejor la respuesta de Ignacio, ¡donde va a parar! ;)
Alberto García
**
Alberto García escribió:
Puedes eliminarle el boliche (list-style:none;) y luego volver a
ponérselo como imagen de fondo con un gif y darle el padding izquierdo
que desses al li.
Salud!
Alberto García
**
Delirium Design escribió:
Hola, me gustaria saber si hay alguna opcion de estilo para modificar
la
distancia entre el punto (el redondel) de cada ítem de la lista y el
texto
del mismo.
. Uno
. Dos
Habria una forma de que pudiera quedar asi:
. Uno
. Dos
?
Porque hasta ahora no he encontrado como hacerlo, asi que estoy
utilizando
la opcion p/p para poder lograrlo, pero me gustaria que fuera con
ul,
li.
Muchas gracias, espero que se entienda a que me refiero.
Saludos
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con imágenes de fondo de un d iv
Es obvio que está mal la ruta de la imagen, o pusiste .jpg y es .gif o .png.Otro caso es que la imagen no exista. Otra simplemente no hay. 2009/6/22 Carlos Casado Martínez ccas...@gmail.com Hale, ¿No tienes la página visible en algún lado? Sería más fácil responderte si viesemos la página funcionando. Tal como estamos ahora nos falta información... :( Carlos 2009/6/19 Halena Rojas halenita.2...@gmail.com Buenas a todos: Víctor, esa variable recoge el value de los options del formulario que permite cambiar la hoja de estilos y modificar la presentación a como le convenga mejor al usuario de una serie de opciones. No se eso que tenga que ver con que se muestre o no la imagen de fondo. Me lo podrías aclarar?.. Hace un buen tiempo pregunté en la lista si esto se podía hacer. bueno pues es lo que hace el formulario y por eso es que quiero que la imagen se muestre desde una hoja de estilos externa y no colocar el código css dentro del código html. Así yo por defecto puedo tener la hoja de estilos que contenga la imágen de fondo, y tener otra que no por si al usuario le molesta el fondo lo cambie. alguien me comentó algo mas sobre la ruta de la imagen. pues hace unos días pensando en eso, probé a colocarla tal cual con los dos puntos delante de la barra de la ruta, para forzar a que se dirigiera al directorio principal y luego a donde están las imágenes, pero según me dicen no se veía nada tampoco. Supongo que son fallas cuando se es tan novato como yo jeje .. Saludos, Hale. El 19/06/09, Victor Hugo Arias Valencia hugovic1...@gmail.com escribió: Je je je, que pena entrometerme pero yo creo que para la duda de todos sería bueno saber que es lo que está imprimiendo la variable $estilo El 19 de junio de 2009 08:27, Halena Rojas halenita.2...@gmail.comescribió: Buenos días: Disculpa que no lo pusiera antes, con la prisa que llevaba lo pasé por alto. -- Docente tutor - Soporte Conocimiento Virtual Academia www.ConocimientoVirtual.edu.co www.ConocimientoVirtual.edu.co/foro ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de abreviatura para 7UP
No es una abreviación. Es una marca. 2009/6/22 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Hola a todos, Hace tiempo que tengo una duda: la marca de gaseosas 7Up (que es una notación distinta de las palabras Seven Up), ¿constituye una abreviatura que debe marcarse con abbr? ¿O con acronym? ¿O con ninguna de las dos? Yo me inclino por abbr, pero no estoy seguro (siempre confiaba en que las que tenían puntitos eran las abreviaturas, pero 7Up no tiene...). Me gustaría recibir opiniones. Gracias, y saludos a todos, -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Explorer 6 no deja escribir en campos de formulario
Si estás usando Multiple IE para instalar IE6 es eso.Porque yo lo tenía y tenia el mismo BUG. 2009/6/17 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Hola a todos, Me he llevado una sorpresa al ver un código de formulario que genera que en Explorer 6 no se pueda escribir en los campos (hago click y no me permite escribir nada!!). Y es solo HTML y CSS, nada de scripts... No deja de sorprenderme Explorer 6!... ¿Alguien que sepa por qué puede ser esto? Está subido provisoriamente a: http://www.saberweb.com.ar/prueba/explorer6/index.html Por favor, entrar para ver si se repite el error con Explorer 6 (el resto de navegadores no me preocupa, solo Explorer 6 esta vez, hay un comentario condicional que provisoriamente puse con: if lte IE 8... para que pueda entrar con Explorer 6 aun quien tenga Explorer 8 instalado). Si alguien tiene una pista para empezar a investigar por qué no se puede escribir dentro de los campos, algún otro bug que aún no conozco de Explorer 6, en fin, se agradecen ideas... Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Explorer 6 no deja escribir en campos de formulario
De nada :) 2009/6/17 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Ignacio Ricci escribió: Si estás usando Multiple IE para instalar IE6 es eso.Porque yo lo tenía y tenia el mismo BUG. Sí, tengo MultipleIE... entonces era eso! Aggghh... :-) Muchísimas gracias Ignacio! Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aplicar CSS con Jquery
Jquery tiene una documentación extensiva.Con leer 2 minutos ya hubieras
tenido tu solución.
Esta todo bien. Pero hagan un poco de research antes de recurrir a la lista.
Nacho
2009/6/15 Rodrigo Álvarez Virgós rodri.vir...@gmail.com
Hola, Fernando
Fernando Martín escribió:
Lo que quiero hacer es llamar a un css creado en mi hoja de estilo y
usarlo
desde jquery, algo asi
[ESTILOS.CSS]
.miestilo{
color:blue;
font-size:1.3em;
background:red;
}
[FUNCIONES.JS]
Funcion aplicarCSS(){
$(a).css('miestilo');
}
Es posible?
$(a).addClass('miestilo');
Un saludo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] forma correcta de poner un link
La verdad que ninguno. Yo haría: a class=tipoDeIconospan/span Texto del link/a Esto permitiría usar sprites para los respectivos íconos. Y si se quiere evitar el tag span vació con contenido no-semántico se podría incluir vía JS. 2009/6/12 Martin Etxauri t...@eragin.com aupa una preguntilla a ver que os parece por aquí, he estado buscando pero no he encontrado gran cosa, la verdad que tipo de movidas al final son bastante relativas y cuestión de gustos a veces... no se. Os cuento, el tema es que tengo una serie de links en los que tengo una imagen (un icono) y el nombre propiamente dicho de la sección o categoría. ¿cual os parece mas correcto de estas dos? este: a href=#img src=irudiak/fake.gif //abr / spana href=#Nombre del link/a/span o este: a href=#img src=irudiak/fake.gif /br / spanNombre del link/span/a una cosa que me convence del segundo es que todo es el mismo link, y esa es la realidad, con el primero da la sensación de que tienes dos links que llevan al mismo sitio. también sucede con el segundo que cuando te pones sobre el texto, el estado hover también afecta al a imagen y viceversa y eso mola, pero no estoy convencido de que meter todo eso dentro de a sea correcto... si ¿no? a ver que os parece saludos y 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] forma correcta de poner un link
Para mi no, es una representación gráfica que ilustra el contenido de la sección. Es apoyo visual.No es contenido diferente y/o único. 2009/6/12 Martin Etxauri t...@eragin.com aupa Perdón pero ¿porque no es contenido un icono (o una imagen)? Un icono no tiene por que ser un mero sustitutivo del nombre de esa sección o categoría o lo que sea, puede ser tranquilamente complementario y/o descriptivo (con su alt y lo que haga falta, claro). El 12/06/2009, a las 14:43, Rafael García Lepper escribió: Hola, La verdad es que creo que ninguna de tus soluciones me parece correcta. Si es un icono, lo más probable es que no sea contenido, con lo cual no es una imagen que deba estar en el html, por eso deberías poner el enlace solo con texto en el html, y sustituirlo por una imagen desde css. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.com http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale Martin Etxauri escribió: aupa una preguntilla a ver que os parece por aquí, he estado buscando pero no he encontrado gran cosa, la verdad que tipo de movidas al final son bastante relativas y cuestión de gustos a veces... no se. Os cuento, el tema es que tengo una serie de links en los que tengo una imagen (un icono) y el nombre propiamente dicho de la sección o categoría. ¿cual os parece mas correcto de estas dos? este: a href=#img src=irudiak/fake.gif //abr / spana href=#Nombre del link/a/span o este: a href=#img src=irudiak/fake.gif /br / spanNombre del link/span/a una cosa que me convence del segundo es que todo es el mismo link, y esa es la realidad, con el primero da la sensación de que tienes dos links que llevan al mismo sitio. también sucede con el segundo que cuando te pones sobre el texto, el estado hover también afecta al a imagen y viceversa y eso mola, pero no estoy convencido de que meter todo eso dentro de a sea correcto... si ¿no? a ver que os parece saludos y 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] forma correcta de poner un link
Se puede hacer así pero perderías la posibilidad de usar los sprites.Que
habiendo secciones, seguramente sería util usarlos.
2009/6/12 Jorge Gónzalez - yparamuestaunboton.com del...@gmail.com
Ignacio, porque un span vació? Yo lo aria así:
.PDF {padding-left:18px; background: url(img/page_white_acrobat.png)
no-repeat 0 0;}
a href=/docs/midocumento.pdf class=PDFLink a mi documento/a
Jorge González Sánchez | http://yparamuestraunboton.com
El 12 de junio de 2009 14:43, Rafael García Lepper
rafael.g.lep...@gmail.com escribió:
Hola,
La verdad es que creo que ninguna de tus soluciones me parece correcta.
Si
es un icono, lo más probable es que no sea contenido, con lo cual no es
una
imagen que deba estar en el html, por eso deberías poner el enlace solo
con
texto en el html, y sustituirlo por una imagen desde css.
Saludos
Rafa
biosfera 4
diseño y desarrollo web
http://www.biosfera4.com
http://www.huevocucharacuento.info
http://twitter.com/eggSpoonTale
Martin Etxauri escribió:
aupa
una preguntilla a ver que os parece por aquí, he estado buscando pero
no he encontrado gran cosa, la verdad que tipo de movidas al final son
bastante relativas y cuestión de gustos a veces... no se.
Os cuento, el tema es que tengo una serie de links en los que tengo
una imagen (un icono) y el nombre propiamente dicho de la sección o
categoría.
¿cual os parece mas correcto de estas dos?
este:
a href=#img src=irudiak/fake.gif //abr /
spana href=#Nombre del link/a/span
o este:
a href=#img src=irudiak/fake.gif /br /
spanNombre del link/span/a
una cosa que me convence del segundo es que todo es el mismo link, y
esa es la realidad, con el primero da la sensación de que tienes dos
links que llevan al mismo sitio.
también sucede con el segundo que cuando te pones sobre el texto, el
estado hover también afecta al a imagen y viceversa y eso mola, pero
no estoy convencido de que meter todo eso dentro de a sea
correcto... si ¿no?
a ver que os parece
saludos y 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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] forma correcta de poner un link
Eso es bien fácil. H1 es un elemento de bloque, y A es un elemento de línea. Por lo tanto h1a es correcto y no al revés. En XHTML 1.0 Estricto, el código es inválido si estuviera el H1 encerrado en el A. 2009/6/12 Martin Etxauri t...@eragin.com Pues hombre, yo suelo poner siempre UN sólo link, por las siguientes razones: -Sencillez de código. -Sencillez de navegación (hay que pulsar menos veces el TAB). Además, piensa que, conceptualmente, si ambos A están NECESARIAMENTE juntos y apuntan NECESARIAMENTE a la misma URL, entonces ambos A son EL MISMO. (Y no se me ocurre qué ventaja puede tener ponerlo por duplicado.) Espero que te sirva como idea. Saludos. Santiago. Gracias Santiago eso es lo que yo creía pero no tenía muy claro si es correcto poner dentro de un a una imagen y un span. así como no he tenido nunca muy claro si es mejor h1a href=loquesealoquesea/a/h1 o a href=loqueseah1loquesea/h1/a o es lo mismo saludos ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con word-wrap en IE6
jajajaja Tei me dio mucha gracia tu OT. 2009/6/12 Tei oscar.vi...@gmail.com 2009/6/12 jose vicente ribera pellicer joseran...@gmail.com: Lo que yo haría sería usar word-wrap: break-word; excepto para ie6 (mediante algún hack de ie6 o mediante comentarios condicionales) y buscar alguna solución por javascript para ie6. El word-wrap: break-word junto con el overflow hidden lo pusimos expresamente para IE6 ya que en los demas no teniamos este problemade todas formas mirare lo que comentas del javascript. Si alguien tiene alguna sugerencia de como hacerlo soy todo oidos. OT: por si acaso, asegurate de reportarlo a Microsoft para que lo arreglen. -- -- ℱin del ℳensaje. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar capas
Si querés hacerlo 100% crossbrowser (IE6/7/8, FF, Safari, Opera, Chrome)te diría de usar JS. Detectar el caso y aplicarles una clase al contenedor de los elementos. Nacho 2009/6/11 Joseba jos...@visionasolutions.es Hola: Tengo un div de 780px ancho Dentro habrá aleatoriamente 1, 2 o 3 div de 260px ancho Problema: Se pretende que los div contenidos en el div padre esten siempre centrados en la misma línea independientemente de los que haya con respecto a su padre. Sugerencias? Gracias. Slt. Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar capas
Inline block no es cross-browser 2009/6/11 Kemie Guaida li...@monolinea.com text-align:center en el padre y display:inline-block en los hijos? Original Message Hola: Tengo un div de 780px ancho Dentro habrá aleatoriamente 1, 2 o 3 div de 260px ancho Problema: Se pretende que los div contenidos en el div padre esten siempre centrados en la misma línea independientemente de los que haya con respecto a su padre. Sugerencias? Gracias. Slt. Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.63/2169 - Release Date: 06/11/09 05:53:00 ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] lista desordenada inline
!important inclusive supera a estilos inline, ejemplo:
CSS:
p {color:blue !important;}
HTML:
p style=color:red;Hola/p
El parrafo va a quedar azul :)
2009/6/9 Fernando Martín ferna...@naturalpixel.es
Ok, gracias.
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org]
En nombre de Martín Moreno
Enviado el: martes, 09 de junio de 2009 9:07
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] lista desordenada inline
Realmente, en este caso, ninguna. Lo incluí en mi desesperación porque no
funcionaba el display:inline, pensando que podía ser cosa de herencia, pero
el error estaba en lo que me indicó Pablo.
Teóricamente, !important sirve para ignorar las reglas de cascada.
Añadiendo
a una definición !important, se le dará mayor importancia que a cualquier
otra.
Un saludo
Martín
2009/6/9 Fernando Martín ferna...@naturalpixel.es
Hola a todos,
Viendo el código CSS de Martín, incluye la palabra !important. Que
utilidad tiene !important?
Gracias!
-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:
ovillo-boun...@lists.ovillo.org]
En nombre de Martín Moreno
Enviado el: martes, 09 de junio de 2009 0:37
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] lista desordenada inline
Justo eso era. ¡Muchas gracias!
2009/6/9 Pablo Suárez León psua...@technosite.es
Es por el display:block; de #entry img{}
Martín Moreno escribió:
Hola a todos
tengo un problema muy básico pero que no logro resolver:
utilizo el plugin sociable para WordPress en el sitio El
Garrofer,
que
básicamente utiliza una lista desordenada que debe mostrarse en
horizontal.
Yo creía que bastaba con aplicar display:inline , pero algo me
está fallando. El código es el siguiente:
div class=sociable
ul
li class=sociablefirst/li
li/li
li class=sociablelast/li
/ul
y los estilos que aplico son
.sociable ul {
display: inline!important;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 1px;
}
Pero nada, me muestra los iconos en vertical (al menos en firefox
y
safari,
no lo he probado en explorer). Lo cierto es que antes sí mostraba
la
lista
en horizontal, algo habré cambiado que le afectó. Podéis ver un
ejemplo
en
línea aquí:
http://www.elgarrofer.com/2009/06/un-aficionado-al-bdsm-llevaba-una-
do ble-vida-como-parlamentario-britanico.html
¿Se os ocurre qué pueda ser?
Muchas gracias
Martín
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] asterisco??
Asterisco significa todos los elementos dentro de.Si no pones nada son todos
los elementos dentro del html, osea todo.
p * {}
Sería todos los hijos de p. (si suena gracioso)
Si queres que X clases compartan estilos,
O le agregas una clase a todas via el html:
div class=laDeTodas clase1
div class=laDeTodas clase2
O con coma desde el css como ya dijiste.
Nacho
2009/5/27 Joseba jos...@visionasolutions.es
Hola!
Me preguntaba si existe algo en css para dar atributos a varias clases de
la
forma:
Clase*{
Atrinbutos;
}
En vez de
Clase1, Clase2 Clase3…{
Atrinbutos;
}
Slt.
Caminar sobre el agua y desarrollar software a partir de unas
especificaciones es fácil. si ambas están congeladas.
Edward V. Berard, ingeniero informático.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] asterisco??
No...
usas .laDeTodas {}
Y nada más. Porque estás poniendo esa clase en el html a varios elementos
con otras clases.
2009/5/27 Germán Bustos ger...@atarraya.org
Déjame ver si entendí
Tengo este HTML
div class=laDeTodas clase1
div class=laDeTodas clase2
Y usar
.laDeTodas * { }
Es lo mismo que usar
.laDeTodas clase1, .laDeTodas clase2 { }
¿Entendí?
Germán
El 27 de mayo de 2009 12:37, Ignacio Ricci ignacio.ri...@gmail.com
escribió:
Asterisco significa todos los elementos dentro de.Si no pones nada son
todos
los elementos dentro del html, osea todo.
p * {}
Sería todos los hijos de p. (si suena gracioso)
Si queres que X clases compartan estilos,
O le agregas una clase a todas via el html:
div class=laDeTodas clase1
div class=laDeTodas clase2
O con coma desde el css como ya dijiste.
Nacho
2009/5/27 Joseba jos...@visionasolutions.es
Hola!
Me preguntaba si existe algo en css para dar atributos a varias clases
de
la
forma:
Clase*{
Atrinbutos;
}
En vez de
Clase1, Clase2 Clase3…{
Atrinbutos;
}
Slt.
Caminar sobre el agua y desarrollar software a partir de unas
especificaciones es fácil. si ambas están congeladas.
Edward V. Berard, ingeniero informático.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tablas en IE: fuentes pixeladas y bordes que no aparecen
Usa otro script. Con jquery haces eso facil.
2009/5/20 Andrés zumo_des...@hotmail.com
Gracias Mauricio. Me había emperrado con el tr...
Pero lo de las fuentes no se por dónde cogerlo :_(
El 20/05/2009, a las 19:21, Mauricio Dulce escribió:
Hola Andres, que tal si cambias esto
#page table tr {display:table-row; vertical-align:middle; border-
bottom:1px dotted #909ca9;}
por esto
#page table tr {display:table-row; vertical-align:middle; border-
bottom:1px dotted #909ca9;}
y esto
#page table td {padding:5px 10px 7px 0; text-align:left; vertical-
align:middle; display:table-cell }
por esto
#page table td {padding:5px 10px 7px 0; text-align:left; vertical-
align:middle; display:table-cell;border-bottom:1px dotted #909ca9; }
El 20/05/2009, a las 12:09, Andrés escribió:
de
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
No le estás dando posicion al absoluto, por lo tanto no funciona.Deberías
usar o top, right, left o bottom.
2009/5/14 Ana Moya abm...@gmail.com
Hola lista,
Tengo un problema con un par de div's absolute que parece que no respetan
el
z-index.
El problema es que al mostrar el div .floatShadow superior queda debajo del
.tbdButtons inferior, cuando tiene que quedar por encima.
Bueno, les pongo el código con el que estoy haciendo pruebas:
CSS:
-
.tbdButtons {
padding:7px;
position:relative;
z-index:40
}
.tbdBoton {
background-color:#ccc;
border:1px solid #cec3e6;
float:left;
padding:3px;
z-index:50
}
.floatShadow {
background-color:#fff;
border:2px solid #f00;
position:absolute;
z-index:60
}
-
HTML:
-
div class=tbdButtons
div class=tbdBotonModificar datos/div
div class=tbdBotonEliminar/div
div class=tbdBotonAñadir a grupo/s...
div class=floatShadowpSeleccionar los grupos a los que
pertenece el destinatario:/p/div
/div
div class=tbdBotonEnviar/div
/div
pnbsp;/p
div class=tbdButtons
div class=tbdBotonModificar datos/div
div class=tbdBotonEliminar/div
div class=tbdBotonAñadir a grupo/s...
div class=floatShadowpSeleccionar los grupos a los que
pertenece el destinatario:/p/div
/div
div class=tbdBotonEnviar/div
/div
-
Saludos,
Ana
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Distintas resoluciones de pantalla
Podés usar la extensión para firefox.Web developer toolbar. Que dentro de su variedad de opciones tiene la que vos necesitás. https://addons.mozilla.org/en-US/firefox/addon/60 2009/5/2 manuel cuesta manucu...@gmail.com Hola. Quisiera saber si conoceis alguna herramienta para probar los proyectos con distintas resoluciones de pantalla sin tener que cambiar la resolucion del propio pc. Un saludo y 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Plantillas con CSS
Investigá el uso de extensiones .shtml para crear htmls estáticos pero con partes que se incluyen, o php y su tag include. 2009/4/13 Atis regist...@atis.es Gracias por las respuestas, Así entiendo lo que me explicas Tei, pero yo me explico bastante mal y no empleo las palabras técnicas correctas. Perdón. Lo que me gustaría es poder crear una plantilla, que abarque el HTML y aquí, por ejemplo, poner la cabecera, menú y pie de página, que se repiten en todas las páginas, y que cuando necesite cambiar un botón o palabra, en estos campos se actualice en todas. Si el php no me lo recomiendas,... ¿Qué me recomendarías? Muchas gracias. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Tei Enviado el: lunes, 13 de abril de 2009 14:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Plantillas con CSS 2009/4/12 Atis regist...@atis.es Muy buenas, Soy nueva en esta lista, pero he buscado entre los mensajes archivados, y no encuentro mensajes con la palabra plantillas. Supongo que tambien habras buscado las palabras theme o tres columnas, que estan relacionadas. Querría generar un archivo con la maquetación CSS y que sirviera de plantilla, de forma que al modificarla, se actualicen los archivos basados en ella. MEEECK - SYNTAX ERROR: EXPRESION NO PARSE CSS es un lenguaje de estilado que se pone en un unico fichero que afecta a todos los que lo cargan. Al modificar este fichero... el renderizado en pantalla ( o altavoz, cualquiera que sea el dispositivo renderizador ). Por tanto, no necesitas ningun lenguaje o sistema de templates para conseguir lo que al parecer quieres. Al menos en lo que a CSS respecta, que no es suficiente.. claro... CSS necesita un html ( o XML o cualquier otro ML ) para operar, si lo que necesitas es que se actualice el HTML, hablar de CSS sobra como bastante. La gracia de CSS es poder modificar un sitio web sin tocar el html. Tu problema puede ser mas bien como hacer desarrollos de sitios web mediante una tecnologia de templates (CSS no es una tecnologia de templates ni lo pretende). PHP es uno de estos lenguajes, SMART es otro, ... si no eres programadora probablemente prefieras limitarte (y limitar a tu cliente) a un editor wysiwig como el que comentas: Dreamweaver. He leído por Internet que se pueden usar plantillas usando php. Es este un sistema bueno? Si. Es muy bueno. ¿Es lo que necesitas? probablemente no. Por otro lado he trasteado con Dreamweaver 8, pero al modificar un archivo basado en la plantilla, añadiéndole contenido individual, me aparece un error indicando que los cambios no se guardarán, pues la zona está bloqueada. Algo mal debo hacer al crear las zonas editables. Saben por qué me sucede esto? Esta es una pregunta que puede ser mejor contestada por el propio manual de Dreamweaver, que te tuvieron que dar cuando lo comprastes ( o se descarga del mismo sitio donde lo pirateastes). Y se contesta, tambien, mas amenamente por tutoriales varios que hay por internet. No parece un fallo del programa, sino que no sabes usarlo (aun). -- -- ℱin del ℳensaje. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] etiqueta ul con imagen
Si los LI están flotados, vas a encontrar el típico bug de Explorer que no
muestra los bullets. Tenés que usar la imagen como fondo del LI y no como
imagen de bullet.
2009/4/2 Encarnación Blanco Hernández e...@usal.es
Hola a todos.
Tengo un problema de incompatibilidades de navegadores (creo)
Adjunto el código de la css.
ul#punto
{
display: block;
list-style-type:none;
list-style-image: url('../images/puntoGris.jpg');
padding: 0px;
margin-left: 30px;
}
Y el código html donde aplico el estilo:
ul id=punto
lia class=Estilo3
href=formularios.htmlMi Formularios /a /li
lia class=Estilo3
href=sugerencias.htmlBuzón de Sugerencias y Quejas/a /li
/ul
Pues bien, con el Firefox lo veo perfectamente, pero con el explorer (v.7)
Alguien sabe que me está pasando?
Un saludo. y Gracias
__
Encarnación Blanco Hernández e-mail: e...@usal.es
Servicios Informáticos, CPD Tfno: 923294400 Ext. 1313
Universidad de Salamanca
___
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] El W3C rediseña su sitio web
Me parece espantosa.Porque no contratan a un buen estudio que se las haga y punto? La W3C debería tener una web grosa debido a su importancia en la web. Podrían invertir un poco. 2009/3/26 Tei oscar.vi...@gmail.com 2009/3/26 SoporteNuke soporten...@gmail.com: El diseño de columnas parece seguir dominando... Probablemente porque la friccion entre el uso de una GUI por humanos y una disposicion en columnas es menor que otras soluciones. En las bibliotecas hay muchos libros pero practicamente todos son rectangulos mas altos que anchos. Aquellos que intentan ser apaisados son incomodos de leer, en parte por aquello de la longitud de una frase, pero tambien porque tienes que paginar muy amenudo, rapidamente te acabas el texto existente. Ademas probablemente el tema este de la longitud de la linea ya fuerza a un tamaño de fuente grande. Tenemos muchos años de tradicion de crear libros, y el tema de columnas (o columna unica) es el ganador de todos los experimentos que se han hecho. Esto solo requiere transplantarlo a la web. En la web algunos han malinterpretado el medio y han entendido que habia que matar la barra de escroll, y lo unico que han conseguido es objetos tan incomodos como esos libros de la libreria que son apaisados. Durante cinco o seis años he estado viendo diseñadores que vienen del mundo impreso llegar aqui al diseño web, y malinterpretar este medio, y repetir este error. No importa, porque nos han traido un monton de cosas geniales. La gran lastima es la cantidad de cosas enormememente hermosas con fuentes que no se pueden realizar, y quizas nunca seran posibles. Quizas es lo que impide que diseñar paginas web sea un arte. Sin usar fuentes personales, es muy dificil tener un voz unica, es mas parecido a hacer collage que a pintar. La gente del CSS Zen Garden hacen trampas y ponen bitmaps o flash para titulos, pandilla de cabrones :-) -- -- ℱin del ℳensaje. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Select y número de option
Podrías imitar el aspecto y el funcionamiento del select via css y javascript.Pero obviamente habría que cobrarle más al cliente por pedir cosas raras. ;) 2009/3/24 Joseba jos...@visionasolutions.es Dile a tu cliente q ese objeto lo controla el explorador y q si quiere uno personalizado se llama PC petición de cambio a x euros. La unica opcion q tienes sin programar es ponerle el atributo size=10 y te mostrara las 10 primeras opciones desplegadas pero a modo de textarea... poco estetico según la maketa. Saludos. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Tei Enviado el: martes, 24 de marzo de 2009 12:48 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Select y número de option 2009/3/24 Julia Martínez mjmi.webmas...@gmail.com: Hola a todos, Siento la pregunta, pero nunca me habían pedido algo así y no encuentro la manera de hacerlo. Tengo un select con (por ejemplo) 100 options. El cliente me pide que al desplegar, es decir, al pulsar sobre la flecha, salgan sólo 10 resultados y al mover el scroll pueda ver el resto, pero que no me muestre 30 options como hace por defecto. ¿Alguna idea? No confiar en Windows, o ningun sistema operativo para que te lo dibuje, sino dibujar tu mismo el Widget. Lo cual es extremadamente peludo, porque a pesar de lo que parece, los widgets son muy complejos, su simpleza es engañosa. Creo que tu cliente es del tipo Vaquero que quiere poner en el morro del coche unos cuernos de vaca enormes. -- -- ℱin del ℳensaje. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con focus en IE
En IE7 funciona. En IE6 no.Si querés que sea cross-browser vas a tener que usar javascript para asignar clases de css a los inputs en focus y blur. 2009/3/19 Víctor Rodríguez Lledó vll...@ofi.es Hola a t...@s, en primer lugar comentaros que es la primera cuestión que planteo a la lista, soy un poco novato así que disculpad si es una chorrada, mi problema es el siguiente, defino en css un estilo para todos los input cuando tengan el foco (símplemente le cambio el color de fondo) y me funciona en todos los navegadores excepto en IE. Saludos y muchas gracias por anticipado. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] margenes para los fieldsets
proba display:block + margin-bottom
2009/3/17 Javier Guerrero demix...@gmail.com
Hola, chicos.
En un proyecto estoy probando aplicar márgenes a los fieldsets,
fieldset {
margin-bottom:20px;
}
pero ninguno de los navegadores lo toma. ¿Alguna idea al respecto?
Saludos
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] margenes para los fieldsets
Algo estás haciendo mal, porque a los fieldsets se les puede aplicar paddings y margenes.Puede ser que tus fieldsets tengan elementos flotantes adentro y te provoquen problemas para usar estos atributos. 2009/3/17 Javier Guerrero demix...@gmail.com Acabo de probarlo, pero no me funcionó. ¿A ti te funciona ese método? Ahh, por cierto, tampoco puedo aplicarle los paddings a los fieldsets. Saludos ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Listas vs tablas
Me parece bien usar listas desordenadas. li strongMerlot 84'/strong em$159/em /li Después es cuestión de usar float left y float right para posicionar los precios y los nombres :) Si tus únicos datos son el producto y su precio, no creo que valga la pena usar una tabla. Con respecto a la lista de definiciones, no me parece un caso apropiado para usarla. Un saludo, Nacho 2009/3/17 Asela Ortiz de Murua aomu...@gmail.com Hola Me ha surgido una duda semántica a la hora de elegir listas o tablas para el menú de un restaurante. Se trata de incluir listas de vinos con sus precios, así como los platos de la carta. Inicialmente pensaba hacerlo con listas desordenandas. Luego he pensado utilizar listas con definición para las distintas variedades (carta, carta de vinos, puros, etc). Lo que he visto por ahí son tablas. Al final, después de darle mil vueltas, me he atascado y no se cómo hacerlo bien. ¿Alguna sugerencia? Gracias Un saludo Asela Ortiz de Murua ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda css+javascript
No es mas facil usar la tecnica Faux Columns?Al contenedor de las 2 cosas le das un fondo que repite en y, igual al ancho de unad e las columnas, y te va a 'emular' que tienen el mismo alto. On Mon, Mar 16, 2009 at 4:26 AM, Nesta Guerrero Pancorbo nguerr...@emergya.es wrote: señores tengo que tocar el DOM, tengo un contenedor de height:auto; (content) dentro de este tengo 2 contenedores mas, (content1, content2) el content 2 está a la derecha, el content1 a la izkierda, este es el que tiene otro height auto que es el que contiene la lista, pero ahi viene mi problema el content2 está flotando y tengo que ponerle un background que iguale al height del content1, hay forma de ver el tamaño del id content1 y decirle por DOM que el content2 tenga el height a tal??? ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] etiqueta b o strong, cual es la indicada
La etiqueta B es 'deprecated' porque toma su nombre del término bold, o negrita. Esta definiendo el estilo del elemento en vez de destacar su función, que es de dar importancia como es el caso de strong. Y como bien se sabe, las hojas de estilo nacieron para separar el contenido del diseño. Por lo tanto tener etiquetas que estén nombradas por como se ven, no es muy coherente. Es el mismo caso de i (italica) y em, emphasis. On Sat, Mar 14, 2009 at 11:56 PM, Jonathan C. lockhe...@gmail.com wrote: buenas, hace un rato estaba examinando un poco los ejemplos de una de las fuentes por excelencia para tecnicas css, cssplay, siempre he notado que a nichols le encanta usar la etiqueta b, practicamente la utiliza para todo, desde bordear esquinas con css, hasta lo que se le ocurra, pero ahora me viene una pregunta. cual es la diferencia principal entre b y strong? porque para mi son la misma cosa, ambas muestran el mismo efecto visual por lo que he notado. digamos, usa b porque es mas corto?, costumbre?, o solo le gusta para en teoria hacer mas liviano el codigo? no se, quizas tengo los conceptos un tanto errados, pero crei leer alguna vez que esta etiqueta b ya esta en la lista de las obsoletas y que se recomienda el uso de strong, aunque se que tienen algo que ver con la semantica del documento. que me dicen los demas colegas de la lista. saludos a todos! -- Jonathan C. lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos
La única manera es usando position relative. Pero si no podes calcular el tamaño, lo unico que te queda es usar Javascript para invertir el orden al cargar el sitio.En el codigo seguirá apareciendo segundo :) 2009/3/11 Ramón Corominas lis...@ramoncorominas.com Hola, Ovillo. Me plantea un cliente un desafío semántico-cesesiano que a mí me parece irresoluble, pero quién sabe si alguna sabia mente ovillera me pueda iluminar... La idea de partida es bastante simple: h1Título principal de noticia/h1 pAntetítulo (nota aclaratoria) de la noticia/p Los editores les dicen que el antetítulo, por ser ante, tiene que verse *encima* del título de la noticia. Entiendo que alterar el orden de los párrafos en el código sería cambiar de alguna manera la estructura de contenidos (el párrafo realmente pertenece a la noticia, aunque se vea delante del título). Sin entrar a valorar que ese cambio en el orden visual no alteraría el orden de lectura para un lector de pantalla, lo que se pretende es que (visualmente) aparezca esto: Antetítulo de la noticia TITULO PRINCIPAL DE LA NOTICIA ¿Se le ocurre a alguien una solución crossbrowser para lograr esto? Nota 1: no se conocen de antemano las longitudes ni del título ni del antetítulo. Nota 2: no es factible reservar espacio para el antetítulo dando margin-top al h1, ya que no se sabe de antemano la longitud del antetítulo, además de que no puede solapar al aumentar el tamaño de letra. Saludos y gracias de antemano, Ramón. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Intercambiar visualmente el orden de dos párrafos
En realidad se recomienda poner los encabezados en orden h1, h2 ,h3, h4, h5 en el código de nuestra página, pero bueno, no me parece un aspecto tan vital. 2009/3/11 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Victor Hugo Arias Valencia escribió: Si es un ante-titulo puede ser un H3, y el titulo de la noticia un H2, y pues me parece lógico lo que dice martin, si va antes, pues ponerlo antes de una vez... Yo también comparto el razonamiento de Víctor y de Martín: h3Ante título 1/h3 h2Noticia 1/h2 pCuerpo de la noticia/p Y agregaría que, si fuera necesario marcar un bloque que envuelva a cada noticia entera, para eso están las divisiones (DIV): div class=noticia h3Ante título 1/h3 h2Noticia 1/h2 pCuerpo de la noticia 1/p pPie de la noticia 1/p /div div class=noticia h3Ante título 2/h3 h2Noticia 2/h2 pCuerpo de la noticia 2/p pPie de la noticia 2/p /div Este punto ya fue debatido en la lista por nosotros mismos, hace 3 meses, hablando de que es totalmente válido cambiar el orden de los encabezados, mientras no los omitamos. Referencia: http://www.w3.org/TR/WCAG20-TECHS/H42.html El orden de los factores no altera el producto... los encabezados no son enumeraciones de una lista ordenada, son señales de lo que es más o menos importante dentro de un documento. Quizás el documento empiece con cosas no demasiado importantes. Saludos! -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sustituto para el br style=clear: both;
Juan, esa tecnica se denomina easy clear. Y en un momento la use.Pero requiere más lineas de código y es muy inconsistente. A veces funciona y a veces no. El overflow hidden funciona perfecto. Y si encontramos algun problema con IE6 es cuestión de usar height:1% para arreglar los problemas de hasLayout. 2009/3/5 Martin Etxauri t...@eragin.com Aupa La verdad que da gusto, uno manda algo creyendo que es, o puede ser la solución y siempre hay gente con opciones diferentes y/o que le saca los inconvenientes, con lo cual aprendemos mucho todos, o por lo menos yo :) También he probado la solución de flotar el contenedor, y funciona, pero deja debajo un espacio, como si tuviera un padding-bottom o algo así que ni poniendo a el último elemento margin: 0 y al contenedor padding: 0 desaparece y no acierto a saber de donde sale ese espacio, por lo que me he decantado por el overflow: hidden, que creo que en este caso no me dará ninguno de los problemas comentados. saludos ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Como alguien bien dijo la unidad em en realidad nace relacionada con la imprenta.Cuando diseñamos para imprimir usamos tamaños en milimetros, centímetros y en caso metros. No usamos ems para definir los tamaños de los fondos de los textos o las cajas. Esto trasladado a la web tiene coherencia en usar pixels. 2009/3/5 Pablo Suárez León psua...@technosite.es Hernán Beati - SaberWeb.com.ar escribió: No encuentro ahora mismo la referencia, pero según las nuevas WCAG 2.0, solo es necesario cuidar que el usuario pueda hacer hasta un 200% de zoom (si alguien tiene la referencia, por favor, se agradecerá que la comparta). Las técnicas de suficiencia en este punto [1] nos dicen en el punto 2 que nos aseguremos de que tanto texto como contenedores se puedan redimensionar y en el punto 4 que en el caso de que el texto redimensione y los contenedores no, nos aseguremos de que no se pierde contenido ni funcionalidad. [1] http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Yo no comparto que se agrande una caja cuando se agrande la tipografía.Osea no lo encuentro ni en el sentido tampoco. Cual es el beneficio? 2009/3/5 Martin Etxauri t...@eragin.com Como alguien bien dijo la unidad em en realidad nace relacionada con la imprenta.Cuando diseñamos para imprimir usamos tamaños en milimetros, centímetros y en caso metros. No usamos ems para definir los tamaños de los fondos de los textos o las cajas. Esto trasladado a la web tiene coherencia en usar pixels. Personalmente creo que en general bastante intentamos hacer que se parezca la web al papel, que es uno de los grandes errores que cometemos diseñadores (y clientes que nos lo piden) así que este símil que propones lo veo desafortunadísimo. Sería afortunado si las ventanas y los textos no fueran escalables, pero lo son. Hace tiempo que estoy cada vez mas convencido (aunque no lo acabo de llevar del todo a la práctica, unos bocetos previos son un poco ineludibles) que la mejor manera de diseñar una web es directamente en html, pasando de diseñar primero en photoshop/illustrator/freehand/ gimp/etc al fin y al cabo ese es el medio en el que acabará. Resulta un poco como hacer un vestido en cerámica y luego pretender que en tela quede igual, pues no, la tela cae y se mueve, podrás hacer bocetos aproximativos del vestido a lápiz, y luego unos bocetos de patrón recortados en papel para calcular tamaños, pero una vez llegado a la tela, según quien se ponga el vestido quedará una cosa u otra. En el caso de esta web en ems al principio empece un poco con los cálculos de píxeles del contenido / pixeles del contenedor = dimensión del contenido en ems pero me di cuenta que la mejor manera es hacerte a los ems, e ir poniendo y viendo como queda, que quieres mas pones mas, que quieres menos menos, pero pasar del cálculo de cuantos ems son tantos píxeles y trabajar directamente en ems. Hasta aquí mi experiencia, que igual acaba todo en un churro :D ya os contaré. saludos ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Perderías control sobre resoluciones de pantalla y correcta escalabilidad de cajas. 2009/3/5 Pablo Suárez León psua...@technosite.es Ignacio Ricci escribió: Yo no comparto que se agrande una caja cuando se agrande la tipografía.Osea no lo encuentro ni en el sentido tampoco. Cual es el beneficio? ¿Qué el diseño sea coherente y proporcionado independientemente del tamaño de la fuente? ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Perdón pero no entiendo. Tenes una caja de ancho no se, 8em. Con un parrafo adentro.Y tenes que hacer un sitio para una resolución de 800 x 600. Y empezas a hacer ctrl+ Podés controlar que el contenido no se exceda esa resolución sin hacer un contenedor en pixels? 2009/3/5 Pablo Suárez León psua...@technosite.es Ignacio Ricci escribió: Perderías control sobre resoluciones de pantalla y correcta escalabilidad de cajas. Todo lo contrario. Tomaría el control sobre ello. O más bien, le daría al usuario el control sobre ello. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Bueno pero estas cambiando de unidad también. Osea que en definitiva los tamaños de cajas en EM por si solos no funcionan. Tienen que estar atados a otras unidades como porcentajes o pixels. O relacionados con estilos como max-width. 2009/3/5 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Ignacio Ricci escribió: Perdón pero no entiendo. Tenes una caja de ancho no se, 8em. Con un parrafo adentro.Y tenes que hacer un sitio para una resolución de 800 x 600. Y empezas a hacer ctrl+ Podés controlar que el contenido no se exceda esa resolución sin hacer un contenedor en pixels? Sí, haciendo un contenedor en porcentaje al 100%. -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Es lo que digo yo. Cajas en EM es complicarse la vida y es poco controlable. 2009/3/5 Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar Ramón Corominas escribió: en ocasiones aumento el texto hasta un 400%, más o menos. Pero no porque me haga falta siempre ese aumento, sino más bien porque la medida 200% no quiere decir nada, en realidad, y no se aplica por igual a todas las partes de la página. Por ejemplo, si el diseñador usa (como a veces pasa) un tamaño de letra de unos 8-10px, Otra vez los extremos... Es que pensar en esos extremos erróneos no era la meta, venimos buscando la solución ideal y creo que es clarísima a estas alturas: -Contenedores en porcentajes -Textos en em. Si el texto está BIEN estructurado en em, partiendo de 1em como mínimo (unidad que tú mismo, Ramón, decides qué tan grande es, ya que eres el usuario y tienes el control), entonces podrás hacerles un 400% de zoom al texto o más, y los contenedores no excederán el ancho de tu pantalla. ¿No es ésta la solución ideal? -- Hernán Beati http://www.saberweb.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Rollover complicao pa mi
No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Rollover complicao pa mi
Es muy simple, no tengo ganas de ponerme a hacer el codigo. Pero básicamente es darle a los A dentro de tu menu la propiedad de display:block, y darles un alto y un ancho. Después cargar la imagen de fondo con su respectiva posición. Y esos A, en estado hover (ej: #menu ul li a:hover) cambiarle el background-position para dejarlo con el violeta oscuro y la flechita. 2009/3/5 Joseba jos...@visionasolutions.es Si con el piquito inferior dcha. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto: ovillo-boun...@lists.ovillo.org] En nombre de Ignacio Ricci Enviado el: jueves, 05 de marzo de 2009 17:10 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Rollover complicao pa mi No entendi bien. En hover queda en violeta oscuro? 2009/3/5 Joseba jos...@visionasolutions.es Hola! Tengo un menú lateral un poco peculiar y no consigo sacar una navegación limpia sólo con CSS. La imagen del menú esta en esta URL: http://www.visionasolutions.es/menus.gif Necesito hacer el rollover con la peculiaridad de que los menús se montan al estar inclinados. Alguna sugerencia o url donde buscar info? 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] por cual optarias, Tabla o DL
No se debe usar tablas para definir la estructura de un sitio.Pero cuando estamos mostrando datos tabulares obviamente sí, que es el correcto uso de las tablas. Y me parece que una DL es muy diferente a una TABLE. Nacho On Fri, Mar 6, 2009 at 12:31 AM, Jonathan C. lockhe...@gmail.com wrote: buenas, estoy presentando datos que se generan desde php a traves de funciones del lenguaje y tambien desde llamadas a una base de datos. mi cuestion es esta, cual seria mejor opcion una tabla o listas de definiciones? la verdad uso ambas, pero la inconveniencia que encuentro es que las dl hay que ponerles mas atencion con las css, mientras que una tabla esta ahi, lista y servida, se queda bien quieta y muestra los datos como son (generalmente), tambien las dl no muestran mas que un orden titulo descripcion por defecto. la verdad prefiero usar la tabla cuando necesito mostrar mas de 2 columnas, mientras que las DL las uso para 2 columnas. pero aqui viene otra pregunta... por que se desaconseja tanto el uso de tablas? leo mucho aqui que no es bueno usar tablas, pero tambien tengo entendido que las tablas son perfectas para mostrar datos que son tabulares, es decir repetitivos con un mismo formato, filas y columnas. bueno, no soy uno de los pocos defensores de las tabla, para nada, solo veo que se han satanizado en cierto modo, debido a que muchos haraganes las prefieren cuando pasan sus diseños photoshop a html, bueno los que todavia hacen eso. saludos a la lista! -- Jonathan C. lockhe...@gmail.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sustituto para el br style=clear: both;
O overflow:hidden; Tienen el mismo efecto. 2009/3/4 Martin Etxauri t...@eragin.com Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Trabajar con EMs
Yo no estoy de acuerdo en esta moda de usar cajas con tamaños en EM'S.Em es una unidad tipográfica destinada a controlar el tamaño y la proporción de las letras. Su objetivo no es controlar el tamaño de objetos, en caso de una web width y height. Es como medir en centilitros, centímetros. No es la medida correcta. Si ustedes me dicen que quieran usar ems en tamaño de una caja para que la caja se vea afectada y tenga una mejor adaptación con el texto dentro de ella, está bien. Pero de todas maneras no lo comparto por lo mismo que dije antes, aparte al no ser una unidad de medida destinada para eso, es bastante arbitrario definir anchos y tamaños. Yo solo uso em's en font-size y punto. No entiendo la gente que vino con esta moda rara. Nacho 2009/3/4 Martin Etxauri t...@eragin.com Aupa Me he lanzado a maquetar una web (casi lo llamaría portal) trabajando con EMs, tanto en el texto como en las dimensiones de los elementos. De manera que en IE se pueda escalar el texto y que a su vez al escalar el texto se redimensionen las cajas etc. Y me han surgido un par de cosas que me gustaría comentar. Una es que al utilizar EMs en bordes y cosas por el estilo me hace cosas raras, por ejemplo, si tengo un borde de 0.1em y lo cambio a 0.2em no noto diferencia alguna, y sin embargo al ponerlo en 0.3em salta a algo mas gordo. Y así con varias cosas. He estado buscando y ya he encontrado cosas como el Text Sizing de thenoodleincident [1] pero como veo que en esta lista hay gente muy experimentada :D ¿tenéis alguna experiencia de este tipo? ¿alguien tiene conocimiento de algún peligro que me pueda acechar trabajando con EMs? En principio ya estoy viendo que para los border mejor uso pixeles... pero para tamaño de texto, dimensiones, margins y paddings tengo toda la intención de trabajar con EMs. Otra cuestión es que quiero utilizar max-width pero IE6 no lo pilla (si no me equivoco IE7 y posteriores si). Ya he encontrado soluciones como incluir expression y añadir algo de javascript, o poner un hack y poner solo para IE widht a secas que en la práctica funciona como si fuera max-width. Pero no se si habrá algo mejor... aunque la verdad sea dicha, los detalles en IE6 cada vez importan menos :D gracias a todos y perdón por el preguntonismo. saludos [1] http://www.thenoodleincident.com/tutorials/typography/index.html ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sustituto para el br style=clear: both;
No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con overflow hidden? En ese caso no lo necesitarias porque el elemento padre de los floats tambien esta flotado y no se produce el bug,. 2009/3/4 Daniel Navarro webpe...@gmail.com He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sustituto para el br style=clear: both;
Bueno pero ese es un armado raro. Para mi eso serían 3 floats con anchos en porcentajes. 2009/3/4 Daniel Navarro webpe...@gmail.com Perdona por no explicarme bien: hay un elemento con floats en su interior, al que se le aplica overflow:hidden para que se extienda y englobe a estos floats interiores. Pero, a su vez, al lado de este elemento también hay floats (las barras laterales en un diseño a tres columnas). Lo mejor es que lo veas en acción. He colgado el ejemplo en: http://webpelon.net78.net/ovillo/2009-mes03-04-overflow_hidden_opera/index.html Nota: no hagas caso al código javascript que incluye este proveedor al final de los documentos. Saludos El 4 de marzo de 2009 21:16, Ignacio Ricci ignacio.ri...@gmail.com escribió: No entiendo bien en caso.Tenes 2 elementos flotados adyacentes y uno con overflow hidden? En ese caso no lo necesitarias porque el elemento padre de los floats tambien esta flotado y no se produce el bug,. 2009/3/4 Daniel Navarro webpe...@gmail.com He tenido problemas en algunos navegadores con esta solución y no me ha servido. Cuando se establece overflow:hidden a un elemento con floats a su lado, Opera calcula mal los márgenes (también Firefox bajo Linux). Si no se le aplica overflow:hidden, Opera calcula los márgenes sin tener en cuenta los floats laterales, pero cuando se establece overflow:hidden los márgenes los calcula respecto de los floats, destrozando el diseño. Mira el mensaje que envié a esta misma lista de Ovillo: http://bidwell.textdrive.com/pipermail/ovillo/2009-February/014880.html Puedes copiar el código y comprobar lo que digo. Saludos. El 4 de marzo de 2009 20:22, Martin Etxauri t...@eragin.com escribió: Aupa No se si la mayoría por aquí conoceréis esto que mando pero ahí va. No convencido del famoso br limpiador con el clear:both para cerrar bien las capas que contienen elementos flotados y que no sobresalgan por encima de estas, he encontrado un artículo [1] donde explican varios métodos y señalan uno como definitivo (o al menos el mejor en su opinión), y es tan simple como ponerle a dicha capa (la contenedora de los elementos flotados) overflow: auto; Yo personalmente he alucinado con el tema y me parece que funciona muy bien. En el mismo artículo advierte que con algunas combinaciones de margin y padding pueden salir algún scroll pero es cuestión de tener cuidado. Espero que sea de utilidad saludos [1] http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formulario con javascript
A mi me molesta que no googleen antes de pedir ayuda. Porque muchas veces es cuestión de investigar un poco.Además esta lista ya es de cualquier cosa menos de CSS. Creo que preguntas de CSS hay 2 de 10. 2009/3/3 Almorca almo...@gmail.com Ante todo decir que estoy de acuerdo con ayudar y yo soy el primero que intento dar soluciones a la gente que pregunta. Pero una cosa es preguntar y otra pedir. A mí lo que no me gusta es que la gente venga a la lista sólo a pedir y encima con prisas; pero si hay gente a la que no le molesta y quiere ayudarle yo encantado de la vida. El 3 de marzo de 2009 17:29, Ramón Corominas lis...@ramoncorominas.comescribió: Ante el vicio de pedir está la virtud de no dar. Tampoco veo la necesidad de dar palos a quien pide, la verdad... Lo que digo es que si no tengo ganas de aportarle a alguien una solución, sea esta una mera idea, una solución parcial o el código completo, pues simplemente no se la doy, pero tampoco veo la necesidad de recriminar a nadie por pedir, sea lo que sea lo que se pida. Saludos, Ramón. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
Para mi es bastante simple: - Pocos colores y colores planos (sin gradientes), usar GIF - Gradientes, Fotos de personas, paisajes, etc, usar JPG - Elementos que necesitan transparencia de calidad, iconos con muchos colores, usar PNG A veces algunos gradientes en JPG quedan con mala continuidad y hay que usar un PNG también. 2009/3/2 Tei oscar.vi...@gmail.com 2009/3/2 Eva García evag...@gmail.com Veo que photoshop no me muestra opción para bajar el peso a las imágenes PNG24 ¿Es habitual utilizar este formato para el diseño Web? PNG se usa bastante, ademas es facil cambiar de 256 --truecolor sin tener que renombrar los ficheros, lo que te llevaria a renombrarlos en el html. Es mejor tener todos los graficos en PNG, excepto las fotos. Las fotos hay que tenerlas en JPG, con una perdida de calidad aceptable, con compresion del 80% pierdes poca calidad, y ahorras mucho peso. Si una foto se pusiera en un formato como PNG, utilizando un algoritmo de compresion sin perdida, el fichero ocuparia bastante. Mas que nada por el ancho x alto, y porque para el algoritmo, tantos colores le resulta dificil de comprimir. Los formatos de 8 bits, ademas suelen permitir reducir la paleta a multiplos de 2. Como 2 colores, 4, 8, 16... lo cual aun reduce mas el peso de las imagenes. -- -- ℱin del ℳensaje. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ejemplo HTML 100% - Para el que lo quiera
Display none no es para nada accesible.Para casos así, generalmente se usa
el posicionamiento 'off-left':
.accesible {position:absolute; top:0; left:-px;}
: )
2009/2/27 Ramón Corominas lis...@ramoncorominas.com
El display: none no lo lee JAWS (y prácticamente ningún lector de
pantalla, como debe ser), y los usuarios de lectores de pantalla
habitualmente no desactivan los estilos, por lo que no accederán a esos
h1, h2, etc.
Además, aunque algunas veces puede ser útil (si se hace bien), en
general es mala idea ocultar visualmente los encabezados, al fin y al
cabo si son encabezados debe ser porque marcan una estructura que
debería ser percibida por todos los usuarios, y no sólo por los de
lector de pantalla.
Saludos,
Ramón.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ejemplo HTML 100% - Para el que lo quiera
Esa función es para lectores de pantalla, y evidentemente no es lo que estas usando.Porque los lectores de pantalla leen el código HTML, no importa como se 'vea' nuestra página. Si tenés una discapacitdad de tipo visual, como falta de visión, y usas un programa como zoomText, podés entender el sitio perfectamente sin ver ese código oculto. Son cosas diferentes. 2009/2/27 Halenita halenita.2...@gmail.com Hola a todos: Y que te hace pensar que las personas discapacitadas desactivamos los estilos css?.. Yo por ejemplo no lo hago. entonces me quedaré sin poder leer tus encabezados o forzosamente tengo que desactivar el css y tener una página sin estilo para poder acceder a la info?. No me queda muy claro la aplicación de la accesibilidad en eso. Es solo a manera de información. Saludos cordiales, Halenita. - Original Message - From: Rafael Ferrero Rodríguez To: Ovillo, la lista de CSS en castellano Sent: Friday, February 27, 2009 3:09 AM Subject: Re: [Ovillo] Ejemplo HTML 100% - Para el que lo quiera Ignacio... los display:none que tú comentas están ahí por algo... no es por antojo ... si te fijas es para los H1, H2, etc... que, desde el punto de vista de la accesibilidad, están pensados para que una persona discapacitada, a la hora de desactivar los estilos CSS (pruébalo en Mozilla) el JAW lo pueda ir leyendo... Al menos hasta donde me llegan mis conocimientos de Accesibilidad... gracias de todos modos por la aportación. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ejemplo HTML 100% - Para el que lo quiera
Mirá ese HTML se podría optimizar muchísimo más y no concuerdo con el uso de elementos con display none cuando no son realmente necesarios.Además hay estilos sobrantes en varios elementos. Igual dentro de todo, está bien. Nacho. On Thu, Feb 26, 2009 at 6:53 PM, Rafael Ferrero Rodríguez constantin...@gmail.com wrote: Os paso el enlace donde he puesto la carpeta con sus estilos css, el html y la carpeta de imágenes... espero que os sirva !!! https://www.yousendit.com/download/U0d5NWNwMHdlaFNGa1E9PQ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ejemplo HTML 100% - Para el que lo quiera
No hace falta 'comprobar' que lo que digo es cierto. Se nota en varias cosas.Cualquier persona con un conocimiento suficiente de CSS estaría de acuerdo. 2009/2/26 ramirex rami...@gmail.com Hola Ignacio, no sería mejor que refutes el código optimizándolo? 2009/2/26 Ignacio Ricci ignacio.ri...@gmail.com: Mirá ese HTML se podría optimizar muchísimo más y no concuerdo con el uso de elementos con display none cuando no son realmente necesarios.Además hay estilos sobrantes en varios elementos. Igual dentro de todo, está bien. Nacho. On Thu, Feb 26, 2009 at 6:53 PM, Rafael Ferrero Rodríguez constantin...@gmail.com wrote: Os paso el enlace donde he puesto la carpeta con sus estilos css, el html y la carpeta de imágenes... espero que os sirva !!! https://www.yousendit.com/download/U0d5NWNwMHdlaFNGa1E9PQ ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo -- --- ramirex - [powered by Linux] - weblog: http://softwarelibre.org.bo/ramirex/weblog/ GPG Key ID: 2C9D8099 ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Me han castigado
Pero de donde sacan estos clientes?Yo ni tomo el trabajo por ridículos. 2009/2/24 Almorca almo...@gmail.com Ha riesgo de parecer un hereje y desde el desconocimiento de ie4 creo que lo mejor va a ser que maquetes usando tablas. El 24 de febrero de 2009 16:13, Mauricio Dulce mauricio.du...@gmail.comescribió: Creo que me han hecho comerme mis palabras, acabo de recibir una llamada de un cliente en donde me dice que le gusto la distribución de la información en los wireframes, pero me pidió algo que no había contemplado, el sitio tiene que funcionar específicamente para ie 4, en otras palabras plataformas con win 95, ya que el sitio esta dirigido a pequeños distribuidores ubicados en pueblos, con equipos p3 y acceso median linea telefonica. En fin creo que va a ser un pequeño reto para mi y para callarme un poco la boca, pero viene mi pregunta, alguno conoce o me puede recomendar la manera adecuada como para plantear la propuesta gráfica sin llevarme sorpresas en la maquetacion, digamos las modales no funcionarían, creo que el css2 tampoco, jquery ni por las curvas, en fin son muchas cosas las que me toca replantear en este proyecto y ya que se que en esta lista existe gente con mas de 10 o 15 años en este negocio, pensé que seria el lugar ideal para empezar con dicho planteamiento, así que desde ya 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Bloquear IE
Usa un CSS condicional, ponele display:none a todo, y hace un div que solo se muestre en IE 6 ;) On Mon, Feb 23, 2009 at 1:37 PM, Mauricio Dulce mauricio.du...@gmail.comwrote: Hola, se que esto va a molestar a muchos pero en fin, necesito saber si alguno tiene un javascript para que los usuarios que ingresen a mi sitio con ie 6 sea redireccionado a otra pagina, donde se les invita a descargar safari, firefox o camino. Gracias Mauricio Dulce ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Eliminar borde en tabla
Muchachos no...
*table {border-collapse:collapse;}*
2009/2/20 Ardilla Roja ardillar...@gmail.com
Puedes resetear todo al principio de tu CSS:
* { Margin: 0; Padding: 0; }
2009/2/20 Andrés zumo_des...@hotmail.com:
¿cellpading=0 y cellspacin=0?
Un saludo.
Andrés Gutiérrez
www.andresgutierrez.net
El 21/02/2009, a las 2:15, Reignerok escribió:
Hola. Estoy haciendo unas pruebas en la página [1], en la que tengo
una
tabla con celdas de diferentes estilos. El problema me viene en que,
a pesar
de haber puesto border=0 en la tabla, me sigue quedando un ligero
espacio
entre cada celda, que me gustaría eliminar. ¿Alguna idea?
Un saludo y gracias.
[1] http://usuarios.lycos.es/reignerok/flags/tipo1.html
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
Ardilla Roja
La Trinchera // ardillaroja.com.mx
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema al posicionar absolutamente
.post tiene position absolute, y debería tener position *relative* :)
On Thu, Feb 19, 2009 at 1:00 AM, Ignacio Aguirre
igna...@independiente.clwrote:
Estimados
Concurro a ustedes, nuevamente, pues me encuentro con un problemita
al que no he encontrado solucion, esperando que ustedes me orienten,
les cuento.
Estoy maqueteando una seccion de articulos, dentro de la caja de cada
articulo hay un titulo, contenido y fecha. La cosa es que la fecha la
estoy posicionando absolutamente (sobre esta caja contenedora que esta
posicionada relativamente). La cosa es que cuando le doy
position:absolute a mi caja, se come al siguiente post (creo que por
que no tiene un alto definido. Como el contenido se genera
dinámicamente, no puedo darle un alto a la caja).
Pego el codigo:
CSS:
---
.post {
width:580px;
height:auto;
float:left;
background:url(imagenes/postbg.jpg) repeat-y;
margin-bottom:20px;
position:absolute;
display:block;
}
h2.titulo-post {
width:560px;
padding-left:20px;
height:73px;
padding-top:14px;
background:url(imagenes/titulo-post.jpg) no-repeat;
font-family:Georgia, Times New Roman, Times, serif;
font-size:18px;
color:#996633;
float:left;
}
.post-contenido {
width:580px;
height:auto;
color:#996633;
float:left;
}
.post-fecha {
position:absolute;
width:100px;
height:25px;
top:13px;
right:31px;
font-family:Georgia, Times New Roman, Times, serif;
font-size:16px;
color:#996633;
font-weight:bold;
text-align:center;
}
HTML:
div class=post
h2 class=titulo-postTITULO DEL POST/h2
div class=post-fecha23 - 3 - 09/div
div class=post-contenido
aqui va el contenido
/div
/div
Esto lo pueden ver en http://www.comunicatoons.cl/articulos/
Se daran cuenta inmediatamente que no se ven los dos que deberian
mostrarse. Si ocupan Firebug, o su símil favorito, y desactivan el
position:absolute de la clase post, todo queda en orden.
Ese es mi problema, espero no haber sido demasiado extenso.
Desde ya agradezco sus comentarios y sugerencias
--
Ignacio Aguirre
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dt y dd en la misma línea
Como ya dije varias veces. Publiquen una URL con la página que están
haciendo cuando piden ayuda, pegando el código acá la verdad que no da
muchas ganas de ayudar.
On Tue, Feb 17, 2009 at 3:12 PM, sebastian garcia-valenciano
sebast...@garcia-valenciano.net wrote:
Hola,
me ha picado la curiosidad, y he probado, mira a ver si se ajusta a lo que
necesitas:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es lang=es
head
titleXHTML+CSS/title
style
dl { border-bottom: 2px solid #0ba0ff; }
dt
{
width: 15em;
padding: 0.5em;
float: left;
margin: 0;
border-top: 1px solid #0ba0ff;
font-weight: bold;
}
dd
{
margin-left: 16em;
padding: 0.5em;
}
dd.first { border-top: 1px solid #0ba0ff; }
/style
/head
body
dl
dtLorem ipsum dolor sit amet,/dt
dd class=firstLorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at, /dd
dtLorem ipsum dolor sit amet,/dt
dd class=firstLorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur enim risus, consequat at, /dd
/dl
/body
/html
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Diseñadora busca programador/a
Eh... a que denominas desarrollador/programador? Porque yo soy maquetador con conocimientos de JS, pero no soy programador. :D 2009/2/10 María Vez maria_...@hotmail.com Hola, soy diseñadora gráfica (sobre todo) y diseñadora web (o lo intento) freelance (esto si, ya que pago religiosamente). Tengo varios proyectos web pendientes pero necesitaría la colaboración remunerada de un desarrollador/programador freelance. Si a alguien le interesa: maria_...@hotmail.com Gracias! Saludos! _ Descubre cómo compartir tus fotos con Windows Live. ¡Pruébalo ya! http://home.live.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema en Opera con overflow: hidden
Probaste agregarle un ancho al contenedor aparte de overflow hidden?
2009/2/10 Daniel Navarro webpe...@gmail.com
Tengo un problema de diseño que no logro resolver para Opera. Estoy usando
Opera 9.63 en WinVista 32bits.
Cuando un elemento contiene flotantes en su interior, éstos pueden
sobresalir de los límites de su contenedor. Una solución que se puede
adoptar para que el contenedor se ensanche con los flotantes consiste en
establecer la propiedad clear:both a algún elemento dentro del contenedor
que esté detrás de los flotantes. Si no se dispone de ninguno, se puede se
colocar de forma artificial en el código html, bien directamente (ej. br
style=clear:both, bien mediante el pseudoelemento :after en las css.
Existen otros métodos como se explica en
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
En el ejemplo que más abajo os muestro, estoy usando el método de Paul
O'Brien que consiste en establecer overflow:auto en el contenedor. También
vale overflow:hidden.
Sin embargo, en cuanto establezco esta declaración Opera calcula de forma
diferente los márgenes y el contenido se estrecha demasiado. Podéis probar
a
incluir o no overflow:hidden para ver su efecto.
Por último, aunque no es de mi agrado, he intentado usar el hack para Opera
html:first-child #contenido {
margin: 0;
}
pero no funciona ¿?
¿alguna idea?
*CÓDIGO HTML*
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es-ES lang=es-ES
head
meta http-equiv=content-type content=text/html; charset=UTF-8 /
titleProblema Opera/title
link rel=stylesheet type=text/css href=estilos.css /
/head
body
div id=bar1
lt;div id=bar1
/div
div id=bar2
lt;div id=bar2
/div
div id=content
h1Problema en Opera 9 con overflow:hidden/h1
El div#content, con fondo rojizo, debe de extenderse para incluir a los dos
párrafos flotantes.
Para ello, se ha establecido overflow: hidden.
Se ha dejado espacio para las barras laterales estableciendo margin: 0
250px;
p id=p1
Párrafo flotante a la izquierda
/p
p id=p2
Párrafo flotante a la derecha
/p
/div !-- Fin #content --
/body
/html
*CSS*
/* Anula rellenos y márgenes predeterminados del navegador */
* {
padding: 0;
margin: 0;
}
#content {
overflow: hidden; /* Declaración con la que se produce el problema en
Opera */
margin: 0 220px; /* espacio para alojar las barras laterales.
Opera lo calcula mal si se establece overflow:hidden
*/
background-color: #fcc;
border: 2px solid red;
}
html:first-child #content {
margin: 0; /* Este hack para Opera no funciona ¿por qué? */
}
p#p1 {
float: left;
width: 250px;
height: 400px;
background-color: #ccf;
}
p#p2 {
float: right;
width: 250px;
height: 400px;
background-color: #cfc;
}
#bar1 {
float: left;
width: 200px;
height: 100px;
background: #eee;
}
#bar2 {
float: right;
width: 200px;
height: 100px;
background: #eee;
}
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Código correcto para mostrar direcció n de contacto
No importa el tag que elijas, ponele display:block; a los elementos y van a quedar uno abajo del otro sin necesitar brs. 2009/2/6 Angel Martin Alganza a...@ugr.es Hola, On Fri, Feb 06, 2009 at 06:47:09AM -0430, Halenita wrote: Hasta donde yo sabía, las direcciones se colocan entre address/addres. La dirección de contacto, generalmente del desarrollador del sitio. Las direcciones deberían ser marcadas con microformatos, como ya han apuntado varias personas en otros mensajes. Un saludo, Ángel ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] PNG como fondos de cualquier elemento.
El pngfix ese es bastante bueno. A mi a veces no me funcionó bien. Probalo y si no te anda, hace un comentario condicinal para IE6 y que cargue un gif en vez de un png. Nacho On Thu, Jan 29, 2009 at 5:59 PM, Mauricio Dulce mauricio.du...@gmail.comwrote: http://labs.unitinteractive.com/unitpngfix.php a mi me funciona, pero debes tener cuidado con los padding's ya que por alguna razon los toma como el alto o el ancho 2009/1/29 Ardilla Roja ardillar...@gmail.com Buen dia a todos, Estoy trabajando en este proyecto: http://kamikazedesarrollo.net/archivos/contrerastrucking/ Ya esta casi listo, solo tengo el problema de los pngs como fondo de un div. Hasta ahorita, la mejor solucion ha sido esta: http://thedesignspace.net/MT2archives/000103.html , que si me sirve para el fondo del contenido principal (fondo semi-trasnsparente del texto). Pero hay un problema, que todos los links y elementos de forma no son 'clickeables'... eso se soluciona haciendo el fondo de 1x1 pixeles... pero pues el menu principal son .png's de fondo, y no puedo hacer eso... Alguien ha logrado implementar una solucion para IE 6 ?... A:R -- Ardilla Roja La Trinchera // ardillaroja.com.mx ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- - Mauricio Dulcce +54 1 5 36179028 Santos Dumont 2475 Capital Federal, Buenos Aires Argentina http://mauricio-dulce.neurona.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Es correcto mezclar id y class?
Si no hay problema en usar clases + ids.
Fijate como dice Mauricio, si se van a repetir, porque podes usar otras
clases tambien.
De todas maneras trata de no usar id's o nombres de clases que definan su
posicion o su aspecto.
#verde, #naranja, #izquierda, no son buenos nombres.
Nacho
2009/1/28 Mauricio Dulce mauricio.du...@gmail.com
Hola, lo mejor es que definas dos class ejemplo
div class=grid_8 naranja Esta columna tiene fondo naranja/div
div class=grid_8 verde Esta columna tiene fondo verde/div
ya que si repides mas de una vez un id, la pagina no va a ser validada
El 28 de enero de 2009 13:15, Quique - somosene.com
qui...@somosene.comescribió:
Hola a todos, mi duda es si a un elemento que ya esta definido como
CLASS se le puede añadir además un iD, seria algo así:
CSS:
-
.grid_8 { width: 620px; }
#naranja { background: orange; }
#verde { background: green; }
HTML
-
div class=grid_8 id=naranja Esta columna tiene fondo naranja/div
div class=grid_8 id=verdeEsta columna tiene fondo verde/div
Así consigo definir un mismo ancho de columna para varias capas, pero
con diferentes estilos cada uno.
Lo he probado en Opera, Safari y Firefox y funciona bien en varios
navegadores y no he encontrado en ningún sitio que no se pueda
utilizar así.
¿es correcto? ¿cumple los estándares CSS?
Gracias
Quique
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
-
Mauricio Dulcce
+54 1 5 36179028
Santos Dumont 2475
Capital Federal, Buenos Aires Argentina
http://mauricio-dulce.neurona.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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Es correcto mezclar id y class?
Si pero por ejemplo si tengo una lista de elementos, y quiero destacar el
1ro,
le puedo dar una clase a todos y agregarle un ID al primero.
Es muy comun hacer eso. No es o usas clases, o usas IDS.
2009/1/28 Tei oscar.vi...@gmail.com
2009/1/28 Quique - somosene.com qui...@somosene.com:
..
¿es correcto? ¿cumple los estándares CSS?
creo que lo unico que tienes que pensar es que en el momento que usas
# es porque ese es un elemento unico en la pagina. Cuando a lo que
quieres hacer referencia no es a un objeto en particular, sino a una
pluraridad de seres que comparten caracteristicas, usas clases.
en realidad son dos cosas distintas, porque un objeto solo puede tener
un id, pero puede tener varias clases
img class=iconografico petulante src=foo.png id=ello/
De tu codigo que nos enseñas no se puede opinar porque esta aqueja
ligeramente de divitis y por tanto toda la informacion semantica esta
en otra parte, o no existe. Quizas es porque nos lo has escrito asi a
modo de ejemplo y no es una cosa real. Desde luego llamar a un id
verde para hacer background-color: verde parece bastante nefasto.
Tras un rediseño de la pagina que solo tocase el CSS podrias tener en
el css para #verde { background-color: blue; lo cual seria un poco
incoherente. Si para cambiar el CSS tienes que modificar el HTML
pierdes gran parte de la potencia de CSS. Pero todo esto ya lo sabras,
y esto seguramente no es mas que un artefacto de lo artificioso de tu
ejemplo.
--
--
ℱin del ℳensaje.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Es correcto mezclar id y class?
Ah y eso no es divitiis. Divitis es anidar muchos elementos
innecesariamente, no usar mal ids o clases :/
2009/1/28 Ignacio Ricci ignacio.ri...@gmail.com
Si pero por ejemplo si tengo una lista de elementos, y quiero destacar el
1ro,
le puedo dar una clase a todos y agregarle un ID al primero.
Es muy comun hacer eso. No es o usas clases, o usas IDS.
2009/1/28 Tei oscar.vi...@gmail.com
2009/1/28 Quique - somosene.com qui...@somosene.com:
..
¿es correcto? ¿cumple los estándares CSS?
creo que lo unico que tienes que pensar es que en el momento que usas
# es porque ese es un elemento unico en la pagina. Cuando a lo que
quieres hacer referencia no es a un objeto en particular, sino a una
pluraridad de seres que comparten caracteristicas, usas clases.
en realidad son dos cosas distintas, porque un objeto solo puede tener
un id, pero puede tener varias clases
img class=iconografico petulante src=foo.png id=ello/
De tu codigo que nos enseñas no se puede opinar porque esta aqueja
ligeramente de divitis y por tanto toda la informacion semantica esta
en otra parte, o no existe. Quizas es porque nos lo has escrito asi a
modo de ejemplo y no es una cosa real. Desde luego llamar a un id
verde para hacer background-color: verde parece bastante nefasto.
Tras un rediseño de la pagina que solo tocase el CSS podrias tener en
el css para #verde { background-color: blue; lo cual seria un poco
incoherente. Si para cambiar el CSS tienes que modificar el HTML
pierdes gran parte de la potencia de CSS. Pero todo esto ya lo sabras,
y esto seguramente no es mas que un artefacto de lo artificioso de tu
ejemplo.
--
--
ℱin del ℳensaje.
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.com
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ancho de 100% y alto de 100% a un textarea
a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- Franky Leonard email: frankyleon...@gmail.com skype: frankyleonard1 msn: frankyleona...@yahoo.com.ar mobile: (+54911) 3061-4074 ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ancho de 100% y alto de 100% a un textarea
Si funciona. Pero su elemento padre debe tener un ancho/alto definido.
div style=width:300px; height:300px
textarea rows= cols= style=width:100%; height:100%;/textarea
/div
2009/1/27 Segundo Serrano sserr...@jabs.com.pe
parece que no funciona en firefox no?
Segundo Serrano
- Original Message -
From: Ignacio Ricci
To: Ovillo, la lista de CSS en castellano
Sent: Tuesday, January 27, 2009 3:06 PM
Subject: Re: [Ovillo] Ancho de 100% y alto de 100% a un textarea
*textarea {width:100%; height:100%;}* :p
2009/1/27 Segundo Serrano sserr...@jabs.com.pe
Cómo están,
hay forma de darle alto y ancho de 100% a un textarea? digamos el ancho
y
alto de un td
dado que este elemento se maneja con rows y columns no?
Gracias por anticipado.
Segundo Serrano
- Original Message -
From: Franky Leonard
To: Ovillo, la lista de CSS en castellano
Sent: Tuesday, January 27, 2009 6:23 AM
Subject: Re: [Ovillo] Maquetar sitio para discapacitados visuales
Buenas,Un detalle más:
En Acceso Web (también aquí pero en el otro grupo son más específicos
en
la
temática) encontrarás voluntarios para revisar tus sitios, chequear su
nivel
de Accesibilidad (hay desde especialistas en programación hasta
usuarios
de
todas las discapacidades) y aconcejarte sobre las mejores prácticas.
Siguiendo lo planteado por Alenita. Cuando planteas un sitio Accesible,
sin
quererlo, estás incluyendo a TODOS los futuros usuarios: por Capacidad
tecnológica, de conexión, de entorno de uso, capacidades físicas y de
software.
saludos
Franky
El 27 de enero de 2009 6:26, Almorca almo...@gmail.com escribió:
Para crear la plantilla de tu web te recomiendo seguir las
directrices
de
este genial artículo,
http://olgacarreras.blogspot.com/2007/02/plantilla-base-xhtml.html
El 27 de enero de 2009 4:24, Mauricio Dulce
mauricio.du...@gmail.com
escribió:
Muchas gracias a todos, apenas tenga avances sobre el proyecto que
voy
a desarrollar pondré el link, haber si logramos que nuestros
gobiernos
en realidad se interesen por todos y no por unos pocos, suena un
poco
político, pero de cierta manera somos comunicadores y creo que es
nuestro deber
Gracias
El 26/01/2009, a las 19:33, Halenita escribió:
Buenas a todos:
un par de detalles nada mas. Mauricio, lindo que quieras incluir
a
las personas con discapacidad visual, pero mejor aún si pensaras
en
todo usuario. De paso decirte, que no solo los ciegos totales se
ven
afectados con un diseño excluyente (por llamarlo de alguna
manera)
las personas que tienen resto visual, padecen bastante también de
esa clase de diseños. Los discapacitados visuales no solo
utilizan
lectores de pantalla, quienes tienen resto visual suelen usar
magnificadores por ejemplo. algunos otros tienen problemas de
percepción de color. Pero para no extenderme demasiado y ser
concreta, si quieres colaborar, empieza por hacer código html o
xhtml limpio, pues es lo que detectan los lectores de pantalla.
El
que utilizes jaws para probar tus desarrollos no implica que
usuarios de linux o mac queden fuera si sigues los estándares. No
puedo hablar mucho por Mac, porque no tengo un imac para probar
el
voice over .. perocreo que son pocos los ciegos totales
dedicados
únicamente a usar mac. Respecto a NVDA, no funciona en linux, ya
que
está desarrollado para windows.
Si desarrollas web dinámicas, intenta no abusar (por mi diría que
nadie lo use pero no quiero ser extremista) de los flash y las
animaciones que hacen que las páginas se muevan; tampoco eso de
refrescar las páginas es muy grato. Normalmente la mayoría de
lectores trabajan utilizando un foco y si la página se mueve
constantemente el foco se pierde y con él, el usuario.
Espero te sirva la información. Ojo que esas cosas no solo
afectan a
los ciegos y deficientes visuales, pero como te centraste en eso,
salté.
Saludos cordiales,
Hale.
- Original Message -
From: jEsuSdA 8)
To: Ovillo, la lista de CSS en castellano
Sent: Monday, January 26, 2009 6:26 PM
Subject: Re: [Ovillo] Maquetar sitio para discapacitados
visuales
El Lunes, 26 de Enero de 2009 23:08:50 Mauricio Dulce escribió:
Vale Gracias Ignacio, pero no existe alguna opcion diferente
digamos si soy
usuario linux o mac no podria usar este tipo de solosion,
seguire
investigando
Te dejo un par de
Re: [Ovillo] borde negro en IE sobre inputs de form
No probaste con darle border:none; al input o al button? Yo uso fondos en botones y no tengo problemas. Y por favor de ahora en adelante a varios, si pueden dejar una URL de su ejemplo funcionando es mejor. Porque la verdad que dudo que alguien se tome el trabajo de hacer 1 nuevo html copiando su codigo y probandolo localmente. Seamos más prácticos a la hora de pedir ayuda al resto, y recibiremos respuestas más rápidas. Lo digo en general. Sebastian no es el unico que deja su codigo en alguna web, ya hay varios. Nacho. 2009/1/26 sebastian garcia-valenciano sebast...@garcia-valenciano.net Me he dado cuenta que en IE 7 y Opera 9.5 cuando a un input type=submit o button se le aplica una imagen de fondo, aparece un borde negro de 1px alrededor del botón. Lo curioso es que el borde aparece no sólo cuando el focus se encuentra no sólo sobre él, sino sobre cualquier input del formulario. podeis probar el siguiente código en IE 7 y ver cómo aparece el borde negro. http://pastebin.com/m3ca933c5 Sólo ocurre cuando tiene una imagen de fondo. Al quitarsela desaparece el extraño borde. He investigado un poco, y un posible solución es NO darle una imagen de fondo al botón, sino aplicar la imagen de fondo a un span que contenga el botón, como en este ejemplo: http://pastebin.com/m32dfe5ab Si comprobais este último ejemplo, el borde negro ya no aparece. Pero claro, ya no me parece un código tan limpio, y tienes que añadir más código CSS para conseguir el mismo efecto... ¿os ha surgido alguna vez este problema? gracias de antemano sebas ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] probar desarrollos en IE 6 sobre Windows Vista
Yo no recomiendo multiple IE por 3 razones. - Tiene problemas de cache, actualizas y te queda el viejo, incluso con forced reload (ctrl+f5) - Tiene problemas con el funcionamiento de algunos swfs. - Tiene problemas con el completado de elementos de formulario. Yo instale IE6 nativo, y use el software IE7 Standalone, el cual no te pisa la version anterior. Nacho 2009/1/26 Alberto Vázquez tet...@hotmail.com Yo estoy utilizando http://tredosoft.com/Multiple_IE y consigo tener instalados varios IE en la misma máquina, sin máquinas virtuales. No he tenido nunca ni el más mínimo conflicto de versiones y llevo con ellos instalados casi medio año, eso sí, yo mantengo XP. En la página hay un enlace para instalar IE6 en Vista. A ver si tienes suerte. Hasta encontrar este software he intentado 1 combinaciones pero con multiple_IE estoy muy contento. A ver si funciona bien en Vista, suerte. -- From: sebastian garcia-valenciano sebast...@garcia-valenciano.net Sent: Friday, January 23, 2009 10:30 AM To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: [Ovillo] probar desarrollos en IE 6 sobre Windows Vista Hola, hace poco decidí dejar de usar el formato GIF (aunque su patente haya expirado) y pasarme al PNG (recomendado por el W3C). El problema como sabeis son las transparencias en IE6. He estado investigando las diferentes soluciones con JS, el problema es que no las he podido comprobar ya que tengo IE7 (sobre windows vista). He googleado especialmente en la lista Ovillo, y de momento todo lo que he probado falla: 1. Simulador IETester ( http://www.my-debugbar.com/wiki/IETester/HomePage ) En un principio funciona, pero al simular IE6 las transparencias no las respeta en páginas donde supuestamente están preparadas para ello, como por ejemplo estas: http://www.bpsite.net/miniemotes/index.html http://www.twinhelix.com/css/iepngfix/demo/ ¿Quizás no haga bien la simulación? 2. IE 6 for Vista ( http://tredosoft.com/IE6_For_Vista_Part_1 ) Pese a ejecutarlo con compatibilidad para xxx me es imposible ejecutarlo sobre Vista. 3. Multiple IE( http://tredosoft.com/Multiple_IE ) NO funciona en Windows Vistam ,para este SO reenvian a IE 6 Standalone 4. IE 6 standalone ( http://browsers.evolt.org/?/ie/32bit/standalone ) Me da problemas sobre windows Vista :( ¿Alguna otra solución? gracias! in advanced! saludos sebas ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Maquetar sitio para discapacitados visuales
Mira realmente no es tan dificil como algunos piensan. Es siemplemente hacer un buen HTML. Basicamente es usar titles, alts y labels en formularios, osea básico. Te recomiendo bajarte el jaws, el software mas usado por ciegos para navegar webs. http://www.freedomscientific.com/products/fs/jaws-product-page.asp Proba navegar sitios con eso (con los ojos cerrados :D) y fijate que sirve y que no sirve. Nacho On Mon, Jan 26, 2009 at 6:47 PM, Mauricio Dulce mauricio.du...@gmail.comwrote: Hola a todos, esto es algo por lo que siento curiosidad y no se por donde arrancar, ya que muchos de nosotros nos preocupamos de que nuestros sitios sean accesibles desde cualquier navegador, tambien que funcionen de una manera correcta y que disponga de una navegacion clara, entre menos clics mas usuarios fieles logramos, pero que pasa con aquellos que no pueden ver, necesitan consultar algun tipo de informacion y por su discapacidad no pueden obtenerla por que al plantear el proyecto los excluyo desde la fase de boceto hasta su produccion. Estoy por arrancar un nuevo proyecto y deseo que sea 100% accequible para cualquier tipo de usuario, pero en realidad no tengo las pautas y no se por donde empezar, en google hablan de ello, pero no dan recomendaciones claras o si al codigo html toca agregarle algun tipo de codigo para que los dispositivos braile que se encargan de transformar lo que esta en pantalla en impulsos gracias desde ya - Mauricio Dulcce +54 1 5 36179028 Santos Dumont 2475 Capital Federal, Buenos Aires Argentina http://mauricio-dulce.neurona.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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] borde negro en IE sobre inputs de form
Mira estuve probando un rato y por lo visto la solución que encontraste es un 'workaround' correcto para el problema. La verdad que nunca había tenido este problema antes. Después voy a seguir chusmeando a ver si encuentro algo. Nacho 2009/1/26 sebastian garcia-valenciano sebast...@garcia-valenciano.net No probaste con darle border:none; al input o al button? Yo uso fondos en botones y no tengo problemas. Y por favor de ahora en adelante a varios, si pueden dejar una URL de su ejemplo funcionando es mejor. Además de una imagen de fondo, quiero tener un borde, por eso no puedo usar border:none; Tienes mucha razón, si que preparé las urls funcionando pero no las adjunté, aqui van: Botón con el border sospechoso: http://www.desenredate.com/ovillo/input.html Posible solución, envolviendo el botón en un span: http://www.desenredate.com/ovillo/span.html verlo en IE 7 para ver los efectos. 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] test
Eh? Spameada On Thu, Jan 22, 2009 at 1:27 PM, Paradix ;) rayn...@infomed.sld.cu wrote: -- Paradix ;) Haciendo abogacía por el soft libre adonde voy -- Infomed - Red de Salud de Cuba http://www.sld.cu/ --- Red Telematica de Salud - Cuba CNICM - Infomed ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con Footer
Si yo probe hasta copiando el codigo e igual me faltan muchas cosas. Pasa un link en 'vido y en directo' para poder verlo ahi Nacho 2009/1/19 Daniel Navarro webpe...@gmail.com Hola. Es mejor que adjuntes un enlace a la página en vez de al código. Con la página delante y herramientas como el complemento de firefox web developer toolbar es más sencillo estudiarla. Supongo que lo que quieres es un pie que permanezca en la parte inferior de la ventana hasta que el contenido se haga lo suficientemente amplio como para desplazarlo. Si es así mira en http://www.csslab.cl/2006/11/06/%C2%A1abajo/ Si no es eso lo que quieres no dudes en corregirme pero sería conveniente que dejaras un enlace a tu página. Un proveedor gratuito y sin propaganda donde puedes alojarla lo tienes en http://www.000webhost.com/. Saludos. 2009/1/19 Mauricio Dulce mauricio.du...@gmail.com Hola, buenos dias, estoy teniendo problemas con el loyout de una pagina que estoy maquetando, el cual consiste en que el footer se me esta montando encima de los contenidos, ya que le tengo un contenedor con el 100% de alto para que este me envie el fotter al final, el cual a su vez se encuentra con una margen negativa para que se me ubique en el 100% en dado caso de que el contenio no sea suficiente y no me genere scrooll pego condigo html y css Html http://pastie.org/364559 Css http://pastie.org/364562 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con Footer
Igual desde ya te digo que no es necesario darle a nada height 100% para que un footer quede abajo. Podes darle un position:fixed, o un position:absolute. SI usas fixed usa un hack para el IE6 que no lo toma Nacho 2009/1/19 Mauricio Dulce mauricio.du...@gmail.com Hola, gracias a todos por responder, el problema es que es una aplicación que esta hecha en rails y esta en pre producción, por lo que solo se puede ver desde mi maquina, voy a ver puedo hacer algo con el sitesucker y la publico en el hostgin gratuito. Gracias a todos por tomarse el tiempo para ayudarme con esto. El 19/01/2009, a las 19:57, Ignacio Ricci escribió: Si yo probe hasta copiando el codigo e igual me faltan muchas cosas. Pasa un link en 'vido y en directo' para poder verlo ahi Nacho 2009/1/19 Daniel Navarro webpe...@gmail.com Hola. Es mejor que adjuntes un enlace a la página en vez de al código. Con la página delante y herramientas como el complemento de firefox web developer toolbar es más sencillo estudiarla. Supongo que lo que quieres es un pie que permanezca en la parte inferior de la ventana hasta que el contenido se haga lo suficientemente amplio como para desplazarlo. Si es así mira en http://www.csslab.cl/2006/11/06/%C2%A1abajo/ Si no es eso lo que quieres no dudes en corregirme pero sería conveniente que dejaras un enlace a tu página. Un proveedor gratuito y sin propaganda donde puedes alojarla lo tienes en http://www.000webhost.com/. Saludos. 2009/1/19 Mauricio Dulce mauricio.du...@gmail.com Hola, buenos dias, estoy teniendo problemas con el loyout de una pagina que estoy maquetando, el cual consiste en que el footer se me esta montando encima de los contenidos, ya que le tengo un contenedor con el 100% de alto para que este me envie el fotter al final, el cual a su vez se encuentra con una margen negativa para que se me ubique en el 100% en dado caso de que el contenio no sea suficiente y no me genere scrooll pego condigo html y css Html http://pastie.org/364559 Css http://pastie.org/364562 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- ↓ Ignacio Ricci www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Ese selector no es crossbrowser...
Podes usar javascript para seleccionar ese elemento y que haga algo.
On Sat, Jan 17, 2009 at 12:09 PM, Rumoroso rumor...@gmail.com wrote:
Necesito seleccionar la única etiqueta a del div#enviar que tiene color
#f30.
Estoy probando con esto, pero no me funciona
#page #content #enviar a:link[color=#f30]{margin:5px 0 0 5px;}
Supongo que ya lo habrás pensado, pero por si acaso... si es el único
enlace que tiene ese color, ¿no será porque tiene definida una clase o
un identificador?
Un saludo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] selector css
Buen si , porque en realidad esta mal usado el ID. No debería haber más de 1
elemento con el mismo id en esa pagina.
2009/1/17 Victor Hugo Arias Valencia hugovic1...@gmail.com
A mi me gusta la respuesta de rumoroso, si es la unica etiqueta con ese
color, pues seguro tiene una clase, a la cual le puedes aplicar los estilos
que dices...
El 17 de enero de 2009 14:05, Daniel Navarro webpe...@gmail.com
escribió:
Hola, Andrés.
El selector que estás usando se denomina selector de atributo. IE6 no
soporta este selector pero los navegadores más modernos sí. No has
indicado
el código html pero, para que funcione, color tiene que ser un atributo
de
a:
a href=# color=#f30Esto es un enlace/a
Sin embargo, este código tiene varios inconvenientes. Por un lado,
color
no es un atributo válido que puedas incluir en la etiqueta a. Por otro,
estás indicando información de estilo (nada menos que el color) en el
documento html y éste se debe de reservar para mostrar sólo la estructura
y
el contenido de la página.
Si lo que tienes en el html es algo parecido a:
a href=# style=color: #f30Esto es un enlace/a
(o con el color indicado en una hoja de estilos externa)
entonces la regla css anterior no va a funcionar en ningún navegador y,
como
dice Ignacio Ricci, mejor busca una solución javascript.
Saludos.
2009/1/17 Andres zumo_des...@hotmail.com
Hola,
Necesito seleccionar la única etiqueta a del div#enviar que tiene color
#f30.
Estoy probando con esto, pero no me funciona
#page #content #enviar a:link[color=#f30]{margin:5px 0 0 5px;}
¿Alguna sugerencia?.
¿Como funcionan estos selectores en ie?.
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
Tutor - Soporte
Conocimiento Virtual Academia
www.ConocimientoVirtual.edu.co
www.ConocimientoVirtual.edu.co/foro
___
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://lists.ovillo.org/mailman/listinfo/ovillo
--
↓ Ignacio Ricci
www.ignacioricci.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://lists.ovillo.org/mailman/listinfo/ovillo
