Lo que quiero es que el fondo verde esté justo detrás del texto, no que sea el 100% del ancho de la página. Aquí está mi código actual: h1 { text-align: center; background-color: green; } <h1>The Last Will and Testament of Eric Jones</h1> Ejecutar fragmento de códigoHide...
He buscado otras preguntas y, aunque este problema parece similar a un par de otras, nada de lo que he visto hasta ahora parece abordar el problema que estoy teniendo. Tengo un div que contiene varios otros divs, cada uno de los cuales está flotando a la izquierda. Estos divs contienen una foto y...
Tengo CSS que cambia el formato cuando pasas el cursor sobre un elemento. HTML: <div class="test"> blah </div> CSS: .test:hover { border: 1px solid red; } En algunos casos, no quiero aplicar CSS al pasar el mouse por encima. Una forma sería simplemente eliminar la clase CSS del...
¿Hay alguna manera de agregar una barra de desplazamiento horizontal a una tabla HTML? De hecho, necesito que se pueda desplazar tanto vertical como horizontalmente según cómo crezca la tabla, pero no puedo hacer que aparezca ninguna barra de
Estoy tratando de alinear varios componentes inliney inline-blockverticalmente en a div. ¿Cómo es que spanen este ejemplo insiste en ser empujado hacia abajo? He intentado ambos vertical-align:middle;y vertical-align:top;, pero nada cambia. HTML: <div>
Tengo un sitio web aquí . Visto en un navegador de escritorio, la barra de menú negra se extiende correctamente solo hasta el borde de la ventana, ya que bodytiene overflow-x:hidden. En cualquier navegador móvil, ya sea Android o iOS, la barra de menú negra muestra su ancho completo, lo que trae...
¿Cuál es la forma correcta bootstrapde flotar un div a la derecha? Pensé que pull-rightera la forma recomendada, pero no funciona. @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div...
Tengo una imagen en este enlace: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg Como puede ver, esta es una imagen normal con la orientación correcta. Sin embargo, cuando configuro este enlace al atributo src de mi etiqueta de imagen, la imagen se pone boca abajo....
Un scriptelemento que se diseñó como display:blockaparece visible. ¿Por qué es posible y hay algún caso de uso real donde se desee? td > * { display: block; } <table> <tr> <td> <script type="text/javascript"> var test = 1; </script>von 1 </td>...
¿Alguien sabe un método simple para intercambiar el color de fondo de una página web usando
Estoy usando una hoja de estilo separada para imprimir. ¿Es posible establecer el margen derecho e izquierdo en la hoja de estilo que establece el margen de impresión (es decir, margen en papel). Gracias.
¿Cómo aplico un estilo a un cuadro de entrada vacío? Si el usuario escribe algo en el campo de entrada, el estilo ya no debería aplicarse. ¿Es esto posible en CSS? Intenté
Quiero agregar un estilo a la etiqueta seleccionada de un botón de radio: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input...
Hola, estoy usando algo similar a lo siguiente para colocar un div en el centro de la pantalla: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em;...
Mi objetivo es hacer una página HTML que sea similar a un "marco de fotos". En otras palabras, quiero hacer una página en blanco rodeada de 4 imágenes. Este es mi código: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td...
Estoy usando google webfonts y están bien en tamaños de fuente súper grandes, pero a 18px, se ven horribles. He leído aquí y allá que hay soluciones para el suavizado de fuentes, pero no he encontrado ninguna que lo explique claramente y los pocos fragmentos que he encontrado no funcionan en...
Estoy tratando de usar consultas de medios CSS3 para crear una clase que solo aparece cuando el ancho es mayor que 400 px y menor que 900 px. Sé que esto es probablemente extremadamente simple y me falta algo obvio, pero no puedo entenderlo. Lo que se me ocurrió es el siguiente código, agradezco...
Estoy haciendo una firma de correo electrónico HTML con CSS en línea (es decir, en CSS styleatributos), y estoy curioso en cuanto a si es posible utilizar las :beforey :afterlos pseudo-elementos. Si es así, ¿cómo implementaría algo como esto con CSS en línea? td { text-align: justify; } td:after...
Quiero ignorar todas las :hoverdeclaraciones CSS si un usuario visita nuestro sitio web a través de un dispositivo táctil. Debido a que el :hoverCSS no tiene sentido, e incluso puede ser molesto si una tableta lo activa al hacer clic / tocar, ya que podría quedarse hasta que el elemento pierda el...
Tengo una flexbox izquierda-derecha: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } <div class="wrapper"> <div class="left">Left</div> <div