Raya horizontal debajo de

GarciGames

Hola quiero poner una raya horizontal entre estos dos tr, la parte de arriba es como los titulos descriptivos del articulo y el otro pues los números pero no consigo poner la raya en medio y no entiendo porque. (Seguramente será superbásico pero no me sale)

<tr>
<th>Nm</th>
<th>RPM</th>
<th>Articulo</th>
</tr>
par
<tr>
<td>6Nm</td>
<td>28RPM</td>
<td>105011005</td>
</tr>

Gracias de antemano

banerplayer

<tr style="border-bottom: 2px solid red">
<th>Nm</th>
<th>RPM</th>
<th>Articulo</th>
</tr>
par
<tr>
<td>6Nm</td>
<td>28RPM</td>
<td>105011005</td>
</tr>

De nada

2 respuestas
Troyer

#2 Los tr no aceptan borders.

#1 Aquí tienes: https://jsfiddle.net/1tfzy2aw/1/ si quieres los espacios entre los th borra el border-collapse.

3 4 respuestas
GarciGames

Muchisimas gracias #3 (Troyer) va perfecto ;)

banerplayer

#3 Lo probé en jsFiddle y funcionaba, la verdad que no suelo tocar nada de estilos en tablas (suelo usar datatables y su estilo por defecto). Gracias lo tendré en cuenta ;)

1 respuesta
Troyer

#5 https://jsfiddle.net/7s0p3yy8/ ?

1 respuesta
banerplayer

#6 Efectivamente no funciona, no es lo que hice, tenia cargado bootsrap en el fiddle y con la condicion "table tr:first-child" en el css.
No lo tengas en cuenta, hoy estoy que no doy pie con bola.

1 respuesta
Troyer

#7 El problema de usar el :first-child es que es rizar el rizo, ya que una tabla debe de tener th como primera fila, así que si quieres ponerle estilos a la primera fila seleccionas los th de la tabla con css y p'alante.

Recomiendo leer esto: http://www.seocial.com/table-search-serps-prognosis/

18 días después
GarciGames

Hola reavivo este tema porque me ha surgido una duda como hago espacio entre columnas? #2 #3

2 respuestas
Traber

#9 Pidiéndole a otro que lo haga por tí... Ah, no, que ya lo estás haciendo xD.

Troyer

#9 No es posible meter espacio entre los tds, puedes meterles paddings si quieres.

https://jsfiddle.net/1tfzy2aw/5/

También puedes leer: https://www.w3schools.com/html/html_tables.asp , lo que pides es de carácter muy básico y lo puedes encontrar en 5 segundos con google, te recomiendo que aprendas a googlear porque si te vas a dedicar a esto es lo que mejor debes de saber hacer.

eXtreM3

#3 qué es eso de que los tr no aceptan borders?

https://jsfiddle.net/1tfzy2aw/6/

1

Usuarios habituales

  • eXtreM3
  • Troyer
  • Traber
  • GarciGames
  • banerplayer