Re: [Ovillo] Problemas con float/clear
Hola a todos. Os cuento el problema a ver si me podeis echar un cable. Se trata que cuando haces un clear, este afecta no al elemento que flota en la capa contendora sino que afecta a otros elementos anteriores que estuvieran flotando. Os pongo mejor un ejemplo: http://www.rebollosablon.es/pruebas/columnas.htm Al tener una maquetación a 3 columnas con la col izquierda con float left, si en la columna central tengo un contenido que también lleva un float left y quiero luego introducir un clear, este clear me afecta no sólo al contedido de la columna central si no que me afecta a la columna izquierda. En el ejemplo se ve claro. ¿Hay alguna manera de restringir el clear a su elemento con float mas próximo?? Saludos y gracias. Juan Rebollo Hola Sí esa es una cagadilla del clear que a veces me vuelve loca. En el caso que presentas, lo más sencillo parece meter cada contenido que flota en un div al que asignas overflow: auto; Así te olvidas de clears, los contenidos quedan bien colocados, y además puedes ajustar con facilidad la distancia entre ellos utilizando márgenes. Suerte Eva ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sobre label
On 7/10/06, Quasi [EMAIL PROTECTED] wrote: 1.- Puede asociarse a cualquier otro tipo de componente de un formulario. Esto supongo que será así. Sí (salvo que haya algúna excepción para el elemento BUTTON). Para el punto 2, todo lo que dice carlos antes. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con float/clear
Hola te inserto aqui tu codigo una vez solventado el tema. Espero que fuera lo que quieres conseguir. Te he resaltado en negrita los cambios he sacado el hr de los divs y he creado un estilo para las cajas !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; head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleProblema float/title style type=text/css !-- * { margin: 0; padding: 0; } body { font: 14px normal tahoma; text-align: center; } div#c1 { margin: 0; border: 1px solid red; padding: 0; height: 400px; width: 150px; float: left; } div#c3 { margin: 0; border: 1px solid red; padding: 0; height: 400px; width: 150px; float: right; } div#c2 { margin: 0 154px 0 154px; border: 1px solid green; padding: 0 8px; text-align: left; width:auto; height:auto; } .flota { width: 130px; height: 110px; color: #fff; background: #000; float: left; } hr { } #caja {width:auto; height:100%; margin-bottom:5px;} -- /style /head body div id=c1 pColumna Izquierdabr / (float left)/p /div div id=c3 pColumna Derechabr / (float right) /p /div div id=c2 h2Columna Central/h2 div id=caja p class=flotaContenido que flota/p pUn texto bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla/p /div hr / div id=caja p class=flotaOtro que flota/p pEl lt;hrgt; justo encima y todo este texto deberían estar justo debajo de la caja negra al lado de Un texto bla bla bla... pero como el lt;hrgt; superior tiene un clear left, quot;limpiaquot; tanto el float de la caja negra como el de la columna izquierda./p hr / /div /div /body /html - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con float/clear
body div id=c1 pColumna Izquierdabr / (float left)/p /div div id=c3 pColumna Derechabr / (float right) /p /div div id=c2 h2Columna Central/h2 div id=caja p class=flotaContenido que flota/p pUn texto bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla/p /div hr / div id=caja p class=flotaOtro que flota/p pEl lt;hrgt; justo encima y todo este texto deberían estar justo debajo de la caja negra al lado de Un texto bla bla bla... pero como el lt;hrgt; superior tiene un clear left, quot;limpiaquot; tanto el float de la caja negra como el de la columna izquierda./p hr / /div /div /body /html Cuidado, que has puesto div id=caja donde debería poner div class=caja, ya que no puedes tener varios objetos con el mismo id... Lógicamente también hay que cambiar #caja por .caja en las css. El resto no lo he mirado, pero eso me ha cantado... Eva ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con float/clear
si es verdad las prisas son malas consejeras gracias eva espero que le sirva, y creo que la posible solución a lo que el queria podria ser esa Eva del Campo [EMAIL PROTECTED] escribió: Columna Izquierda (float left) Columna Derecha (float right) Columna Central Contenido que flota Un texto bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla - Otro que flota El hr justo encima y todo este texto deberían estar justo debajo de la caja negra al lado de Un texto bla bla bla... pero como el hr superior tiene un clear left, limpia tanto el float de la caja negra como el de la columna izquierda. - Cuidado, que has puesto donde debería poner class=caja, ya que no puedes tener varios objetos con el mismo id... Lógicamente también hay que cambiar #caja por .caja en las css. El resto no lo he mirado, pero eso me ha cantado... Eva ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con float/clear
Cojonudo!, con perdon. :-) Encerrando lo que flota en un div y dandole como me comentabas un height:100%; todo ok! Y quitando el clear, claro. Con overflow: auto, no se soluciona en cambio. Gracias de nuevo!! - Original Message - From: nicolas carrera [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, July 10, 2006 1:29 PM Subject: Re: [Ovillo] Problemas con float/clear Hola te inserto aqui tu codigo una vez solventado el tema. Espero que fuera lo que quieres conseguir. Te he resaltado en negrita los cambios he sacado el hr de los divs y he creado un estilo para las cajas !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; head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleProblema float/title style type=text/css !-- * { margin: 0; padding: 0; } body { font: 14px normal tahoma; text-align: center; } div#c1 { margin: 0; border: 1px solid red; padding: 0; height: 400px; width: 150px; float: left; } div#c3 { margin: 0; border: 1px solid red; padding: 0; height: 400px; width: 150px; float: right; } div#c2 { margin: 0 154px 0 154px; border: 1px solid green; padding: 0 8px; text-align: left; width:auto; height:auto; } .flota { width: 130px; height: 110px; color: #fff; background: #000; float: left; } hr { } #caja {width:auto; height:100%; margin-bottom:5px;} -- /style /head body div id=c1 pColumna Izquierdabr / (float left)/p /div div id=c3 pColumna Derechabr / (float right) /p /div div id=c2 h2Columna Central/h2 div id=caja p class=flotaContenido que flota/p pUn texto bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla/p /div hr / div id=caja p class=flotaOtro que flota/p pEl lt;hrgt; justo encima y todo este texto deberían estar justo debajo de la caja negra al lado de Un texto bla bla bla... pero como el lt;hrgt; superior tiene un clear left, quot;limpiaquot; tanto el float de la caja negra como el de la columna izquierda./p hr / /div /div /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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con float/clear
¡ Me alegro ! :D) - LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sobre label
El 10/07/2006, a las 10:38, carlos campderrós escribió: Las dos maneras son correctas, si bien se aconseja el contener el input dentro del label para hacer explícita la relación, y también de cara a agentes de usuario antiguos, que no interpretan bien cuando se situan los labels al lado del input. En algunas herramientas para comprobar la accesibilidad de una web, te marcan ésto (el tenerlos separados) como un punto a mejorar y te sugieren que los anides. Buenas. Hay un hilo de la lista que quizá pueda ayudar en todo esto: [Ovillo] Formulario accesible Tue, 25 Apr 2006 08:29:09 -0700 http://www.mail-archive.com/ovillo@lists.ovillo.org/msg09769.html Saludos!! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con float/clear
Cojonudo!, con perdon. :-) Encerrando lo que flota en un div y dandole como me comentabas un height:100%; todo ok! Y quitando el clear, claro. Con overflow: auto, no se soluciona en cambio. Si no pones overflow: auto, no se verá bien en ningún navegador sobre osx (mac). Probado en firefox, mozilla, y safari... ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT]div y dreamweaver
Buenas tardes, Pongo un div para poder mover a mi gusto los datos que esten dentro de el pero el dreamweaver en diseño no me saca la caja para poder moverlo a mi gusto en diseño. El codigo es el siguiente: div id=colIzq style=height=40 Columna izquierda/div ¿alguna idea? Gracias. Un saludo. aitiba ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT]div y dreamweaver
Buenas! Creo que para que el Dreamweaver te de la posibilidad de moverlo con el cursor, tenés que darle posición absoluta: position: absolute; top: 0; left: 0; supongo que con eso ya debiera dejarte moverlo a gusto, y cambiará automáticamente los valores de TOP y LEFT. saludos, Lucas -- === LucasMourelle - desarrollos rgb === 6343-1705 // 15-5052-1468 [EMAIL PROTECTED] === aitiba wrote: Buenas tardes, Pongo un div para poder mover a mi gusto los datos que esten dentro de el pero el dreamweaver en diseño no me saca la caja para poder moverlo a mi gusto en diseño. El codigo es el siguiente: div id=colIzq style=height=40 Columna izquierda/div ¿alguna idea? Gracias. Un saludo. aitiba ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT]div y dreamweaver
Buenas! He puesto las propiedades esas y funciona pero como he aprendido en controlar eso pues ya no lo necestiso. UN preguntilla: ¿los height y width: que es mejor ponerlos en porcentaje o en px? Gracias por la ayuda. El día 10/07/06, Lucas Mourelle [EMAIL PROTECTED] escribió: Buenas! Creo que para que el Dreamweaver te de la posibilidad de moverlo con el cursor, tenés que darle posición absoluta: position: absolute; top: 0; left: 0; supongo que con eso ya debiera dejarte moverlo a gusto, y cambiará automáticamente los valores de TOP y LEFT. saludos, Lucas -- === LucasMourelle - desarrollos rgb === 6343-1705 // 15-5052-1468 [EMAIL PROTECTED] === aitiba wrote: Buenas tardes, Pongo un div para poder mover a mi gusto los datos que esten dentro de el pero el dreamweaver en diseño no me saca la caja para poder moverlo a mi gusto en diseño. El codigo es el siguiente: div id=colIzq style=height=40 Columna izquierda/div ¿alguna idea? Gracias. Un saludo. aitiba ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT]div y dreamweaver
aitiba escribió: He puesto las propiedades esas y funciona pero como he aprendido en controlar eso pues ya no lo necestiso. UN preguntilla: ¿los height y width: que es mejor ponerlos en porcentaje o en px? Pues depende de lo que contengan, si por ejemplo llevan textos lo mejor es utilizar em con lo que controlas con facilidad la cantidad de caracteres que quieres que entren independientemente del tamaño de letra que tenga el usuario, ya que 1em equivale más o menos al tamaño de la letra m. -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
Pues nada que ahora me encuentro en este mismo problema, el caso es que antes tenía puesto en mi CSS lo siguiente: body { font-size: 76%; } Pero hace unos días atrás me encontré en el CSS de Diseñorama lo siguiente: body { font-size: 62.5%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ } La pregunta es cual de los dos es el correcto para usar. Lo otro que me he podido dar cuenta, creo yo, es que cuando por ejemplo establezco esa propiedad de font-size entonces todos los elementos (h1,h2,div,p) a los cuales aplique esa propiedad me toman esos valores dependiendo del aplicado al body o no? Me explico un poco mejor. Si por ejemplo tengo esto: body { font-size: 76%; } Y luego aplico esto a un h1 h1 { font-size: 94%; } Ese 94% del h1 se le calcula al 76% anterior del body o a que? Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Poner pie a imagen
No desafortunadamente no tengo forma de enseñarte la página, pienso a finales de este mes ponerla ya en el hosting que me van a asignar para ello pero por ahora nada. Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Hugo A. Valencia Enviado el: Sunday, July 09, 2006 10:31 PM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Poner pie a imagen Hola Reynier, no entiendo cuál es el problema que tienes para crear le pié de imágen, ¿podrías mandar la dirección donde estás probándolo? El 8/07/06, Reynier Perez Mira[EMAIL PROTECTED] escribió: Hola: Necesito poner un pie de imagen y no se como hacerlo. Es algo como lo que usan los periódicos para la descripción de una imagen X. No se si aquí en la lista ya se ha tratado el tema pero si ya lo hicieron me disculpan, el caso es que no encontré los mensajes. Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo -- Hugo A. Valencia ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Ayuda con posicionamiento de imagenes en formulario accesible y con CSS
Me he dado a la tarea de pasar el sitio que hice el año pasado con tablas, mal de mi parte, a CSS y ya casi lo logro. Todo está validado al 100% con el validador de la W3C tanto en lo que a XHTML se refiere como a CSS, ambos dos son válidos. Ahora solo me resta hacer algunas cosas que expongo una de ellas aquí a ver si me pueden ayudar porque no se me ocurre como hacerlo sin tablas. Entren a está página: http://www.jovenclub.cu/grm/librodevisitas.php?opt=firmar Si ven hay unas cuantas caritas ahí, lo que quiero hacer es posicionarlas nuevamente de esa misma forma pero sin hacer uso de tablas. Se les ocurre alguna forma? Ahhh !!! El sitio estará online pronto, quizás para Agosto o Septiembre porque aún estoy programando y ahora viene el período vacacional por lo que me separo de la PC para dedicarme a otro tipo de ocio. Salu2 y esperando por sus respuestas -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
On 7/10/06, Reynier Perez Mira [EMAIL PROTECTED] wrote: Me explico un poco mejor. Si por ejemplo tengo esto: body { font-size: 76%; } Y luego aplico esto a un h1 h1 { font-size: 94%; } Ese 94% del h1 se le calcula al 76% anterior del body o a que? El 100% de H1 es el 76% de BODY, por lo que tu H1 tendría una fuente un tanto más que pequeña que el resto del texto. Si tuvieras BODY H1 SPAN, el 100% del SPAN sería el 94% del H1. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con posicionamiento de imagenes en formulario accesible y con CSS
En el caso de las caras, desde mi punto de vista, no es presentación, por lo que no estaría mal que utilizases tablas para organizarlas. De todos modos, se podría hacer por medio de css por medio de (1) un div en el que quepan de ancho 3 imágenes con padding o, tentiendo en cuenta que el IE se lía con los padding, (2) dos divs uno dentro del otro y centrado (es lo primero que se me viene a la cabeza). (1) CSS: div#smileys { width: (el ancho de 3 caras); padding: 20px; } HTML: ... div id=smileysImagen1 imagen2.../div ... (2) CSS: div#contenedor { width: (el ancho de 3 caras + 2*padding); text-align: center; } div#smileys { width: (ancho de 3 caras); margin: 0 auto; text-align: left; /* ¿se hereda text-align? */ } HTML: ... div id=contenedor div id=smileysImagen1 Imagen2.../div /div ... Igual son un poco cutres las formas de hacerlo, pero espero que te sirvan de algo. Un saludo, Nika. On 7/10/06, Reynier Perez Mira [EMAIL PROTECTED] wrote: Me he dado a la tarea de pasar el sitio que hice el año pasado con tablas, mal de mi parte, a CSS y ya casi lo logro. Todo está validado al 100% con el validador de la W3C tanto en lo que a XHTML se refiere como a CSS, ambos dos son válidos. Ahora solo me resta hacer algunas cosas que expongo una de ellas aquí a ver si me pueden ayudar porque no se me ocurre como hacerlo sin tablas. Entren a está página: http://www.jovenclub.cu/grm/librodevisitas.php?opt=firmar Si ven hay unas cuantas caritas ahí, lo que quiero hacer es posicionarlas nuevamente de esa misma forma pero sin hacer uso de tablas. Se les ocurre alguna forma? Ahhh !!! El sitio estará online pronto, quizás para Agosto o Septiembre porque aún estoy programando y ahora viene el período vacacional por lo que me separo de la PC para dedicarme a otro tipo de ocio. Salu2 y esperando por sus respuestas -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] font-size 62,5% es igual a 10px
Ya entendido al 100% depende de la herencia de los components HTML. Salu2 y gracias por la respuesta -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Federico MP Enviado el: Monday, July 10, 2006 6:46 PM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] font-size 62,5% es igual a 10px On 7/10/06, Reynier Perez Mira [EMAIL PROTECTED] wrote: Me explico un poco mejor. Si por ejemplo tengo esto: body { font-size: 76%; } Y luego aplico esto a un h1 h1 { font-size: 94%; } Ese 94% del h1 se le calcula al 76% anterior del body o a que? El 100% de H1 es el 76% de BODY, por lo que tu H1 tendría una fuente un tanto más que pequeña que el resto del texto. Si tuvieras BODY H1 SPAN, el 100% del SPAN sería el 94% del H1. -- Federico MP http://511.dabomb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con posicionamiento de imagenes en formularioaccesible y con CSS
Gracias por responder. Esperare por otras respuestas si las hay porque no quiero tener nada que me huela a tabla en el sitio. Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Nika Vidal Enviado el: Monday, July 10, 2006 6:47 PM Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ayuda con posicionamiento de imagenes en formularioaccesible y con CSS En el caso de las caras, desde mi punto de vista, no es presentación, por lo que no estaría mal que utilizases tablas para organizarlas. De todos modos, se podría hacer por medio de css por medio de (1) un div en el que quepan de ancho 3 imágenes con padding o, tentiendo en cuenta que el IE se lía con los padding, (2) dos divs uno dentro del otro y centrado (es lo primero que se me viene a la cabeza). (1) CSS: div#smileys { width: (el ancho de 3 caras); padding: 20px; } HTML: ... div id=smileysImagen1 imagen2.../div ... (2) CSS: div#contenedor { width: (el ancho de 3 caras + 2*padding); text-align: center; } div#smileys { width: (ancho de 3 caras); margin: 0 auto; text-align: left; /* ¿se hereda text-align? */ } HTML: ... div id=contenedor div id=smileysImagen1 Imagen2.../div /div ... Igual son un poco cutres las formas de hacerlo, pero espero que te sirvan de algo. Un saludo, Nika. On 7/10/06, Reynier Perez Mira [EMAIL PROTECTED] wrote: Me he dado a la tarea de pasar el sitio que hice el año pasado con tablas, mal de mi parte, a CSS y ya casi lo logro. Todo está validado al 100% con el validador de la W3C tanto en lo que a XHTML se refiere como a CSS, ambos dos son válidos. Ahora solo me resta hacer algunas cosas que expongo una de ellas aquí a ver si me pueden ayudar porque no se me ocurre como hacerlo sin tablas. Entren a está página: http://www.jovenclub.cu/grm/librodevisitas.php?opt=firmar Si ven hay unas cuantas caritas ahí, lo que quiero hacer es posicionarlas nuevamente de esa misma forma pero sin hacer uso de tablas. Se les ocurre alguna forma? Ahhh !!! El sitio estará online pronto, quizás para Agosto o Septiembre porque aún estoy programando y ahora viene el período vacacional por lo que me separo de la PC para dedicarme a otro tipo de ocio. Salu2 y esperando por sus respuestas -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo