Tengo un diseño simple de caja flexible con un contenedor como: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Ahora quiero que los elementos en la última fila estén alineados con el otro. justify-content: space-between;debe usarse porque el ancho y la altura de...
Tenía la siguiente página (deadlink:) http://www.workingstorage.com/Sample.htmque tiene un pie de página que no puedo dejar en la parte inferior de la página. Quiero el pie de página para pegarse a la parte inferior de la ventana cuando la página es corta y la pantalla no está llena,...
¿Es posible establecer sombra paralela para un elemento svg usando css3, algo así como box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Vi algunos comentarios sobre la creación de sombras usando efectos de filtro. ¿Hay un ejemplo de uso de CSS solo? A continuación se...
Tengo estos divs anidados y necesito que el contenedor principal se expanda (en altura) para acomodar los DIV dentro <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc....
Quiero usar la barra de navegación predeterminada de Bootstrap 3 con un logotipo de imagen en lugar de la marca de texto. ¿Cuál es la forma correcta de hacer esto sin causar problemas con diferentes tamaños de pantalla? Supongo que este es un requisito común, pero aún no he visto un buen ejemplo de...
Tengo un divcon algunos niños: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> y quiero el siguiente diseño: ------------------- |heading 1...
Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 2 meses .
Mi sitio web funciona bien en el navegador iPhone / Safari, con una excepción: mis campos de entrada de texto tienen un estilo redondeado extraño que no se ve bien en absoluto con el resto de mi sitio web. ¿Hay alguna manera de indicarle a Safari (a través de CSS o metadatos) que no redondee los...
html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } El svg anterior se carga y es nativo, fill: #fffpero cuando uso el anterior csspara intentar cambiarlo a negro no cambia, esta es la primera vez que juego con SVG y no estoy seguro de por qué no...
Lo que intento hacer es contar todos los elementos en la página actual con la misma clase y luego lo usaré para agregarlo a un nombre para un formulario de entrada. Básicamente, estoy permitiendo que los usuarios <span>hagan clic en ay luego, agregando otro para obtener más del mismo tipo de...
¿Cuál es exactamente la diferencia entre margen y relleno en CSS? Realmente no parece tener mucho propósito. ¿Podría darme un ejemplo de dónde se encuentran las diferencias (y por qué es importante saber la
¿Cómo puedo dirigir campos de entrada de tipo 'texto' usando selectores CSS?
¿Cómo seleccionaría todos menos el último hijo usando los selectores CSS3? Por ejemplo, obtener solo el último hijo sería
Estoy usando Bootstrap 3 para construir un diseño receptivo donde quiero ajustar algunos tamaños de fuente de acuerdo con el tamaño de la pantalla. ¿Cómo puedo usar consultas de medios para hacer este tipo de
Considere el siguiente código : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who...
Tengo una lista de elementos, que tienen el siguiente estilo: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li>
No quiero heredar la opacidad del niño del padre en CSS. Tengo un div que es el padre, y tengo otro div dentro del primer div que es el hijo. Quiero establecer la propiedad de opacidad en el div padre, pero no quiero que el div hijo herede la propiedad de opacidad. ¿Cómo puedo hacer...
No sé por qué este simple CSS no está funcionando ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div...
Intentando un navegador flexbox que tiene hasta 5 elementos y tan poco como 3, pero no divide el ancho por igual entre todos los elementos. Violín El tutorial que estoy modelando después es http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ HABLAR CON DESCARO A * {...
¿Alguien puede mostrarme la diferencia entre align-itemsy