border-bottom:0 en td

[hiltman]

se puede aplicar eto en un td? border-bottom:0, esque tengo una tabla y quiero quitar algunos bordes no todos en sitios especificos.Por ejemplo quitar el borde derecho de un td.

[Shantic]

si usas CSS si, primero tienes que definir un borde por ejemplo

.bordeTD {
border:1 solid #000;
border-bottom:0;
}

y en el td que quieras usarlo pones:
<table border="0"><tr><td class="borderTD">hola</td></tr></table>

[hiltman]

mmmm lo he estado probando pero no funciona se queda sin nigun border parece ser que no funciona

[Mikmoro]

Eso es por el border 0 de la tabla: <table border="0">. Ponlo a 1: <table border="1">

Mikel.

[hiltman]

muchas gracias a todos jejeje, he estado probando y funciona pero con border colapse no funciona, sabeis por que??


Muchas gracias

[hiltman]

alguien sabe por que?

[Mikmoro]

¿Lo estás usando bien?

border-collapse: collapse;

Mikel

[hiltman]

Tengo dos clases una para la (border-collapse) y luego

.borderTD {
border:0 solid #444;
border-bottom:0;
}

Para el td.Asi no me funciona jejeje he estado probando pero nada. muchas gracias!

[Mikmoro]

Si puedes pon el trozo entero de html y css implicados y explica un poco lo que quieres conseguir, a ver qué se ve por ahí.

Mikel.

[hiltman]

ok.

Quiero una tabla con 6 columnas y 3 filas. y lo tengo asi:

Código HTML:

<table border="1"  id="compratabla">
<tr>
  <td></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td class="borderTD"></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td class="borderTD"></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td class="borderTD"></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td class="borderTD"></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td></td>
  <td></td>
  <td></td>
</tr>
</table> 

estilos

Código HTML:

.borderTD {
  border:0 solid #444;
  border-bottom:0;
}
#tablapedidos{
  border-collapse: collapse;
}

asi es la estructura, muchas gracias!

[tunait]

Código:

.borderTD {
  border:0 solid #444;
  border-bottom:0;
}

Ahí le estás pidiendo que no muestre bordes

[hiltman]

Los siento por no especificar el problema ,torpe de mi Xd!el problema es que no quita nada con collapse pero con doble borde si lo quita, un poco extraño verdad?

Gracias!

[tunait]

Código:

#tablapedidos{
  border-collapse: collapse;
}

Código:

<table border="1"  id="compratabla">

¿será porque se lo estás aplicando a otra tabla?

[hiltman]

mmmmm torpe de mi! jejeje pero sigue insistiendo el problema, da igual se se le pone clase o id?alomejor se necesita otro metodo apra quitar los bordes,no?

Muchas gracias por la correcion!

[tunait]

Iniciado por hiltman

pero sigue insistiendo el problema

Pues lo he probado y sí funciona ok el colapso de los bordes.

Qué es exactamente lo que quieres lograr visualmente?

Iniciado por hiltman

da igual se se le pone clase o id?

Sí. Las clases se crean cuando múltiples elementos en un documento van a usar el formato definido en la clase. El id es lo mismo pero para un único elemento en el documento.

[hiltman]

esta tabla la utilizo para mostrar las compras que realiza un usuario en mi tienda Online, la primera final se muestra el producto y demás cosas, pero en al segunda se muestra el precio total entonces a la izquierda queda un recuadro que sobra y lo quiero quitar. Si no entiendes como es ago un ejemplo sencillo y lo cuelgo.

Muchas gracias!

[tunait]

Iniciado por hiltman

Si no entiendes como es ago un ejemplo sencillo y lo cuelgo.

Pues casi que sí porque no lo acabo de pillarlo

[hiltman]

Ejemplo:

Código HTML:

<table border="1"  id="compratabla">
<tr>
  <td>SI</td>
  <td>SI</td>
  <td>SI</td>
</tr>
<tr>
  <td class="borderTD">no quiero que salga este recuadro</td>
  <td>SI</td>
  <td>SI</td>
</tr>
<tr>
  <td class="borderTD">no quiero que salga este recuadro</td>
  <td>SI</td>
  <td>SI</td>
</tr>
<tr>
  <td class="borderTD">no quiero que salga este recuadro</td>
  <td>SI</td>
  <td>SI</td>
</tr>
<tr>
  <td class="borderTD">no quiero que salga este recuadro</td>
  <td>SI</td>
  <td>SI</td>
