alinear los elementos de un select

Elisa_d · #1 (**permalink**) 12/08/2004, 03:03

Basicamente es eso lo que quiero, hacer, alinear los elementos option de un select, por ejemplo a la derecha. Por predeterminado aparecen a la izquierda. He intentado hacerlo imprimiendo espacios, pero es complicado, porque los caracteres no ocupan lo mismo (por ejemplo, una i que una m);
Gracias y saludos.

PatomaS · #2 (**permalink**) 12/08/2004, 04:06

Hola

Aquí te paso una sencilla página de ejemplo de lo que quieres, sin embargo, no funciona en todos los navegadores.

Código:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/* No funciona en explorer ni en opera */
option {
	text-align: right;
}
</style>
<title>Alinear los option de un select</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<form id="formulario" action="">
<p>
	<select>
		<option id="valor_1">valor 1</option>
		<option id="valor_2">valor 2</option>
		<option id="valor_3">valor 3</option>
	</select>
</p>
</form>
</body>
</html>

Funciona:
- Netscape 7.0
- Firefox 0.8
- Firefox 0.9
- Firebird 0.7

No funciona:
- Netscape 4.xx
- Explorer
- Opera 7.23

A lo mejor alguien soluciona este detalle

;)

Felicidad

Elisa_d · #3 (**permalink**) 12/08/2004, 04:12

Gracias :)

furoya · #4 (**permalink**) 12/08/2004, 10:02

Hola Elisa_d , PatomaS :

Cita:

...porque los caracteres no ocupan lo mismo (por ejemplo, una i que una m);...

Elisa_d : si usas fuente monospace eso no ocurre.

saludos

furoya