html - objects - tooltip fullcalendar
Problema de renderizado de entrada de texto con Twitter Bootstrap (8)
En mi caso:
- Tenía el texto de entrada en un formulario
- Funcionó en Firefox y no funcionó en Chrome
Arreglé esto al reemplazar la altura de línea en el css bootstrap. Primero fue así:
line-height: inherit;
y cuando lo cambié en mi css (por lo que anula el bootstrap css):
line-height: normal;
¡Funcionó!
Para las personas que ven esto y no saben de qué estoy hablando, presione F12 y vaya a su cuadro de texto.
Ahora en la pestaña de estilos verás:
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
font-height: inherit;
}
ese es el que quieres anular.
Estoy tratando de usar el arranque de Twitter para unas pocas páginas rápidas. Tengo problemas para hacer que los campos de texto se representen como lo hacen en http://twitter.github.com/bootstrap/
Mi HTML se ve como
<div class="clearfix">
<label for="unit">unit</label>
<div class="input">
<input class="xlarge" id="unit" name="unit" type="text" value="" />
</div>
</div>
Lo que parece ser todas las clases de CSS relevantes que veo en la página de demostración. Sin embargo, mis campos de entrada de texto se representan con el área de entrada demasiado pequeña verticalmente, por lo que el cursor y el texto se superponen con el borde inferior del área de entrada. Esto es con el último cromo en win7.
Este comportamiento se ve cuando el documento carece de etiquetas <html> en el nivel más externo. Después de poner mi plantilla a través de un proceso de ordenación, parece que debería. Gracias notepad ++.
Este comportamiento también se activa cuando el doctype se escribe incorrectamente. En mi caso, <!DOCTYPE> (incorrecto) se corrigió a <!DOCTYPE HTML> y el problema desapareció.
Gracias a todos, que me ayuden.
También me enfrento a este problema, para ayudar al otro usuario con quien comparto mi viaje, cómo lo resuelvo. El problema se ve así:
Este problema viene en Firefox, su aspecto adecuado en Chrome.
Como encontré la solución:
- Sé que estás pensando que este es el problema con css optimiza. O no hay CSS adecuado detrás de él.
- Estoy usando bootstrap, luego lo que se me ocurre es que no hay un lugar apropiado para la clase en el cuadro de entrada.
- Cuando llegué a esta pregunta y comencé a leer la respuesta, sugirieron que el problema con
<!DOCTYPE html>no creo, pero empecé a mirar esa página. - También verifico con View Source en Firefox pero está presente que
<!DOCTYPE html> - De repente miro el código de firebug html y realmente no hay DOCTYPE aquí, mientras que en todas las demás páginas viene.
Ahora pienso por qué sucedió esto, razón detrás de esto.
Luego miro las páginas jsp. Este es el problema en mi caso, alguien incluye la otra página jsp antes del cuerpo.
Espero que este punto culminante ayude.
Mi archivo ha sido creado dentro de Windows y tuve un problema similar, es decir, la altura era demasiado pequeña para que los descendientes se truncaran. Mi archivo tiene algo de PHP como las primeras líneas seguidas del html requerido. Después de leer todos los comentarios, moví mis (2 líneas) a la parte superior por delante del PHP y la altura aumentó ... así que el problema se resolvió. Parece que DOCTYPE debe estar al principio, incluso antes de cualquier PHP.
Tuve el mismo problema, pero en mi caso fue causado por tener una codificación de texto inconsistente en todos los archivos. Algunos archivos se codificaron en UTF-8 sin BOM (marca de orden de bytes), mientras que otros archivos se codificaron en UTF-8 con BOM incluida. Cambié todos los archivos a UTF-8 sin BOM y funcionó correctamente.
reemplace class="x-large" por: class="input-block-level"
http://twitter.github.com/bootstrap/scaffolding.html
Requiere HTML5 doctype Bootstrap hace uso de elementos HTML y propiedades CSS que requieren el uso del doctype HTML5. Asegúrese de incluirlo al comienzo de cada página de Bootstrapped en su proyecto.
<!DOCTYPE html>
<html lang="en">
...
</html>