Digamos que tengo un botón de arranque con un icono de fuente impresionante y algo de texto: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> ¿Cómo hago que el texto aparezca centrado verticalmente? El texto está alineado con el borde inferior del icono...
Quiero poner dos <div>s uno al lado del otro. El derecho <div>es de unos 200 px; y la izquierda <div>debe llenar el resto del ancho de la pantalla? ¿Cómo puedo hacer
¿Hay alguna manera de soltar la sombra solo en la parte inferior? Tengo un menú con 2 imágenes una al lado de la otra. No quiero una sombra correcta porque se superpone a la imagen correcta. No me gusta usar imágenes para esto, así que hay una manera de soltarlo solo en la parte inferior...
¿Es posible usar el selector CSS3 :first-of-typepara seleccionar el primer elemento con un nombre de clase dado? No he tenido éxito con mi prueba, así que creo que no. El Código ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type
Estoy tratando de duplicar un mensaje de correo electrónico que recibí en mi gmail mirando su código. Veo mucho de esto en múltiples espectadores de origen: <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td...
¿Hay alguna manera de tener un DIV secundario dentro de un DIV contenedor principal que sea más ancho que el primario? El DIV secundario debe tener el mismo ancho de la ventana gráfica del navegador. Ver ejemplo a continuación: El DIV hijo debe permanecer como hijo del padre div. Sé que puedo...
Sigo leyendo en todas partes que CSS no distingue entre mayúsculas y minúsculas, pero tengo este selector .holiday-type.Selfcatering que cuando uso en mi HTML, como este, se recoge <div class="holiday-type Selfcatering"> Si cambio el selector anterior
Quiero tener una página web que tenga una palabra centrada. Quiero que esta palabra se dibuje con una animación, de modo que la página "escriba" la palabra de la misma manera que lo haríamos, es decir, comienza en un punto y dibuja líneas y curvas con el tiempo de modo que el resultado final sea...
Estoy usando visibility:hiddenpara ocultar ciertos elementos, pero todavía ocupan espacio en la página mientras están ocultos. ¿Cómo puedo hacer que desaparezcan totalmente visualmente, como si no estuvieran en el DOM en absoluto (pero sin eliminarlos del
¿Puedes importar archivos .css en archivos .less ...? Estoy bastante familiarizado con menos y lo uso para todo mi desarrollo. Regularmente uso una estructura de la siguiente manera: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Todas las...
Estoy creando un sitio usando el nuevo Twitter Bootstrap. El sitio se ve bien y funciona en todos los navegadores necesarios, excepto IE8. En IE8 parece mostrar elementos de la versión móvil, pero se extiende por toda la pantalla de mi escritorio. Creo que el problema que tengo es que Twitter...
Estoy creando un sitio con DIVs. Todo está funcionando, excepto cuando creo un DIV. Los creo así (ejemplo): newdiv { width: 200px; height: 60px; padding-left: 20px; text-align: left; } Cuando agrego la padding-leftpropiedad, el ancho de los DIVcambios a 220px, y quiero que permanezca en...
Estoy usando jQuery y jQuery-ui y quiero animar varios atributos en varios objetos. Para explicar el problema aquí, lo he simplificado a un div que cambia de azul a rojo cuando el usuario pasa el mouse sobre él. Puedo obtener el comportamiento que quiero cuando uso animate(), sin embargo, al...
Todos mis botones se resaltan después de hacer clic en ellos. Esto está en Chrome. <button class="btn btn-primary btn-block"> <span class="icon-plus"></span> Add Page </button> Estoy usando Bootstrap con un tema, pero estoy bastante seguro de que no es así: me di...
Algo que me he estado preguntando durante un tiempo mientras hacía diseño CSS. ¿Se respetan los lugares decimales en los anchos CSS? ¿O son redondeados? .percentage { width: 49.5%; } o .pixel { width:
Yo uso este código para alinear a la derecha un botón. <p align="right"> <input type="button" value="Click Me" /> </p> Ejecutar fragmento de códigoHide resultsExpandir fragmento Pero las <p>etiquetas desperdician algo de espacio, por lo que buscan hacer lo mismo con...
Tengo esta @mediaconfiguración: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /*...
Es posible diseñar un marcador de posición de entrada de texto con lo siguiente: -webkit-input-placeholder { color: red; } Estoy viendo un sitio web en línea y me gustaría usar el mismo color de marcador de posición que ellos. ¿Es posible averiguar qué color usaron? Me gustaría incluir cualquier...
¿Cómo voltear cualquier imagen de fondo usando CSS? ¿Es posible? Actualmente estoy usando esta imagen de flecha en una background-imagede lien CSS Encendido: visitednecesito voltear esta flecha horizontalmente. Puedo hacer esto para hacer otra imagen de flecha PERO Tengo curiosidad por saber si...
Entonces actualmente tengo: #div { position: relative; height: 510px; overflow-y: scroll; } Sin embargo, no creo que sea obvio para algunos usuarios que haya más contenido allí. Podrían desplazarse hacia abajo en la página sin saber que mi div en realidad contiene mucho más contenido. Utilizo...