Articles of css

Cómo mostrar u ocultar un elemento basado en un Array of Geo ip

Hola. Estoy buscando hacer una statement if en JS. Quiero decir “Hola Europa” en mi html si la IP de visita es de Europa. CSS #US { text-align: left; color: blue; display:none;} #CA { text-align: left; color: blue; display:none;} #World { text-align: left; color: blue; display:none;} #Europe { text-align: left; color: blue; display:none;} HTML Loading… […]

Cómo hacer cajas div con flotadores tienen la misma altura con contenido dynamic

En las tablas, si tiene una fila, esa fila tiene la misma altura y todas las celdas de la fila aumentan y disminuyen con contenido dynamic. (Si una celda tiene una tonelada de texto y las otras no mucho, todas tienen la misma altura, permitiéndole hacer columnas y filas). Con la popularidad de los diseños […]

El texto de la barra de navegación se alinea hacia atrás (CSS)

Estoy en el proceso de desarrollar mi primer sitio web y tengo un problema con la barra de navegación. Estoy usando reglas CSS para alinear la barra, pero desafortunadamente cuando configuro las reglas para float:right; Mi texto está flotando a la derecha pero está alineado hacia atrás en la barra. ¿Cómo puedo hacer que el […]

¿Cómo puedo obtener el elemento li en “Angular2 para TypeScript” (beta) para agregar una clase CSS específica?

En mi proyecto Angular2 estoy tratando de implementar un cuadro de búsqueda con un cuadro de resultados que aparece como en Google. Eso es lo que obtuve y funciona, pero desafortunadamente cuando buscas algo y presionas “tecla abajo” o “tecla arriba”, el resultado de búsqueda en el cuadro de resultados no se resalta como en […]

CSS Flex – Tengo una lista de elementos que puedo necesitar para desplazarlos horizontalmente con el desbordamiento oculto

Tengo 3 artículos dentro de un div. Este su contenedor debe ser 100% widget con una barra de desplazamiento horizontal. Así como un carrusel. .wrapper { display: flex; flex: 1 1 0; overflow-x: scroll; overflow-y: hidden; } .content { display: flex; width: 500px; } .item { height: 200px; width: 100px; margin-right: 10px; } Resultado: quiero […]

Selector de hermanos CSS w / Hover

Así que esto es lo que estoy tratando de hacer: Tengo dos icons uno al lado del otro y, debajo, tengo dos tramos ocultos. Cuando muevo el mouse sobre un icono, quiero que aparezca el intervalo correspondiente. ———— Parte HTML —————– one two ————– CSS Part ————– span.popups span.one,span.popups span.two{opacity:0; span.icons:first-child:hover + span.popups span.one{opacity:1} span.icons:last-child:hover […]

Columnas anexas de igual altura de flexbox rotas en Google Chrome

Quiero que una serie de bloques de la barra lateral estén espaciados uniformemente a lo largo de un largo post. Para lograr esto, estoy usando Flexbox dentro de la barra lateral para manejar el espaciado uniforme de los bloques. Esto funciona perfectamente. Código de la pluma: http://codepen.io/jameswilson/pen/yyOLaz?editors=110 ACTUALIZACIÓN: se ha encontrado una solución de trabajo, […]

Cómo cambiar el color de los enlaces de navegación según la página al usar PHP

Actualmente tengo 7 páginas que contienen la misma navegación. Estoy deseando cambiar el color de cada enlace siempre que esté en su página respectiva. Entonces, si estoy en la página de inicio, quiero que el enlace de Inicio sea de un color diferente. Lo único es que estoy usando PHP para incluir mi navegador. ¿Puede […]

D3 Chart SVG Responsive Bars and Axis

He creado un gráfico D3 paso a paso. He hecho algunos cambios para hacer que el SVG responda. Mi objective ahora es hacer que el gráfico de barras sea más receptivo para que sea más fácil de leer cuando el tamaño de la pantalla es más pequeño (ancho). He pegado el fragmento a continuación y […]

Styling html en email

Estoy enviando correos electrónicos con una versión HTML para clientes capaces (¿no es eso prácticamente todo en la actualidad?). Mi preocupación es cómo diseñarlo. ¿Uso inline css? ¿Puedo incluir la hoja de estilo en el html? ¿El HTML comienza con o ? ¿Hay algún estándar que pueda leer sobre esto? ¿Hasta dónde puedo llegar en […]