Estoy tratando de hacer un efecto de transición background-coloral pasar el cursor sobre los elementos del menú, pero no funciona. Aquí está mi código CSS: #content #nav a:hover { color: black; background-color: #AD310B; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */...
Estoy tratando de hacer una regla horizontal con algo de texto en el medio. Por ejemplo: ----------------------------------- mi título aquí ------------ ----------------- ¿Hay alguna manera de hacer eso en CSS? Sin todos los guiones "-"
Estoy usando un borde de estilo punteado en mi cuadro como .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } Quiero aumentar el espacio entre cada punto del
¿Alguien sabe cómo puedo evitar que el texto en una celda de la tabla se ajuste? Esto es para el encabezado de una tabla, y el encabezado es mucho más largo que los datos debajo de él, pero necesito que se muestre en una sola línea. Está bien si la columna es muy ancha. El HTML de mi tabla...
¿Hay alguna forma de centrar elementos html vertical u horizontalmente dentro de los padres
Tengo un problema muy extraño ... en cada navegador y versión móvil encontré este comportamiento: todos los navegadores tienen un menú superior cuando carga la página (que muestra la barra de direcciones, por ejemplo) que se desliza hacia arriba cuando comienza a desplazarse por la página. 100vh...
¿Es posible usar una definición SVG en línea en CSS? Me refiero a algo como: .my-class { background-image:
Puede anular align-itemscon align-selfun elemento flexible. Estoy buscando una forma de anular justify-contentun elemento flexible. Si tuviera un contenedor flexbox con justify-content:flex-end, pero desea que sea el primer elemento justify-content: flex-start, ¿cómo podría hacerse? Esto fue...
He flotante imágenes y recuadros en la parte superior de un contenedor usando flotante: derecha (o izquierda) muchas veces. Recientemente tuve la necesidad de flotar un div en la esquina inferior derecha de otro div con el ajuste de texto normal que obtienes con float (texto envuelto arriba y solo...
¿Es posible usar pseudo-clases CSS para seleccionar instancias pares e impares de elementos de la lista? Esperaría que lo siguiente produzca una lista de colores alternos, pero en cambio obtengo una lista de elementos azules: <html> <head> <style> li { color: blue } li:odd {...
Mis preguntas) ¿Alguno de estos métodos es preferido por un diseñador web profesional? ¿Alguno de estos métodos es preferido por un navegador web al dibujar el sitio web? ¿Es todo esto solo preferencia personal? ¿Hay otras técnicas que me faltan? Nota: las preguntas anteriores se refieren al...
Tengo un área de texto HTML que es de ancho fijo, pero de altura variable. Me gustaría establecer overflow:scrolly poder mostrar una barra de desplazamiento vertical, pero no horizontal. No puedo usarlo overflow:autodebido a otras cosas específicas de mi situación. Sé que no hay forma de usar CSS2...
Quiero usar un icono de Font Awesome como contenido CSS, es decir, a:before { content: "<i class='fa...'>...</i>"; } Sé que no puedo usar el código HTML content, así que ¿solo quedan
¿Hay algo como Firebug que puedas usar en Google Chrome? Características esenciales que me gustaría: Inspeccionar la fuente HTML (seleccionar elementos, eliminarlos, etc.) verifique los valores CSS (la solución integrada es extraña, de alguna
Quiero que dos clases con nombres diferentes tengan la misma propiedad en CSS. No quiero repetir el código. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Ejecutar fragmento de códigoOcultar resultadosExpandir...
Más recientemente, he estado viendo preguntas con la etiqueta "webkit". Dichas preguntas suelen ser preguntas basadas en la web relacionadas con CSS, jQuery, diseños, problemas de compatibilidad entre navegadores, etc. Entonces, ¿qué es este "webkit" y cómo se relaciona con CSS? También he notado...
Quiero un botón para ocupar todo el ancho de la columna, pero tengo dificultades ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> ¿Cómo hago que el botón sea tan ancho como la...
¿Cuál es la diferencia entre las :focusy
Digamos que tienes un div, dale un definido widthy ponle elementos, en mi caso uno imgy otro div. La idea es que el contenido del contenedor divhará que el contenedor se divestire y sea un fondo para el contenido. Pero cuando hago esto, el contenido se divcontrae para adaptarse a los objetos no...
Estoy tratando de aplicar un degradado a un borde, pensé que era tan simple como hacer esto: border-color: -moz-linear-gradient(top, #555555, #111111); Pero esto no funciona. ¿Alguien sabe cuál es la forma correcta de hacer gradientes