Entrar

Tablas y CSS

Davidid · · Solicitar retirada
Hola, primeramente me gustaría felicitaros por la web de CCTW con la que he podido aprender un montón de cosas.

Bueno, mi duda es que a la hora de crear una tabla escribo:

<table>
<tr><td>Holahola</td><td>adiosadios</td></tr>
<tr><td>cosacosa</td><td>algoalgo</td></tr></table>

Claro, así me sale una tabla de 2x2 y sin bordes. Si quiero bortes puedo escribir border="2px" en la etiqueta table y sale bien.
Sin embargo si lo hago mediante css, escribo:

table   {border-width:2px ;}

Y esto no hace nada. ¿es normal o que estoy haciendo mal?

Gracias de antemano.
manmanu · · Solicitar retirada
Hola amigo Davidid,
Bienvenido al foro.
A mí si me funciona.
Igual hay algo que no está bien escrito en tú hoja.

Copialo y pruebalo.
Espero haberte ayudado.


Saludos manmanu




<style type="text/css">
<!--
table{border:#33FF33 dashed 3px}
td{border: #CC0000 solid 3px}

-->
</style>


<table>
<tr><td bgcolor="#FFCC00">Holahola</td><td bgcolor="#6666FF">adiosadios</td></tr>
<tr><td bgcolor="#6666FF"> cosacosa</td><td bgcolor="#FFCC00">algoalgo</td></tr></table>
manmanu · · Solicitar retirada
Hola de nuevo Davidid,

Al final se me fue de la cabeza el asunto de tú pregunta, y quise poner un ejemplo.
Pero en la realidad el que quería poner en referencia a tú pregunta;
Davidid escribió:Claro, así me sale una tabla de 2x2 y sin bordes. Si quiero bortes puedo escribir border="2px" en la etiqueta table y sale bien.
Sin embargo si lo hago mediante css, escribo:

Código:
table {border-width:2px ;}


Y esto no hace nada. ¿es normal o que estoy haciendo mal?

Quiero que veas en éste ejemplo, como a mí me sigue funcionando;
<style type="text/css">
<!--
table{border:#33FF33 solid ;border-width:10px}
td{border: #CC0000 solid ;border-width:10px }

-->
</style>


<table>
<td bgcolor="#FFCC00">Holahola</td><td bgcolor="#6666FF">adiosadios</td>
<tr><td bgcolor="#6666FF"> cosacosa</td><td bgcolor="#FFCC00">algoalgo</td></tr></table>
Conclusión!!! casi seguro hay algo que no está bien escrito, la ruta css, etc.
Los valores que he puesto es un poco para el ejemplo,evidentemente se pueden cambiar.

Ya me comentarás si lo has solucionado.


Saludos manmanu
Davidid · · Solicitar retirada
Pues he probado el cósigo que me has dado y funciona perfectamente. Y no entiendo por queeee :(

Mira, escribo una página sencillita sólo para probarlo:

<html><head><style>


table   {border-color:#33FF33; border-width:3px ;}
p       {color:red ;}

</style>
</head><body>

<table>
<tr><td>Holahola</td><td>adiosadios</td></tr>
<tr><td>cosacosa</td><td>algoalgo</td></tr></table>



Bla bla bla bla</p>

</body></html>

Yo es que no veo el error. Además, le digo que las letras de los párrafos sean rojas, y eso sí que funciona bien.

Por cierto, tú, en la etiqueta style escribes text/css, y también añades un etiqueta ¿Eso hay que hacerlo? En el curso de la web no ponía nada

Bueno, muchas gracias de todas formas :D
pitufo · · Solicitar retirada
En el "border" tienes que especificar el tipo de borde y el ancho del borde. El color del borde es opcional.


En el ejemplo declaras el color del borde y su ancho, pero no declaras que tipo de borde quieres (solid, dashed, etc.) por eso no funciona.



Ejemplo CSS del borde para una tabla:

table, td {
         border-width:1px;
         border-style:solid;
         border-color:black;
         }


Bye.
Davidid · · Solicitar retirada
Muchas gracias pitufo, ahora me funciona perfectamente. La verdad es que en el código que me pasó manmanu lo vi, y sabía que era el estilo de borde, pero no le di ninguna importancia pensando que si no ponía nada saldría algún tipo de borde por defecto.

Pues eso, que muchas gracias, ya está solucionado. :D
manmanu · · Solicitar retirada
Hola Davidid, hola pitufo.

Evidentemente hay que decir que tipo de borde queremos añadir a estilo, por eso en los post-ejemplos anteriores que te puse:



table{border:#33FF33 dashed 3px}
td{border: #CC0000 solid 3px} 

table{border:#33FF33 solid ;border-width:10px}
td{border: #CC0000 solid ;border-width:10px }

te los coloque con un estlio de borde.
Pero bueno vemos que haces tus propias comprobaciónes, lo cual es bueno.

Saludos a todos manmanu