</tr>
<tr>
  <td class="borderTD">no quiero que salga este recuadro</td>
  <td class="borderTD">no quiero que salga este recuadro</td>
  <td>SI</td>
</tr>
</table> 

El SI es lo que quiero que salga o se muestre y por lo contrario el no quiero que salga este recuadro es lo que propiamente dice.Copialo en un HTML normal, Muchas gracias!

[tunait]

Prueba con estos estilos

Código HTML:

#compratabla{
  border-collapse: collapse;
  border:1px solid #444;
}
#compratabla td{
	border: 1px solid #444;
}
#compratabla td.borderTD {
  border:0 none ;
}

a ver si es eso ...

[Mikmoro]

Coño, síque ha corrido el hilo desde esta mañana

Yo lo que haría sería plantearlo exactamente al contrario:

<style type="text/css">
#compratabla {border-collapse: collapse;}
#compratabla, .bordesi {border: solid 1px #000;}
</style>
</head>
<body>
<table id="compratabla">
<tr>
<td class="bordesi">SI</td>
<td class="bordesi">SI</td>
<td class="bordesi">SI</td>
</tr>
<tr>
<td>no quiero que salga este recuadro</td>
<td class="bordesi">SI</td>
<td class="bordesi">SI</td>
</tr>
<tr>
<td>no quiero que salga este recuadro</td>
<td class="bordesi">SI</td>
<td class="bordesi">SI</td>
</tr>
<tr>
<td>no quiero que salga este recuadro</td>
<td class="bordesi">SI</td>
<td class="bordesi">SI</td>
</tr>
<tr>
<td>no quiero que salga este recuadro</td>
<td class="bordesi">SI</td>
<td class="bordesi">SI</td>
</tr>
<tr>
<td>no quiero que salga este recuadro</td>
<td>no quiero que salga este recuadro</td>
<td class="bordesi">SI</td>
</tr>
</table>
</body>
</html>

Creo que está clavadito clavadito

Mikel.

[tunait]

Iniciado por Mikmoro

Coño, síque ha corrido el hilo desde esta mañana

jeje es que le hemos estado pedaleando

[hiltman]

Si funciona! pero solo en IE XD, muchas gracias! sabes alguna forma para hacerlo en firefox?



:apla uso:

[hiltman]

Iniciado por tunait

jeje es que le hemos estado pedaleando

jajajajajaja ya ves XD!

[Mikmoro]

Iniciado por hiltman

Si funciona! pero solo en IE XD, muchas gracias! sabes alguna forma para hacerlo en firefox?



:apla uso:

¿te refieres a mi solución o la de tunait? porque la mia funciona exactamente igual en IE6 y FF.

Mikel.

[tunait]

Iniciado por hiltman

Si funciona! pero solo en IE XD, muchas gracias! sabes alguna forma para hacerlo en firefox?

Pues tanto el código que te puse yo como el que te dejó Mikmoro funcionan ok en firefox

[hiltman]

Iniciado por Mikmoro

¿te refieres a mi solución o la de tunait? porque la mia funciona exactamente igual en IE6 y FF.

Mikel.

Había probado la de tunait, ahora he probado la tuya y funciona a la perfección, muchas gracias a los dos habeis sido de gran ayuda!

[Mikmoro]

Iba a añadir que las dos soluciones son prácticamente iguales (es que tú la ponías mientras yo escribía y no la había leido )

Quizá la diferencia es que yo le he quitado el borde="1" a la tabla.

Mikel.

[tunait]

Iniciado por Mikmoro

Quizá la diferencia es que yo le he quitado el borde="1" a la tabla.

En mi prueba local también quité el border="1" a la tabla. Tal vez si no lo sacaste te daba distinto resultado se me pasó avisarte de que lo quitaras.

Iniciado por Mikmoro

Iba a añadir que las dos soluciones son prácticamente iguales (es que tú la ponías mientras yo escribía y no la había leido )

Yep. Una solución pone bordes iniciales a todo y se los quita a los marcados con la clase y la otra no pone bordes iniciales y los coloca sólo a los marcados con la clase.

Como hay menos celdas a mostrar sin bordes preferí aplicarle a esas la clase para tener menos class="" en el código fuente

Me alegra que lo resolvieras

Un saludote

[hiltman]

si, tu dejas el border por defecto que es 0 y empiezas a dibujar y tunait al revés lo dibuja y luego lo borra. jejejeje Muchas gracias!