Foros del Web » Creando para Internet » CSS »

Efectos Css "flecha o bocadillo" y listas desplegables

Estas en el tema de Efectos Css "flecha o bocadillo" y listas desplegables en el foro de CSS en Foros del Web. Hola a todos, tengo dos pequeñas dudas que espero que sean faciles de solucionar xD 1º ¿Como puedo hacer en css+html un bocadillo o la ...
  #1 (permalink)  
Antiguo 24/01/2011, 15:10
 
Fecha de Ingreso: febrero-2009
Mensajes: 147
Antigüedad: 8 años, 9 meses
Puntos: 1
Pregunta Efectos Css "flecha o bocadillo" y listas desplegables

Hola a todos, tengo dos pequeñas dudas que espero que sean faciles de solucionar xD

1º ¿Como puedo hacer en css+html un bocadillo o la flecha del bocadillo?
Lo que quiero es el efecto de triangulo, si no me entiende subo una foto

2º Como puedo cambiar el estilo a las listas deplegables de html
las de tipo
Código HTML:
Ver original
  1. <select name="" id="" size="5">
  2.         <option value="val0" selected>sea zero</option>
  3.         <option value="val1">sea one</option>
  4.         <option value="val2">sea two</option>
  5.         <option value="val3">sea three</option>
  6.         <option value="val4">sea four</option>
  7.       </select>

Gracias de antemano, un cordial saludo a todos!!
  #2 (permalink)  
Antiguo 24/01/2011, 15:20
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Efectos Css "flecha o bocadillo" y listas desplegables

Hola
1- no entendí, no sé a que te refieres con bocadillo, solo sé que me dio hambre, jajaja.
2- Aplicar un estilo ya sea mediante id o un class, tanto en el select (afecta a todas las opciones), como en cada option.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 24/01/2011, 15:21
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Efectos Css "flecha o bocadillo" y listas desplegables

1. Lo habitual es usar una imagen para el pico del bocadillo y un div para el resto, salvo esquinas redondeadas, degradados, etc... que obligarán a usar algún div adicional y algunas imágenes. El bocadillo se oculta con visibility:hidden y se muestra mediante div.ClaseCorrespondiente:hover{ visibility:visible}
2. No tengo constancia de que funcione el CSS al 100% en formularios pero se está en ello.
Deberías poder usar la mayoría de las propiedades con cualquier etiqueta, bien directamente (select {} option{}) o incluyendo clases o id.
  #4 (permalink)  
Antiguo 24/01/2011, 15:27
 
Fecha de Ingreso: febrero-2009
Mensajes: 147
Antigüedad: 8 años, 9 meses
Puntos: 1
Respuesta: Efectos Css "flecha o bocadillo" y listas desplegables

Muchas Gracias por sus respuestas!
Ya me keda claro que tengo que usar una imagen!

Gracias de verdad!
  #5 (permalink)  
Antiguo 25/01/2011, 12:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Efectos Css "flecha o bocadillo" y listas desplegables

Los selects y sus options son de los elementos que menos css admiten. El afectarlos vía css está muy limitado. Y hay cosillas que no se pueden modificar.
Pero siempre tiene la solución de crear una lista (ul/li/a) y aplicarle los estilos que necesite.

Etiquetas: desplegables, efectos, listas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:18.