Herencia en em's
3 seguidores
Tengo un formulario (float rigt) de 20em en una cabecera posicionada relativamente. Dentro de dicho formulario tengo un botón de submit al que le he puesto un fondo de imagen y un ancho y un alto de 9.9em y 3.2em si lo pongo en em se desfasa y me sale un recuadro enorme (en todos los browser), pero si pongo 99x32 pixeles sale bien.
Lo tengo todo en base 10 declarado en el body, entonces supongo que será por algo de tema de herencias o algo así, pero no acabo de encontrar dónde.
Un saludo y gracias.
Diego
orange
Esas búsquedas....
;)
¿Cuánto mide 1EM? - Breve explicación
eRNieB
demsite, ¿le pones tamaño a la fuente de ese botón submit? Si es asi, entonces esta claro que es un problema de herencia. :)
Miralo, y sino pasa una URL donde se pueda ver, porque de lo contrario, lo veo bastante complicado, la verdad.
Saludos,
eRNieB
eRNieB
Ains... que grande es Orange.
Se me ha adelantado por medio segundo... ;) [edito: algo más] :D
Saludos,
eRNieB
orange
Esas búsquedas....
;)
¿Cuánto mide 1EM? - Breve explicación
demssite
orange
Esas búsquedas....
;)
¿Cuánto mide 1EM? - Breve explicación
Gracias Borja, pero ya lo había leido jejeje, pero no encuentro el fallo.....
Dejo adjunta url de muestra:
http://www.punisha.com/test/form/form.htm
orange
<code>input, button, textarea, select {
font-size: x-small;
background-color: #FFF;
border: 0.1em solid #000;
color: #111111;
}</code>
demssite
¿El problema que era que no estaba definido el tamaño por defecto y me pillaba uno aleatorio?, además si quiero que en ese submit button la fuente sea de 1.2em es decir 12 pixels me lo descuadraria todo no?
Y una cosa, el alineado vertical entre el input y el button, la manera más correcta de hacerlo qué es dándole padding y margin al boton?
Gracias Borja
orange
El navegador da unos tamaños por defecto a inputs igual que lo hace con los Hx, ese era tu problema
Si quieres que tocar el tamaño de la fuente del input, efectivamente, tienes un problema. Puedes buscar una solución algo más compleja, que es la que he adoptado yo hace poco en un sitio donde tenían que convivir enlaces y botones de formulario con pinta similar:
[div][input][/div] ó [div][a][/div]
La imagen de fondo va al DIV y el botón o el enlace van encima. Ojo a los fondos propios de los elementos superiores.
Alineado vertical en INPUTS chungo, paddings y lineheights. Pero los formularios son jodidos para afinar estas cosas multinavegador y no te cuento multiplataforma.
Por eso siempre digo que en los formularios mejor no andar con chorraditas, eso hay que decírselo al cliente. Y si no hay más remedio pues [input type="image"]
demssite
orange
[div][input][/div] ó [div][a][/div]
La imagen de fondo va al DIV y el botón o el enlace van encima. Ojo a los fondos propios de los elementos superiores.
No acabo de entender, ¿sería algo así?
<code>[label for="form_buscador_cabecera_submit" title="Buscar en la web"]
[div id="imagen_fondo_boton" /]
[input id="form_buscador_cabecera_submit" type="submit" value="Buscar" name="Buscar"/]
[/label]
</code>
Y a ese div meterle la imagen de fondo?
orange
Efestiviwonder
demssite
MMMM ok creo que hasta aquí bien más o menos, pero me salta a la línea de abajo y si pongo display:inline me lo estrecha pero no rula
http://www.punisha.com/test/form/form.htm
Respecto a lo de alinear el input con el submit button verticalmente he probado con paddings y lineheights y parece que nada.
Seguiré dandole a ver si va de una vez
orange
Con cariño... me parece que tienes que experimentar más y asentar conceptos base.
;)
demssite
MMMM ok creo que hasta aquí bien más o menos, pero me salta a la línea de abajo
Evidentemente... si le pones display block te salta a la línea de abajo, tendrás que flotarlo o posicionarlo de otra manera.
demssite
y si pongo display:inline me lo estrecha pero no rula
Evidentemente... si le pones display inline, por definición, NO le puedes definir ni width ni height (otra cosa es que Explorer 6 te lo pille, pero es un BUG). A lo sumo lo podrás simular con paddings o lineheights.
Mira, recomenación personal, métele un type image y pasa al siguiente problema
demssite
Gracias Borja, la verdad es que sí que tengo un pequeño cacao mental. Se me está haciendo bastatnte duro esto, pero bueno con calma, y no te preocupes que tu recomendación de asentar conceptos base no me parece mal.
Un saludo.
Diego