El siguiente es mi código y quiero entender por qué #firstDiv está siendo empujado hacia abajo por todos los navegadores. Realmente quiero entender el funcionamiento interno del hecho de que se está empujando hacia abajo en lugar de tirar hacia arriba de una manera u otra. (y sé cómo alinear sus...
¿Cómo puedo escalar el contenido de un iframe (en mi ejemplo es una página HTML y no una ventana emergente) en una página de mi sitio web? Por ejemplo, quiero mostrar el contenido que aparece en el iframe al 80% del tamaño
Me gustaría usar un interruptor para el diseño de etiquetas de párrafo en una página web. Yo uso el pseudoelemento posterior: p:after {content: url("../img/paragraph.gif");} Ahora necesito eliminar este código CSS de la página. ¿Cómo se puede hacer esto fácilmente? Quiero agregar eso: jQuery...
Me había estado estrujando el cerebro creando una alineación vertical en CSS usando lo siguiente .base{ background-color:green; width:200px; height:200px; overflow:auto; position:relative; } .vert-align{ padding-top:50%; height:50%; } <!-- and used the following div...
El color predeterminado del enlace es azul. ¿Cómo eliminar el color de enlace predeterminado de la etiqueta de hipervínculo html
Quiero tener una escala de contenido del elemento svg en línea cuando el tamaño no es nativo. Por supuesto, podría tenerlo como un archivo separado y escalarlo así. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Sin embargo,...
На этот вопрос есть ответы en Stack Overflow на русском : elemento Flexbox - перенос на новую строку ¿Hay alguna manera de hacer un salto de línea en flexbox de varias líneas? Por ejemplo, para romper después de cada 3er elemento en este CodePen . .container {...
¿Cuál de los siguientes debo usar en mis hojas de estilo? /* Example #1: */ background-image: url(image.png); /* Example #2: */ background-image: url("image.png"); /* Example #3: */ background-image: url('image.png'); ¿Qué especifica el W3C como la forma correcta
¿Es posible usar CSS / CSS3 para reflejar el texto? Específicamente, tengo este carácter de tijera “✂” ( ✂) que me gustaría mostrar apuntando hacia la izquierda y no hacia la
¿Hay alguna manera de correr? sass --watch a.scss:a.css pero han a.cssterminado siendo minificados? ¿Cómo evitaría tener que ejecutar un paso de minificación por separado mientras compilo mi hoja de
Digamos que creo un elemento HTML como este, <div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div> ¿Cómo podría mostrar y ocultar ese elemento HTML de jQuery /...
Quiero tener un menú vertical con una altura específica. Cada niño debe llenar la altura del padre y tener texto alineado en el medio. El número de hijos es aleatorio, así que tengo que trabajar con valores dinámicos. Div .containercontiene un número aleatorio de hijos ( .item) que siempre...
Considere el siguiente ejemplo: ( demostración en vivo ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Resultado: ¿Por qué el iframeno está alineado centralmente como el div? ¿Cómo...
Tengo esto ay no sé si necesito insertarlo en el "onmouseover" para que el cursor cambie al puntero del dedo como un enlace normal: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Leí en alguna parte que necesito poner: onmouseover="cursor: hand (a...
Necesito modificar bootstrap.csspara que se ajuste a mi sitio web. Siento que es mejor crear un custom.cssarchivo separado en lugar de modificarlo bootstrap.cssdirectamente, una razón es que debería bootstrap.cssrecibir una actualización, sufriré al tratar de volver a incluir todas mis...
Tengo una aplicación MVC3 que tiene una página de detalles. Como parte de eso, tengo una descripción (recuperada de una base de datos) que tiene espacios y nuevas líneas. Cuando se representa, el html ignora las nuevas líneas y espacios. Me gustaría codificar esos espacios y nuevas líneas para que...
Necesito simular un papel A4 en la web y permitir imprimir esta página como se muestra en el navegador (Chrome, específicamente). Configuré el tamaño del elemento en 21cm x 29.7cm, pero cuando envío para imprimir (o imprimir vista previa) recorta mi página. ¡Mira este ejemplo en vivo ! body {...
Quiero aplicar estilos solo a la tabla dentro del DIV con una clase particular: Nota: Prefiero usar un selector css para elementos secundarios. ¿Por qué funciona el # 1 y el # 2 no? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, caption...
¿Existe una técnica CSS / JavaScript entre navegadores para mostrar una tabla HTML larga de modo que los encabezados de las columnas permanezcan fijos en la pantalla y no se desplace con el cuerpo de la tabla? Piense en el efecto de "congelar paneles" en Microsoft Excel. Quiero poder desplazarme...
<input name="txtId" type="text" size="20" /> o <input name="txtId" type="text" style="width: 150px;" /> ¿Cuál es el código óptimo del navegador cruzado? Por supuesto, depende de los requisitos, pero tengo curiosidad por saber cómo deciden las personas y sobre qué...