Tamaño letras en "Drop down"

ErikaR · #1 (**permalink**) 01/06/2007, 13:26

Hola!

Se puede elegir la letra que tendra un "drop down ?
copio el codigo por las dudas
Como se hace???

<td width="589" valign="bottom"> <form name="form1" id="form1" action="">
<div align="right">
<select name="select" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home4farid.html" selected="selected">Elija un Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
<option>Azitromicina Comprimidos</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
</select>
</div>
</form></td>

programeitor · #2 (**permalink**) 01/06/2007, 14:21

"drop down ?

¿ te refires al ·select· ? ,pues si se puede.,

<select style="font-family:'courier new'">

¿ Sabes algo de estilos CSS ?

Saludos

ErikaR · #3 (**permalink**) 01/06/2007, 14:47

si me refiero al select, que al click se despliegan opciones.
no entiendo bien donde poner ese codigo, si dentro del codigo que copie antes o en un css, como este que te copio:
.botonera{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; line-height: 20px;
color: #666666; text-decoration: none}

.botonera:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 17px; line-height: 20px;
color: #666666; text-decoration: underline}

como genero este estilo?

DragonX · #4 (**permalink**) 01/06/2007, 14:51

ponelo como dijo programeitor te va a resultar más fácil

programeitor · #5 (**permalink**) 01/06/2007, 20:26

Veamos, si ya estas usando CSS solo tienes que crear una clase para el select:

.selector{font-family:'courier new'}

asignandosela con class:

<select class="selector'"
name="select" size="1" onchange="MM_jumpMenu('parent',this,1)">

de otra forma se declara el estilo en la misma linea como te mostre:

<select style="font-family:'courier new'"
name="select" size="1" onchange="MM_jumpMenu('parent',this,1)">

Saludos.

ErikaR · #6 (**permalink**) 02/06/2007, 08:32

hola programeitor!
gracias por el detalle de tu explicacion, que entiendo casi nada de codigo!
En mac lo veo bien, funciona.
Si tenes PC, explorer y firefox es mucho pedir una foto de pantalla que me envies asi veo como se ve?
En mac la misma tipografia que aparece en "eleji un producto aparece en las dieferentes opciones, en PC se ve asi tambien?

Si quiero que sea diferente como seria?

Se puede dar color al espacio donde se "apoyan las letras"?

Me empece a entusiasmar con esto!

muchas gracias
erika

ErikaR · #7 (**permalink**) 02/06/2007, 08:35

hola programeitor!

Olvidaba poner los links

http://erikarubaja.com.ar/labyes/homehtml/home5f.html
http://erikarubaja.com.ar/labyes/homehtml/home7f.html

gracias por el detalle de tu explicacion, que entiendo casi nada de codigo!
En mac lo veo bien, funciona.
Si tenes PC, explorer y firefox es mucho pedir una foto de pantalla que me envies asi veo como se ve?
En mac la misma tipografia que aparece en "eleji un producto aparece en las dieferentes opciones, en PC se ve asi tambien?

Si quiero que sea diferente como seria?

Se puede dar color al espacio donde se "apoyan las letras"?

Me empece a entusiasmar con esto!

muchas gracias
erika

programeitor · #8 (**permalink**) 02/06/2007, 09:46

Mira ,aqui te he fabricado un ejemplo con tu select:

Código HTML:

<html><head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style>
.selector{background:gray;color:white;font:bold 110% "courier new"}
</style>
</head></body>
<table>
<tr>
<td width="589" valign="bottom"> <form name="form1" id="form1" action="">
<div align="right"> 
<select class="selector" name="select" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home4farid.html" selected="selected">Elija un Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
<option>Azitromicina Comprimidos</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
<option>Azitromicina Suspension</option>
</select>
</div>
</form></td>
</tr>
</table>
</body>
</html>

Efectivamente se ven todas con el mismo tipo de letra. ,hay mas posibilidades que seguro te interesaran. Mira, aqui hay un foro de CSS en el que encontraras tutoriales y enlaces asi como muchos temas interesantes.

De ningun modo es mucho pedir si te sirve de algo:

de mas esta decir que yo no elijiria ninguno.

hay unos servicios web que te dan la posibilidad de ver como se ve una pagina en diferentes navegadores, este es uno http://browsershots.org/

Saludos.