Tengo algo de HTML: <div align="center" style="border:1px solid red"> This is some text in a div element! </div> El Div está cambiando el espaciado en mi documento, así que quiero usar un lapso para esto. Pero span no está centralizando los contenidos: <span style="border:1px...
http://jsfiddle.net/S8g4E/ Tengo un contenedor divcon dos niños. El primer niño tiene una altura determinada. ¿Cómo puedo hacer que el segundo niño ocupe el "espacio libre" del contenedor divsin darle una altura específica? En el ejemplo, el rosa divdebería ocupar también el espacio en...
Tengo un par de selectores de scss en los que uso la misma cantidad positiva y negativa, como en: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Preferiría usar una variable para todas las cantidades de 15px, pero esto no funciona: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px...
He estado intentando durante un par de días configurar mi galería de miniaturas para que todas las imágenes aparezcan con la misma altura y ancho. Sin embargo, cuando cambio el código Css a, max-height: 150px; max-width: 200px; width: 120px; height: 120px; Obtengo imágenes que son todas del mismo...
Parece que Chrome / Firefox no trprocesa los bordes , pero muestra el borde si el selector lo está table tr td. ¿Cómo puedo poner un borde en un tr? Mi intento, que no funciona: table tr { border: 1px solid black; } <table> <tbody> <tr> <td> Text </td>...
Tengo un complemento de gráfico que inserta un lienzo y una leyenda <table>en su contenedor. En este complemento, tableno tiene widthdefinido y en mi CSS hay un ancho para las tablas dentro de ese contenedor donde se inserta mi complemento. Entonces, el nuevo div está heredando table{ width:...
Estuve atascado en esto por un tiempo y pensé en compartir esto position: sticky+ flexbox gotcha: Mi div pegajoso funcionaba bien hasta que cambié mi vista a un contenedor de caja flexible, y de repente el div no estaba pegajoso cuando estaba envuelto en un padre flexbox. .flexbox-wrapper {...
Bloqueado . Esta pregunta y sus respuestas están bloqueadas porque la pregunta está fuera de tema pero tiene un significado histórico. Actualmente no acepta nuevas respuestas o interacciones. Al leer en otro foro, me encontré con el mundo de CSS Frameworks. El que...
¿Cómo puedo hacer que los elementos de mi lista aparezcan horizontalmente en una fila usando CSS? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a...
Tengo un pequeño problema peculiar que actualmente resuelvo usando a table, ver más abajo. Básicamente, quiero que dos divs ocupen el 100% del ancho disponible, pero solo ocupen tanto espacio vertical como sea necesario (lo que no es tan obvio en la imagen). Los dos deben tener en todo momento...
Mi objetivo es aplicar CSS en el último li, pero no hace eso. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def"...
He estado intentando que el texto vaya en una dirección vertical como podemos hacer en las tablas de ms-word, pero hasta ahora solo he podido hacer ESTO ... con lo que no estoy contento porque es un cuadro girado ... Isn ' ¿Hay alguna manera de tener texto en dirección vertical real? Solo...
Tengo una mesa con 100% de ancho. Si pongo <td>s en él, se distribuyen con columnas de igual longitud. Sin embargo, quiero que todas las columnas, excepto la última, tengan el menor ancho posible, sin ajustar el texto. Lo que hice primero fue configurar width="1px"todos los...
Tengo una lista y los li tienen un float:left;. El contenido después del <ul>debe estar alineado correctamente. Por lo tanto, puedo construir lo siguiente: http://jsfiddle.net/8unU8/ Pensé que puedo eliminar el <div class="clear">usando pseudo selectores como: after. Pero el ejemplo...
Estoy tratando de ver, a través de las herramientas de desarrollo de Chrome, cómo se estructuran las descripciones emergentes en un sitio. Sin embargo, incluso cuando estoy sobre el elemento, cuando "inspecciono el elemento", no se muestra nada para la información sobre herramientas en el html. Sé...
Quiero diseñar un bloque de texto como la siguiente imagen: ¿Pregunta si esto es
Tengo un div con overflow:hidden, dentro del cual muestro un número de teléfono mientras el usuario lo escribe. El texto dentro del div se alinea a la derecha y los caracteres entrantes se agregan a la derecha a medida que el texto crece hacia la izquierda. Pero una vez que el texto es lo...
¿Hay alguna forma con CSS para apuntar a todas las entradas según su tipo? Tengo una clase deshabilitada que uso en varios elementos de formulario deshabilitados y estoy configurando el color de fondo para los cuadros de texto, pero no quiero que mis casillas de verificación obtengan ese color. Sé...
Es fácil establecer valores CSS en línea con javascript. Si quiero cambiar el ancho y tengo un html como este: <div style="width: 10px"></div> Todo lo que necesito hacer es: document.getElementById('id').style.width = value; Cambiará los valores de la hoja de estilo en línea....
Tengo un div 'mapwrap' configurado en 400px x 400px y dentro de eso tengo un 'mapa' de Google configurado en 100% x 100%. Entonces, el mapa se carga a 400 x 400px, luego con JavaScript cambio el tamaño del 'mapwrap' al 100% x 100% de la pantalla; el mapa de Google cambia de tamaño a toda la...