31/07/2008, 09:40
| ||||
| ||||
| Estilos a un <Select> Hola a todos, estaba haciendo mi formulario en fondo blanco y se veía muy bien, hasta que el tio de la página quiso cambiarlo a un color de fondo oscuro EL problema me surge al aplicarle estilos al Select, con los imput-text no tengo problemas, pero con los select me queda fatal. adjunto una imagen para que vean como me queda y ver si se puede arreglar:  Gracias. Carlos |
|
31/07/2008, 09:58
| ||||
| ||||
| Respuesta: Estilos a un <Select> Hace poco estuve viendo un script (js) que le da aspectos personalizados a los menú select, checkboxes y radios. Mira lo que puede hacer: http://ryanfait.com/resources/custom...ttons/example/ Aquí está el tutorial y el script descargable: http://ryanfait.com/resources/custom...radio-buttons/ |
|
31/07/2008, 10:27
| ||||
| ||||
| Respuesta: Estilos a un <Select> Gracias por el dato, los CheckBox y los Radio Buttons están curradísimos, pero los select los veo como siempre y sin estilos, no se si será que yo tengo el IE7... Voy a instalarme el Firefox a ver como se ve (es que he formateado ayer el portatil y no tengo todos los programas) Si alguien tiene otro ejemplo se los agradecería. Saludos Carlos |
|
31/07/2008, 10:34
| ||||
| ||||
| Respuesta: Estilos a un <Select> MALDITO IE7...!!! En firefox se ve cojondo (especialmente el del primer enlace), pero en IE no se aplica los estilos al Select, que putada... Lamentablemente como IE es más usado que Firefox, y no puedo utilizarlo... pero lo guardaré para cuando tenga que necesitarlo para los CheckBox y Radio Button. alguien le ha pasado esto y encontró la solución. Gracias Carlos |
|
31/07/2008, 11:26
| ||||
| ||||
| Respuesta: Estilos a un <Select> Mira, hace bastante tiempo, para una consulta de un usuario con algo parecido, hice este diseño para conseguir el mismo efecto pero para campos file. Si miras el código creo que no te será difícil entender el truco. A ver si lo puedes adaptar a tu asunto.
__________________ Visita mi nueva web idplus.org |
|
31/07/2008, 12:20
| ||||
| ||||
| Respuesta: Estilos a un <Select> [SOLUCIONADO] EUREKA...!!! Lo he encontrado, me puse a buscar hasta en foros en ingles, lo he encontrado en este post: http://www.experts-exchange.com/Web/..._20828322.html (es el antepenúltimo comentario) Es una solución super simple, poner una capa más pequeña que el select y posicionandolo de tal manera que queden los bordes fuera de esa capa, luego ocultamos lo que está fuera de la capa y listo... MAGIA...!!! Lo he probado en IE7 y Firefox 3 y funciona, es super simple y perfecto para lo que necesito, aquí va todo el código que se necesita: Código HTML: <html> <body style="background-color:#333"> <div style="position:absolute; top:100px; left:150px; width:397px; height:18px; border-style:solid; border-width:1px; border-color:#ccc; overflow:hidden;"> <select size="1" style="position:absolute; width:400px; top:-3px; left:-3px; background-color:#333; color:#CCCCCC"> <option>This is option 1</option> <option>This is option 2</option> <option>This is option 3</option> </select> </div> </body> </html>  Saludos a todos Carlos |
|
31/07/2008, 12:24
| ||||
| ||||
| Respuesta: Estilos a un <Select> Pues me alegro mucho por ti y porque estés dando saltos de alegría. Eso es prácticamente el truco que te ponía.
__________________ Visita mi nueva web idplus.org |
|
31/07/2008, 13:49
| ||||
| ||||
| Respuesta: Estilos a un <Select> si lo vi, pero no me funciona, no se si sera el maldito IE7, pero bueno,es algo parecido pero con un poco mas de capas capas y más estilos, pero la idea es la misma. Saludos Carlos |
