Hola, que tal.
Tengo este código:
<button type="button">Load</button>
Ahora el problema viene que cuanto más texto hay en el botón, más espacio me deja a los lados. Esto es normal, y como se puede solucionar?
Gracias
| |||
problema con button Hola, que tal. Tengo este código: <button type="button">Load</button> Ahora el problema viene que cuanto más texto hay en el botón, más espacio me deja a los lados. Esto es normal, y como se puede solucionar? Gracias |
| ||||
hay alguna razon por la cual estes usando <button > en vez de < input>?
__________________ ::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com:::::::::::::::::::::::::::::: |
| |||
Lo uso principalmente para poder añadir imagenes y texto en el interior del boton. Aunque he probado con un input y sucede lo mismo. He visto que solo pasa con explorer. Con firefox funciona correctamente. Alguna solución? |
| ||||
dieguicho, en vez de ponerle a cada objeto el style porqué no ponerlo en el código CSS y así aplicarlo a todos los objetos de una sola vez? sólo lo pregunto, pues hablando de la pregunta original, nunca había visto que se pudiera usar "button" como intrucción ^_^ (sólo como propiedad) así que sobre eso no tengo idea.......... hey, que soy novata en esto, |
| ||||
¡Pues yo jamas habia visto las etiquetas <button> y </button>! ¿Que acaso forman parte de los elementos de HTML? Yo lo unico que sabia era esto: <input type="button" ......>
__________________ QMD... |
| |||
Hola, me comentaron una posible solución: <style type="text/css"> <!-- button { padding: 0 5px; width:auto !important; width:1px; overflow: visible; } --> </style> saludos |
| ||||
el problema de espeificar una medida fija es.. que si pones mucho texto en el boton se cortara.... pero esta opcion que expone abuenog funciona muy bien creo que lo de <button> forma parte de xhtml...
__________________ On error no hago nada porque deje de fumar... |
| ||||
Cita: Una cosa no entiendo de ese codigo:
Iniciado por abuenog Hola, me comentaron una posible solución: <style type="text/css"> <!-- button { padding: 0 5px; width:auto !important; width:1px; overflow: visible; } --> </style> saludos Por ke si escribes "width:auto !important", luego colocas otra vez "width:1px" ?
__________________ When someone dies in the grip of a powerful rage... A curse is born. The curse gathers in that place of death. Those who encounter it will be consumed by its fury. |
| ||||
Cita: Exacto, fuciona igual ... pero me di cuenta de una cosa:
Iniciado por dieguicho yo tampoco lo entendi. le saque el width 1px y funciona bien igual Use el mismo código (sin el width:1px adicional) y como corresponde lo coloqué entre <head> y </head>. Luego creé en la página un botón cualquiera y me fijé al ver el resultado en el navegador, ke no había ningún cambio. Claro, la cuestión es ke tienes ke colocar el "button" como una clase (class) y no como un elemento. Al hacer esto si noté el cambio e incluso cambié el valor "auto" por "300px" y pues, sí, también cambió. <style type="text/css"> <!-- .button { padding: 0 5px; width:auto !important; overflow: visible; } --> </style>
__________________ When someone dies in the grip of a powerful rage... A curse is born. The curse gathers in that place of death. Those who encounter it will be consumed by its fury. |