26/11/2010, 06:44
|
| Usuario no validado | | Fecha de Ingreso: abril-2009 Ubicación: Buenos Aires
Mensajes: 413
Antigüedad: 15 años, 10 meses Puntos: 3 | |
| Respuesta: Mostrar una imagen en un Select Name
Gracias Doylelives, me parece que estoy cerca, lo estoy probando pero no me muestra la banderita, el nombre lo muestra bien, si no es molestia te paso el codigo de lo que estoy haciendo, seguro que me falta alguna pavada.
Este es e PHP:
<!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" />
<title>Documento sin título</title>
<link href="aa1.css" rel="stylesheet" type="text/css" />
</head>
<br/>
<select name="countries" id="countries" class="icon-menu">
<option value="">Select el Pais</option>
<option value="AR">Argentina</option>
<option value="UR">Uruguay</option>
<option value="BR">Brasil</option>
<option value="CH">Chile</option>
</select>
<body>
</body>
</html>
y este el CSS:
/* CSS Document */
select.icon-menu option {
background-repeat:no-repeat;
background-position:bottom left;
padding-left:30px;
}
select#countries option[value="AR"] {
background-image:url(../fotos/pais_15.bmp);
}
select#countries option[value="UR"] {
background-image:url(../fotos/pais_30.bmp);
}
select#countries option[value="BR"] {
background-image:url(../fotos/pais_33.bmp);
}
select#countries option[value="CH"] {
background-image:url(../fotos/pais_45.bmp);
}
Muchas Gracias por tu ayuda. |