Digamos que quiero una manera de mostrar solo el centro de 50x50px de una imagen que tiene 250x250px en HTML. Cómo puedo hacer eso. Además, ¿hay alguna manera de hacer esto para las referencias css: url ()? Soy consciente del clip en CSS, pero parece que solo funciona cuando se usa con...
¡Aquí hay unas preguntas CSS interesantes para ti! Tengo un área de texto con un fondo transparente que superpone algunos TEXTOS que me gustaría usar como una especie de marca de agua. El texto es grande y ocupa la mayoría del área de texto. Se ve bien, el problema es que cuando el usuario hace...
¿Hay alguna razón para usar un en <div style="display:inline-block">lugar de un <span>para diseñar una página web? ¿Puedo poner contenido anidado dentro del intervalo? ¿Qué es válido y qué no? ¿Está bien usar esto para hacer una tabla de 3x2 como diseño? <div> <span>...
Tengo una situación en la que, en circunstancias normales de CSS, un div fijo se colocaría exactamente donde se especifica ( top:0px, left:0px). Esto no parece respetarse si tengo un padre que tiene una transformación translate3d. ¿No estoy viendo algo? He probado otras opciones de estilo de...
Quiero crear páginas comunes de encabezado y pie de página que se incluyen en varias páginas html. Me gustaría usar javascript. ¿Hay alguna manera de hacer esto usando solo html y JavaScript? Quiero cargar una página de encabezado y pie de página dentro de otra página
Estoy tratando de usar variables CSS en la consulta de medios y no funciona. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint))
¿Puedo definir un nombre de clase en el párrafo usando Markdown? ¿Si es así,
Tengo 2 formularios básicos: iniciar sesión y suscribirse, ambos en la misma página. Ahora, no tengo ningún problema con el formulario de inicio de sesión de llenado automático,pero el formulario de registro también se completa automáticamente, y no me gusta. Además, los estilos de formulario...
Al agregar divs a a divcon una altura fija, los divisores secundarios aparecerán de arriba a abajo, pegándose en el borde superior. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Ahora estoy tratando de mostrarlos de abajo hacia arriba de esta...
¿Por qué no tenemos box-sizing: margin-box;? Por lo general, cuando ponemos box-sizing: border-box;en nuestras hojas de estilo realmente nos referimos a lo primero. Ejemplo: Digamos que tengo un diseño de página de 2 columnas. Ambas columnas tienen un ancho del 50%, pero se ven un poco feas...
Estoy tratando de entender lo que parece ser un comportamiento inesperado para mí: Tengo un elemento con una altura máxima del 100% dentro de un contenedor que también usa una altura máxima pero, inesperadamente, el niño desborda al padre: Caso de prueba:
Tengo una plantilla y tiene una referencia a una fuente de Google como esta: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'> ¿Cómo puedo descargarlo y configurarlo para usarlo en mis páginas que se ejecutan sin...
Supongamos que tengo la siguiente regla CSS en mi página: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ¿Cómo puedo detectar cuál de las fuentes definidas se utilizó en el navegador del usuario? Edite para las personas que se preguntan por qué quiero hacer esto: la fuente...
He estado mirando una plantilla HTML 5 repetitiva (de http://html5boilerplate.com/ ) y noté el uso de las "?v=1"URL al referirme a archivos CSS y Javascript. ¿Qué significa agregar "?v=1"a las URL de CSS y Javascript en etiquetas de enlace y script? No todas las URL de Javascript tienen el...
Esto es lo que estoy tratando de lograr en HTML / CSS: Tengo imágenes en diferentes alturas y anchos, pero todas tienen menos de 180x235. Entonces, lo que quiero hacer es crear un divcon bordery vertical-align: middletodos ellos. Lo he hecho con éxito, pero ahora estoy atrapado en cómo vincular...
Hay muchos artículos y preguntas sobre fuentes de tamaño porcentual frente a otras de otro tamaño . Sin embargo, no puedo averiguar CUÁL se supone que es la referencia del valor porcentual. Entiendo que esto es 'el mismo tamaño en todos los navegadores'. También leí esto, por ejemplo: Porcentaje...
Quiero aplicar algunos css para los elementos de entrada y quiero hacerlo solo para las entradas que no están deshabilitadas y no envían el tipo, debajo de css no funciona, tal vez si alguien puede explicarme cómo se debe agregar esto. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0...
Probé este método ( su violín ) para habilitar el menú desplazable con Bootstrap, pero con ese enfoque, el menú desplazable expande su contenedor, violín , el menú no desplazable, correctamente, no hace esto. ¿Cómo puedo arreglar esto? ¡También agradecemos las sugerencias sobre otros enfoques...
Estoy luchando por crear un cuadro de texto que se ajuste a todo el ancho del área de mi contenedor . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your...
Acabo de enterarme de una unidad CSS nueva y poco común. vhy vwmida el porcentaje de alto y ancho de la ventana gráfica respectivamente. Miré esta pregunta de Stack Overflow, pero hizo que las unidades se vean aún más similares. ¿Cómo funciona la unidad vw y vh? La respuesta dice...