Preguntas etiquetadas con css

Dado el siguiente marcado, ¿cómo podría usar CSS para forzar que una celda (todas las celdas de la columna) se ajuste al ancho del contenido dentro de ella en lugar de estirarla (que es el comportamiento predeterminado)? <style type="text/css"> td.block { border: 1px solid black; } </style> <table style="width: 100%;"> …

266 html  css  html-table 

Tengo un componente padre: <parent></parent> Y quiero llenar este grupo con componentes secundarios: <parent> <child></child> <child></child> <child></child> </parent> Plantilla principal: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Plantilla hijo: <div class="child">Test</div> Ya que parent y childson dos componentes separados, sus estilos son encerrados en su propio ámbito de …

266 css  angular  angular-components 

Puedo ver en las referencias de CSS cómo configurar la transparencia de la imagen y cómo configurar una imagen de fondo . Pero, ¿cómo puedo combinar estos dos para establecer una imagen de fondo transparente? Tengo una imagen que me gustaría usar como fondo, pero es demasiado brillante, me gustaría …

264 css 

Tengo que envolver mi ícono dentro de una <a>etiqueta por alguna razón. ¿Hay alguna forma posible de cambiar el color de un icono de fuente impresionante a negro? o es imposible siempre y cuando esté envuelto dentro de una <a>etiqueta? Se supone que Font Awesome es fuente, no imagen, ¿verdad? …

264 html  css  font-awesome 

Esto es lo que probé (ver aquí ): body { overflow: hidden; } span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; } Esencialmente, quiero que el lapso se reduzca con puntos suspensivos cuando la ventana se hace pequeña. ¿Qué hice mal?

264 html  css 

Tengo un botón de enlace dentro de uno <td>que tengo que deshabilitar. Esto funciona en IE pero no funciona en Firefox y Chrome. Estructura es - Enlace dentro de a <td>. No puedo agregar ningún contenedor en el <td>(como div / span) Intenté todo lo siguiente pero no funcionaba en …

263 javascript  jquery  html  css 

Tengo un gran párrafo de texto que se divide en subpárrafos con <br>'s: <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> Quiero ampliar la brecha entre estos subpárrafos, como si hubiera dos <br>o algo así. Sé que la forma …

263 html  css 

CSS Push Div en la parte inferior de la página Mire ese enlace, quiero lo contrario: cuando el contenido se desborda a las barras de desplazamiento, quiero que mi pie de página esté siempre en la parte inferior completa de la página, como Stack Overflow. Tengo un div con id="footer"y …

262 css  positioning  css-position  footer 

Estoy tratando de usar el :beforeselector para colocar una imagen sobre otra imagen, pero descubro que simplemente no funciona colocar una imagen antes de un imgelemento, solo algún otro elemento. Específicamente, mis estilos son: .container { position: relative; display: block; } .overlay:before { content: url(images/[someimage].png); position: absolute; left:-20px; top: -20px; …

262 html  css 

Tengo un proyecto que requiere imprimir una tabla HTML con muchas filas. Mi problema es la forma en que se imprime la tabla en varias páginas. A veces cortará una fila por la mitad, haciéndola ilegible porque la mitad está en el borde de una página y el resto se …

261 html  css  printing  html-table 

Tengo una tabla donde muestro / oculto una columna completa de jQuery a través de una clase CSS que no existe: <table> <thead> <tr> <th></th> <th class="target"></th> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td class="target"></td> <td></td> </tr> <tr> <td></td> <td class="target"></td> <td></td> </tr> </tbody> </table> Con este DOM puedo hacer …

260 html  css  w3c-validation  web-standards 

Estoy creando un formulario en Twitter Bootstrap pero tengo problemas para centrar el botón debajo de la entrada en el formulario. Ya he intentado aplicar elcenter-block clase al botón, pero eso no funcionó. ¿Cómo debo arreglar esto? Aquí está mi código. <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> …

260 html  css  twitter-bootstrap  button 

Quiero diseñar una página web con un banner y un iframe. Espero que el iframe pueda llenar toda la altura de página restante y cambiar su tamaño automáticamente a medida que el navegador cambia de tamaño. ¿Es posible hacerlo sin escribir código Javascript, solo con CSS? Intenté establecer height:100%en iframe, …

260 html  css  iframe 

Quiero eliminar toda sangría de ul. He intentado establecer margin, padding, text-indenta 0, pero sin éxito. Parece que el ajuste text-indenta un número negativo es el truco, pero ¿esa es realmente la única forma de eliminar la sangría?

260 html  css 

Quiero tener una lista "interna" con viñetas de lista o números decimales alineados con bloques de texto superiores. ¡Las segundas líneas de las entradas de la lista deben tener la misma sangría como la primera fila! P.ej: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. …

260 html  css  html-lists