modificar cuadro de listas
hola gentes, yo de nuevo :-\
miren, quiero modificar algunas cosas de un cuadro de listas
pero resulta que no puedo controlar bien como queda... quiero sacar los bordes, y las flechitas de desplazamiento (las de la imagen de la derecha)
tambien me gustaria controlar el color con que se ve la seleccion, pero si no se puede todo bien, lo dejo asi (tengo entendido que toma el valor de la configuracion del usuario en el panel de windows)
lo que mas me molesta son las flechas de desplazamiento...
la izquierda es como se ve con IE y la derecha es como se ve con Firefox...
como se hace?? en el panel de estilos css no encontre nada mas que el borde, encima IE pone igual los bordes ???
gracias
miren, quiero modificar algunas cosas de un cuadro de listas
pero resulta que no puedo controlar bien como queda... quiero sacar los bordes, y las flechitas de desplazamiento (las de la imagen de la derecha)
tambien me gustaria controlar el color con que se ve la seleccion, pero si no se puede todo bien, lo dejo asi (tengo entendido que toma el valor de la configuracion del usuario en el panel de windows)
lo que mas me molesta son las flechas de desplazamiento...
la izquierda es como se ve con IE y la derecha es como se ve con Firefox...
como se hace?? en el panel de estilos css no encontre nada mas que el borde, encima IE pone igual los bordes ???
gracias
__________________
-)
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: modificar cuadro de listas
para ayudarte más rápido mostranos el código, tanto del cuadro como del css
__________________
pinicio.com.ar
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: modificar cuadro de listas
Cita:
|
Iniciado por r_bradbury
para ayudarte más rápido mostranos el código, tanto del cuadro como del css
|
el menu
Cita:
|
<select name="select" size="1" class="menu" onchange="cargaXML(this.value)"> <option selected="selected">Seccion...</option> <option value="001.html">Curriculum</option> <option value="002.html">Trayectoria</option> <option value="003.html">Comentario</option> </select> |
Cita:
|
.menu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; background-color: #000000; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: left; } |
__________________
-)
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: modificar cuadro de listas
fijate que debe haber otro código modificando los cuadros, en el css que pasás no está el azul que se ve en la foto, y de hecho las listas tienen 1 de altura (size) por lo tanto terminan siendo un menú desplegable más que una lista con todas las opciones visibles
resumiendo, yo lo que veo con ese código es esto (firefox / ie):
resumiendo, yo lo que veo con ese código es esto (firefox / ie):
__________________
pinicio.com.ar
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: modificar cuadro de listas
ahh si si, es que me olvide... despues de sacar los screens segui haciendo pruebas con el html... por ahora provisoriamente lo deje como una lista desplegable (el codigo que te pase)... disculpa pero tengo un bolonqui en cabeza :-[
en realidad creo que lo voy a dejar como una lista desplegable, queda mejor...
pero ese azul de la seleccion se puede cambiar??? si es asi, alguien sabe como??
en realidad creo que lo voy a dejar como una lista desplegable, queda mejor...
pero ese azul de la seleccion se puede cambiar??? si es asi, alguien sabe como??
Código:
<select name="select" size="1" class="menu" onchange="cargaXML(this.value)">
<option selected="selected">Seccion...</option>
<option value="001.html">Curriculum</option>
<option value="002.html">Trayectoria</option>
<option value="003.html">Comentario</option>
</select>
Código:
.menu {
font-family: "Times New Roman", Times, serif;
font-size: 13px;
color: #993300;
background-color: #FFFFFF;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-align: left;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
width: 140px;
margin-top: 5px;
}
__________________
-)
-)
Usuario Avanzado
Fecha de Ingreso: may-07
Mensajes: 2,029
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: modificar cuadro de listas
Creo que ese "azul" en tu caso, y ese "verde" en el caso de r_bradbury es un estilo definido en los themes de windows...
__________________
elrincondemariano.com.ar
ComunidadArgentina.net
elrincondemariano.com.ar
ComunidadArgentina.net
Usuario Normal
Fecha de Ingreso: sep-04
Edad: 21
Mensajes: 1,434
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: modificar cuadro de listas
si, ese color está predefinido por el sistema operativo, y no puede modificarse usando sólo css... una forma de hacerlo, como explican acá, sería creando un select a partir de una lista (ul) mediante javascript/css, algo demasiado rebuscado para mi gusto...
cambiando de tema, ese estilo podés achicarlo un poco...
y si querés que al elegir una opción (currículum, etc.) se cargue esa página (001.html, etc.) en un div vacío (que tiene, por ejemplo, el id "c"), con jquery no tendrías más que hacer esto...
creo que es tan claro que ni hace falta explicarlo 
cambiando de tema, ese estilo podés achicarlo un poco...
Código:
.menu {
font:13px "Times New Roman", Times, serif;
color:#930;
background:#FFF;
border:0;
text-align:left;
width:140px;
margin-top:5px;
}
Código:
$(function(){
$(".menu").change(function(){
var s = $(this).val();
$("#c").load(s);
});
});
__________________
pinicio.com.ar
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
Re: modificar cuadro de listas
jajjajaja bueh perdón!
Son 3 pasos:
1) Con la 1º línea pedís que el código se ejecute al cargarse la página (algo así como onload)
2) Después pedís que al haber un cambio en un elemento con la clase "menu" (en este caso el select)...
...se guarde en la variable s el valor (val) de la opción seleccionada por el usuario (this).
En este caso el valor puede ser 001.html, 002.html o 003.html
3) Finalmente pedís que dicho valor se cargue (load) en el elemento con el id "c" (en este caso un div).
Cualquier cosa pregunta.
Edit: podés ver cómo funciona acá
Código:
$(function(){
$(".menu").change(function(){
var s = $(this).val();
$("#c").load(s);
});
});
1) Con la 1º línea pedís que el código se ejecute al cargarse la página (algo así como onload)
2) Después pedís que al haber un cambio en un elemento con la clase "menu" (en este caso el select)...
...se guarde en la variable s el valor (val) de la opción seleccionada por el usuario (this).
En este caso el valor puede ser 001.html, 002.html o 003.html
3) Finalmente pedís que dicho valor se cargue (load) en el elemento con el id "c" (en este caso un div).
Cualquier cosa pregunta.
Edit: podés ver cómo funciona acá
__________________
pinicio.com.ar
pinicio.com.ar
Usuario Normal
Fecha de Ingreso: nov-03
Edad: 29
Mensajes: 271
Gracias dadas: 0
Agradecido 0 veces en 0 Mensajes
| Página 1 de 2 | · | 1 | 2 |
| Herramientas | Buscar en Tema |
| Desplegado | |
Mode Lineal
|
| Tema | Autor | Foro | Respuestas | Último mensaje |
| listas de correo | titi | LINUX y Software Libre | 5 | 01-sep-2008 23:03 |
| Autocompletar cuadro de texto en VB6??? | SirJeckill | Programación | 1 | 30-nov-2006 23:00 |
| mail en cuadro de texto | wsaynomore | Webmasters | 0 | 05-nov-2006 23:00 |
| Cuadro de dibujo | Indio10000 | General | 6 | 22-feb-2006 23:00 |
| listas incorrectas en el msn!! | Fantasma82 | Internet | 12 | 05-jul-2004 00:00 |
La franja horaria es GMT -3. Ahora son las 05:32.
