Tag: HTML-TABLE
Quiero que mi tabla sea de doble sentido con efecto hover, como en esta imagen: Actualmente, mi css es el siguiente: tr { &:hover { background-color: #f1efeb; } &:first-child { z-index: 1; position: relative; } &:not(:first-child) { td { &:not(:first-child) { &:hover { &::after { background-color: #f1efeb; content: ”; height: . . . Read more
Tengo un problema extraño con mi tabla, Normalmente quiero bordes alrededor de las cabeceras de mi tabla y las celdas de la tabla, Pero por alguna razón solo me da un borde alrededor de toda la tabla. ¿Cómo puedo solucionarlo? Imágenes y código adjunto Así es como se ve HTML: . . . Read more
Tengo esta fila de tabla rápida y poco profesional que se construye así: <tr> <th colspan=”2″ align=”right”> <p style=”display:inline; vertical-align:middle; align:left” id=”waschmaschine”><img src=”wm_2.png” height=”28px”> </p> <p style=”display:inline” id=”temp_innen”>26.11</p>°C | <p style=”display:inline” id=”humid_innen”>24.17</p>% | <p style=”display:inline” id=”localtime”>2022.01.06 15:35</p> </th> </tr> Se utilizan los identificadores, ya que el texto se cambia más adelante mediante . . . Read more
Como experto como usted, ¿cómo codificaría un fondo de tr de impares y pares para que sea visible al imprimir? Intenté sin éxito agregarles !important en @media print @media print { table > tr:nth-child(odd) { background: lightgrey!important; } table > tr:nth-child(even) { background: white!important; } } Saludos
Mi tabla tiene border-collapse: seperate; y border-spacing: 50px 0;. Al pasar el cursor, todo el fondo de la fila cambia. El problema es que el área vacía del border-spacing no cambia. Puedo usar padding en lugar de border-spacing, pero tengo bordes y colores de fondo en las columnas, por lo . . . Read more