No me sale el color y el diseño de las tablas :(

**djwan** · 07/01/2007, 16:02

wenas, pues ya estoy escribiendo para ver si alguien me puede ayudar,
voy muy bien pero no me sale ponerle el color a las tablas, ni tampoco el ancho.
Me voy al codigo html y pongo:
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="a1">Logotipo</td>
<td class="a2">Banner</td>
</tr>
</table>

<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td> class="b1">titulo</td>
<td> class="b2">ruta</td>
<td> class="b3">flechas</td>
</tr>
</table>
etc..

y en la pagina plantilla1.htm en las tablas no me salen ni los colores ni el ancho cambiado, me sale :
class="a1">logotipo class="a2">banner
class="b1">titulo class="b2">ruta class="b3">flechas
etc..

no se si me explico bien. el caso es que no se que puede pasar, si es de la hoja de estilos que estará mal o nose, yo lo he repasado todo mil veces.

**labrujidesigns** · 07/01/2007, 19:59

En esta línea de código
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
deberás añadir si quieres que las tablas tengan borde donde pone border="0px" cambiar el 0 por el tamaño que quieras entonces ya podrás ponerle color y entonces por poner un ejemplo tu código debería ser

<table width="99%" border="2px" cellspacing="0px" cellpadding="0px" bordercolorlight="#808000" > y si además quieres que esa tabla tenga un fondo con un color determinado entonces añade al código anterior bgcolor="#00FF00" poniendo los colores que tu quieras

**djwan** · 08/01/2007, 10:57

gracias por tu ayuda, pero se me ha quedado una duda, no puedo entoces ponerle color al fondo de las tablas hasta que no le indique el borde?y se le puede poner color a los bordes o cambiarle el grosor?

hq · 08/01/2007, 13:51

En html el orden casi no importa, o sea, que las propiedades de un elemento las puedes indicar en el orden que quieras y poner las que te vengan bien, en ese sentido no hay problema si pones el color del fondo y no pones nada sobre el borde.
También se les puede poner nombre y grosor a los bordes (ahora no me acuerdo de la opción concreta, pero buscando un poco seguro que lo encuentras).
En cuanto al problema que mencionas al principio, supongo que lo que has pegado el código de la página (plantilla.html), eso supone que has definido una hoja de estilos, que la has referenciado desde la página y en la que has definido las clases "a1", "a2", "b1", etc.
Podrías pegar el código de ambos (página y hoja de estilos) para verlo mejor!!

**djwan** · 08/01/2007, 14:04

gracias por tu tiempo hq, por fin e solucionado el problema que tenia con el color de las celdas, resulta que no escribía bien un comando y no me salía el color, esto es lo que tiene ser principiante, de errores se aprende:P no obstante hay una cosa que no me sale, no sé porq, kiero poner una imagen de fondo de pagina y no me sale, lo he repasao cientos de veces y no sé porque no me sale la imagen, te voy a pegar aquí la hoja de estilo y la de html de la pagina ok? si ves algo raro dimeló!
gracias.
HOJA DE ESTILOS
/* Esto es mi hoja de estilo */

BODY { background: url("Pavimentos/objetos/fondo1") ; }

A:link { font-weight: bold ; color: blue ; text-decoration: none; }

A:visited { font-weight: bold ; color: blue ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;

text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }

p.centrado { text-indent:0px ; text-align:center ; }

/* Fin de mi hoja de estilo */

HOJA DE HTML
<head>
<title>Esta es mi Página Web Ejemplo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
</head>

<body>
<p class="centrado">Esta es mi pagina web ejemplo.</p>

Pavimentos Guadalete es una empresa seria formal y disciplinaria, formada por
especialistas en la elaboración de suelos de hormigón impreso, teniendo a disposición
del cliente una amplia gama de colores y molduras.Un suelo de hormigón impreso
es muy decorativo, limpio, resistente y duradero. Es de rápida ejecución y su
coste en comparación con cualquier tipo de solería es mucho mas rentable. Ideal
para acerados urbanos, calles peatonales, parques, plazas, aparcamientos, casas
particulares (patios traseros, delanteros, porches, garajes, alrededores de
piscinas, etc..), etc..Pueden pedirnos presupuesto en cualquier momento sin
ningún tipo de compromiso.Muchas gracias por su atención. Un cordial saludo.
</p>
<p class="centrado"> Crea Tu Web</p>
<p class="centrado"> <a href="http://pavimentosguadalete.com" target="_blank">Pavimentos
Guadalete</a></p>
<p class="centrado">Bienvenidos</p>
<p class="centrado">[img]objetos/buzon1.gif[/img]</p>
</body>
</html>

hq · 09/01/2007, 09:24

Hola,

Prueba a ponerlo así:

Código:

BODY { background-image: url(./objetos/fondo1.gif) ; }

Suponiendo que tu imagen sea gif, si es jpg, pues lo cambias. Además he supuesto que sede tu página la ruta relativa al fondo es "./objetos", es decir, que dentro de la carpeta en la que se encuentra tu página (.), hay otra que se llama objetos (/objetos), en la que se encuentra el fondo (fondo1.gif).