[Ovillo] Select y número de option
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? Muchas gracias por anticipado. Un saludo, Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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
Me parece que voy a pasar de hacerlo con javascript. A ver si el cliente no se pone cabezota. Muchas gracias a todos. Un saludo. Julia El 24 de marzo de 2009 12:47, Tei oscar.vi...@gmail.com escribió: 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. ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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
Hola de nuevo, con un popurrí de los códigos que enviasteis he conseguido que funcione para IE y FF: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xml:lang=es xmlns=http://www.w3.org/1999/xhtml; lang=es head titleDt y Dl en las misma línea/title meta http-equiv=Content-Type content=text/html; charset=UTF-8 style dl, dl * { margin: 0; padding: 0; margin-top:2px} dl{width:650px} dt{width:150px; background-color:#FF0; float:left; clear:both} dd{width:500px; background-color:#CCC; float:left} *dt {clear: left} *dd {margin-left:150px; width:auto; float:none} /style /head body dl dtItem 1:/dt ddDefinición 1./dd dtItem 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2:/dt ddDefinición 2./dd dtItem 3:/dt ddDefinición 3./dd /dl /body /html Gracias de nuevo. Julia El 18 de febrero de 2009 8:32, Julia Martínez mjmi.webmas...@gmail.comescribió: Buenos días a todos, y antes que nada gracias por vuestras respuestas e interés. He probado las opciones que me disteis. Alex, puede que no entienda muy bien lo que escribes, porque no he conseguido nada poniendo el borde que indicas al dt y dd. Jose Leiva, me temo que no funciona en Firefox, aunque sí en IE que es donde no me funcionaba antes. Cristian W. Tu opción funciona en FF y IE6, pero no en IE7. Aunque de momento es lo mejor que tengo. Y la opción de Sebastián, tampoco me funciona, en el momento que meto más texto en el dt se me descuadra todo. Le puse un clear:both al dt y funciona en IE pero no en FF. Con lo que habéis contestado voy a seguir haciendo pruebas a ver si consigo algo, que ya queda poco. Siento no haber respondido antes, pero me fue imposible. Muchas gracias a todos de nuevo. Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Dt y dd en la misma línea
Hola a todos, he estado buscando información sobre las listas de definición en las que el dd y el dt estén en la misma línea, y no he encontrado una solución completa. El problema está cuando el texto incluido en el dt (con una anchura fija) ocupa una altura mayor que el que ocupa el comprendido dentro de la etiqueta dd (también con anchura fija), entonces el dd de la siguiente fila se sube y ya no se sitúa en la misma fila que su correspondiente dt. Sólo pasa en el ie, en el firefox funciona correctamente. Lo mejor es verlo con un ejemplo sencillo, copio el código: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; html xml:lang=es xmlns=http://www.w3.org/1999/xhtml; lang=eshead titleRed Financiera/title meta http-equiv=Content-Type content=text/html; charset=UTF-8 meta name=description content=Red Financiera style dl, dl * { margin: 0; padding: 0; margin-top:5px} dl{border:1px: solid red; width:650px} dt{width:150px; background-color:#FF0; float:left; clear:both} dd{width:500px; background-color:#CCC; float:left} /style /head body dl dtItem 1:/dt ddDefinición 1./dd dtItem 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2 Item 2:/dt ddDefinición 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque varius. In fermentum sapien quis nisi volutpat fermentum. /dd dtItem 3:/dt ddDefinición 3./dd /dl /body /html ¿Sabéis como solucionarlo para que también funcione en el explorer? Muchas gracias por adelantado. Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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
No se puede Laura, necesito unas dimensiones fijas. Gracias. Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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
Buenos días a todos, y antes que nada gracias por vuestras respuestas e interés. He probado las opciones que me disteis. Alex, puede que no entienda muy bien lo que escribes, porque no he conseguido nada poniendo el borde que indicas al dt y dd. Jose Leiva, me temo que no funciona en Firefox, aunque sí en IE que es donde no me funcionaba antes. Cristian W. Tu opción funciona en FF y IE6, pero no en IE7. Aunque de momento es lo mejor que tengo. Y la opción de Sebastián, tampoco me funciona, en el momento que meto más texto en el dt se me descuadra todo. Le puse un clear:both al dt y funciona en IE pero no en FF. Con lo que habéis contestado voy a seguir haciendo pruebas a ver si consigo algo, que ya queda poco. Siento no haber respondido antes, pero me fue imposible. Muchas gracias a todos de nuevo. Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Class detrás de style
Hola a todos, tengo una duda que probablemente sea una bobada pero hasta el día de hoy no me había surgido el problema. Tengo una capa que se posiciona dinámicamente en el centro de la pantalla (por n motivos esto se hace mediante javascript), generando el siguiente código: div style=left: 200px; top: 300px id=panelInfo class=estiloPanel Texto de ejemplo /div Y el class: .estiloPanel{top:0px; left: 0px} El caso es que yo quiero modificar el top y el left pero tengo que hacerlo mediante el class estiloPanel, no puedo tocar directamente la etiqueta style de la capa. Mi pregunta es: Aunque el orden de style y class sean como el descrito en el ejemplo (1º style y 2º class), ¿siempre prevalece la orden dada dentro de la etiqueta style? Lo digo porque no sé si se me escapa algo, pero no hace caso al class. Yo pensaba que al estar el class detrás del style machacaría los estilos dados dentro de style. Muchas gracias por adelantado. Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Class detrás de style
Gracias Rodrigo y Victoria, me han servido las dos respuestas. Olvidé el important! la verdad es que no lo había tenido que utilizar nunca. Un saludo, Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] h2 dentro de listado-menú
Buenos días a todos, tenemos que hacer un menú horizontal tipo: Sección 1 | - - - -Sección 2- - - - - | Sección 3 | Sección 4 | donde se destaca la opción del menú de la sección donde hemos entrado (por ejemplo Sección 2). La duda es cómo indicar el título de la sección. Yo creo que lo suyo sería poner el título dentro de un h2 (en este caso), pero el diseño que nos han pasado no lo pone, es decir, solo se sabe que está en una sección determinada porque se destaca en el menú. Se me ocurren dos opciones: - poner h2 dentro del elemento del listado: lih2Sección 2/h2/li ¿Se puede? - poner el menú normal, y luego un h2 display none, es decir: Sección 1 | - - - -Sección 2- - - - - | Sección 3 | Sección 4 | h2Sección 2/h2 display: block Texto de la sección ¿Cuál creeis que es la mejor opción? O cualquier otra que sea mejor. Perdón por lo mal que me explico. Muchas gracias. Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] h2 dentro de listado-menú
Hola de nuevo, ante todo muchas gracias por vuestras contestaciones. Lo del h2 dentro del listado como dices queda claro. No me gustaba la idea pero ahora ya por supuesto que no lo usaré. El problema surgía porque el cliente aceptó el diseño y no quería que apareciera de nuevo el título de la sección, por eso pensé lo del display none, pero por tu última respuesta Rodrigo, recuerdo haber visto más veces esa solución. Así que no me lo pienso y es lo que vamos a utilizar. Muchas gracias de nuevo. Un saludo, Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Listado con acciones sobre cada elemento
Buenos días lista, ante todo, perdón si este tema ya se ha tratado, pero no lo he encontrado. Tengo un listado típico de la siguiente manera: Categoría 1 Subcategoría 1.1 Subcategoría 1.1.1 Subcategoría 1.1.2 Subcategoría 1.1.3 Subcategoría 1.2 Subcategoría 1.2.1 Subcategoría 1.2.2 Subcategoría 1.3 Subcategoría 2 Subcategoría 2.1 Subcategoría 3 pero sobre cada elemento se pueden ejercer una o varias de las siguientes acciones: editar, eliminar, añadir subcategorías, etc. El caso es que no sé cómo incluir ésto en el listado. Yo pondría los enlaces de todas las acciones dentro de un div y lo flotaría a la ziquierda o a la derecha(se mostraría antes o después del texto de cada elemento del listado). ¿Se puede poner un div dentro de un li? (y perdón si es una pregunta tonta) ¿Conviene que los enlaces se muestren antes o después de cada texto? ¿Se os ocurre algo mejor? Es que yo lo veo claro como listado, pero ya no veo tan claro dónde situar las acciones. Es decir, algo como: ul liCategoría 1 diva href=Editar/a a href=Eliminar/a a href=Añadir subcat./a /div ul liSubcategoría 1.1 diva href=Editar/a a href=Eliminar/a a href=Añadir subcat./a/div ul liSubcategoría 1.1.1 diva href=Editar/a a href=Eliminar/a/div/li liSubcategoría 1.1.2 diva href=Editar/a a href=Eliminar/a/div/li liSubcategoría 1.1.3 diva href=Editar/a a href=Eliminar/a/div/li /ul /li liSubcategoría 1.2 diva href=Editar/a a href=Eliminar/a a href=Añadir subcat./a/div ul liSubcategoría 1.2.1 diva href=Editar/a a href=Eliminar/a/div/li liSubcategoría 1.2.2 diva href=Editar/a a href=Eliminar/a/div/li /ul /li liSubcategoría 1.3 diva href=Editar/a a href=Eliminar/a a href=Añadir subcat./a/div/li /ul /li liSubcategoría 2 diva href=Editar/a a href=Eliminar/a a href=Añadir subcat./a/div ul liSubcategoría 2.1 diva href=Editar/a a href=Eliminar/a/div/li /ul /li liSubcategoría 3 diva href=Editar/a a href=Eliminar/a a href=Añadir subcat./a/div/li /ul Muchas gracias por adelantado. Un saludo, Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Imagenes de fondo en esquinas
Muchas gracias Maikel y gLoRiA ! Las dos respuestas funcionan. Un saludo. Julia El día 12/06/07, Maikel Gonzalez [EMAIL PROTECTED] escribió: En luagr de margin-top en dvpage usar padding-top en dvMarcoRght body{ margin: 0px; padding: 0px } #dvMarcoRght{ width: 100%; background:url(img/esq_dcha.gif) right top no-repeat; padding-top:40px; } #dvMarcoLft{ width: 100%; background:url(img/esq_izda.gif) left top no-repeat; } #dvpage{ width: 700px; margin: 0px auto 0px; /* poner margin: 0px auto 0px para que ie = ff*/ padding-top: 25px; background-color:#99 ; } Saludos Maikel ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Imagenes de fondo en esquinas
Buenas a todos, antes de nada, perdón si este mensaje llega dos veces, porque creo que hay un cierto retardo en los mensajes que intento enviar. Estoy intentando hacer una página (width 100%), donde las esquina superior derecha y la izquierda tengan imágenes de adorno, por ejemplo unas florecillas o lo que sea. Sólo las esquinas, cada esquina una imagen distinta. La zona de contenidos tiene una anchura concreta, por ejemplo 700px. El problema está en que si pongo un margin-top a la capa de contenidos, me baja la posición de estas esquinas. Ejemplo: www.omdi.es/pruebas/prueba_esquinas.html Es decir, en explorer lo veo bien (o por lo menos como quiero que salga), pero en firefox no. El código css que he puesto: body{ margin: 0px; padding: 0px } #dvMarcoRght{ width: 100%; background:url(img/esq_dcha.gif) right top no-repeat } #dvMarcoLft{ width: 100%; background:url(img/esq_izda.gif) left top no-repeat; } #dvpage{ width: 700px; margin: 25px auto 0px; /* Si pongo margin: 0px auto 0px entonces ya coincide que ie = ff */ background-color:#99 } HTML body div id=dvMarcoLft div id=dvMarcoRght div id=dvPage pTexto/p /div /div /div /body A ver si a algún alma caritativa le ha pasado, me explica por qué pasa y si me puede ayudar. Muchas gracias por adelantado. Julia ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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 me acoplan los divs
Hola, Prueba poniendo en la capa #bread overflow: hidden Julia - Original Message - From: xNoleet [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, April 10, 2007 4:53 PM Subject: Re: [Ovillo] Se me acoplan los divs Saludos! La recomendación de marlene esta mucho mejor que la mía. Sencilla y es muy probable que funcione. Por otro lado, no es recomendable confiar tanto en el atributo min-height porque aún no es implementado ampliamente ni por IE ni por FF. El 10/04/07, Pruebas Guille [EMAIL PROTECTED] escribió: Muchas gracias por la respuesta xNoleet. Lo que pasa es que no uso en ningún momento el atributo position. Sí que uso el atributo height, o min-height, pero este último veo que Firefox lo ignora. Podéis ver dónde tengo el problema: http://www.imsersomayores.csic.es/documentacion/documentos/registro.jsp?id=1293 #bread{ padding: 0.5em 0em 0em 0em; border-bottom: 0.05em solid #006699; width: 100%; background-color: #ff; margin-bottom: 0.6em; min-height: 1.3em; } Como veréis, el breadcrumb en Firefox no se adapta al contenido, mientras que en Explorer sí. Pero en Explorer, una vez que ha aumentado el tamaño se queda el nuevo tamaño para el resto de la navegación. Saludos Guille xNoleet [EMAIL PROTECTED] escribió: Saludos! Es probable que el problema este ocurriendo porque los elementos DIVs posean position:absolute; en lugar de position:relative;. Con posición relativa no debería haber problema, aunque talvez sea necesario especificar la propiedad overflow que define que pasa cuando el contenido sobrepasa el tamaño asignado de ese elemento: overflow:visisble; este muestra todo el contenido del DIV. overflow:auto; muestra un scrollbar SOLAMENTE cuando el contenido alcanza el máximo de tamaño permitido dentro del DIV. Si de uno u otro modo este DIV dinámico está anidado dentro de un DIV con posición absoluta o los que quedan debajo tienen esa misma propiedad, seguirá teniendo problemas cuando el navegador intente reajustar las posiciones (absoluta es como si estuvieran flotando, nada las afecta.). Si el problema persiste, sería interesante poder ver el portal y lograr ver con mas detalle la raiz de todo este asunto. -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.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://lists.ovillo.org/mailman/listinfo/ovillo -- xNoleet ][ freelance graphic designer artist ] http://www.dojohabit.com ][ Dôjo ] http://www.luser-co.com ][ Lüser - Tees de diseño x Fuck Fashion! ] http://vm.dojohabit.com ][ personal portfolio ] http://h3x.dojohabit.com ][ experimental project ] ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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
[Ovillo] Salto de línea en un elemento de una l ista horizontal
Hola a todos, he buscado información por todas partes, e incluso transformando ejemplos que encuentro en web no funciona. A lo mejor lo tengo delante de mis narices y de tantas vueltas que estoy dando nolo veo, pero me gustaría saber si es posible o no. Lo que quiero es que dentro de una lista horizontal, poder meter saltos de línea dentro de cada elemento. En el siguiente ejemplo el menú saldría bien, pero al meter un br entre dos palabras de un li se descoloca todo, por ejemplo liRELACIONES brCOMERCIALES/li Os pongo el código: html: ul id=mainMenu liPRESENTACIOacute;N/li liORGANIZACIOacute;N/li liRELACIONES COMERCIALES/li liSERVICIOS/li liENLACES/li /ul El css: #mainMenu { margin:0px; padding:0px; display: inline; width:547px; } #mainMenu li{ display: inline; list-style-type:none; padding: 5px 0px 20px 3px; border-left:1px solid #687182; } Gracias por adelantado. Julia ___ Lista de distribución Ovillo Para 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] Salto de línea en un elemento de una li sta horizontal
Perfecto, muchas gracias Rafa. - Original Message - From: Rafa García [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Monday, August 29, 2005 5:52 PM Subject: Re: [Ovillo] Salto de línea en un elemento de una lista horizontal #mainMenu { margin:0px; padding:0px; display: inline; width:547px; } #mainMenu li{ * display: block; float: left;* list-style-type:none; padding: 5px 0px 20px 3px; border-left:1px solid #687182; } Julia Martínez escribió: Hola a todos, he buscado información por todas partes, e incluso transformando ejemplos que encuentro en web no funciona. A lo mejor lo tengo delante de mis narices y de tantas vueltas que estoy dando nolo veo, pero me gustaría saber si es posible o no. Lo que quiero es que dentro de una lista horizontal, poder meter saltos de línea dentro de cada elemento. En el siguiente ejemplo el menú saldría bien, pero al meter un br entre dos palabras de un li se descoloca todo, por ejemplo liRELACIONES brCOMERCIALES/li Os pongo el código: html: ul id=mainMenu liPRESENTACIOacute;N/li liORGANIZACIOacute;N/li liRELACIONES COMERCIALES/li liSERVICIOS/li liENLACES/li /ul El css: #mainMenu { margin:0px; padding:0px; display: inline; width:547px; } #mainMenu li{ display: inline; list-style-type:none; padding: 5px 0px 20px 3px; border-left:1px solid #687182; } Gracias por adelantado. Julia ___ Lista de distribución Ovillo Para 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