Programación css

21

¿Cómo ocultar el elemento usando Twitter Bootstrap y mostrarlo usando jQuery?

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 / Javascript? JavaScript: $(function(){ $("#my-div").show(); }); Resultado: (con cualquiera de estos). Me gustaría que los elementos anteriores estén ocultos. ¿Cuál …

235 javascript jquery html css twitter-bootstrap

14

¿Se puede usar CSS para reflejar / voltear texto?

¿Es posible usar CSS / CSS3 para reflejar el texto? Específicamente, tengo este carácter de tijera “✂” ( &#9986;) que me gustaría mostrar apuntando hacia la izquierda y no hacia la derecha.

235 html css

6

Chrome / Safari no llena el 100% de la altura del padre flexible

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 tienen …

235 css google-chrome webkit flexbox

12

¿Cómo puedo anular los estilos CSS de Bootstrap?

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 modificaciones. Sacrificaré algo de tiempo de carga para estos estilos, …

234 html css twitter-bootstrap

9

cambiar el cursor al puntero del dedo

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 pointing hand)" Pero no está funcionando para mí. Además, no …

234 html css mouseevent

10

¿Cómo centrar un iframe horizontalmente?

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 podría alinearlo centralmente?

234 html css iframe alignment center-align

3

CSS para establecer el tamaño de papel A4

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 { …

233 css printing print-preview

8

Renderice una cadena en HTML y conserve espacios y saltos de línea

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 …

233 html css newline whitespace line-breaks

8

Aplicar estilo CSS a elementos secundarios

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 …

232 css css-selectors

9

Tamaño de entrada vs ancho

<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é base.

231 html css

29

Tabla HTML con encabezados fijos?

¿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 …

231 javascript css html-table

14

¿Cómo centrar el texto verticalmente con un gran icono de fuente impresionante?

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 ahora: http://jsfiddle.net/V7DLm/1/ EDITAR: Tengo una posible solución …

231 html css font-awesome

15

¿Cómo crear una sombra paralela solo en un lado de un elemento?

¿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 …

230 css

13

CSS dos divs uno al lado del otro

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 esto?

230 html css

9

Selector CSS3: ¿el primero de tipo con nombre de clase?

¿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 {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should …

230 css css-selectors

Preguntas etiquetadas con css