Carácteres chungos!

[Bram]

Buenas a todos, a ver si me ayudaís con mi duduilla.

Necesito una select html donde salgan < > <= >= y =.
Además dicha selecte necesita tener "2 caracteres de anchura"

el código seria:

<select name="comparadors" size="1" >
<option>&lt</option>
<option>&gt</option>
<option>=</option>
<option>&lt=</option>
<option>&gt=</option>
</select>

Se visualiza todo ok, excepto que sale mucho más amplio que lo normal, es decir, la "anchura" no es de 2 chars.

Como el tag select no tiene ningún atributo por definir la anchura, la anchura se adapta automaticamente.Pero el problema lo dan los carácteres < > <= y >=. No se "adapta" bien la anchura con estos carácteres.

Pero sé que estoy haciendo algo mal, ya que el dreamweaver no me pinta de color correcto los <option> </option>.... Se me pinta de la misma manera que he puesto en el ejemplo.


Alguna idea? gracias de antemano!

[aloqui]

Por un lado las entities, deben acabar en punto y coma: &lt ; &gt ; etc. (sin espacios)
Luego, para que todos los caracteres ocupen igual te sugiero que uses el font monospace.
Y probablemente no te valga, pero puedes intentar reducir el ancho del select poniendole un width.
Ejemplo:

Código:

<select name="comparadors" size="1" style="width: 18px">
<option>&lt;</option>
<option>&gt;</option>
<option>=</option>
<option>&lt;=</option>
<option>&gt;=</option>
</select>

[Bram]

Perfecto, han funcionado ámbas cosas! Gracias