Color de fondo para todas las tablas de la web

[franquero]

Buenas.

¿Cómo puedo hacer que editando sólo el archivo .css todas las tablas de la web tengan un fondo blanco?

Estoy montando un oscommerce, pero al poner una imagen de fondo mediante css he descubierto que muchas tablas no tienen color, y claro, se ve la imagen que he puesto de fondo, y me gustaría que se viesen en blanco.

Creo que es adecuado plantear esta pregunta a los expertos en css, pero si consideran que debe ir en aplicaciones prefabricadas muévanla, por favor.

Saludos y gracias de antemano.

[JavierB]

Hola franquero

Prueba poniendo en el archivo .css:

Código:

table {background-color: white}

Espero que te sirva. Saludos,

[franquero]

Muchas gracias JavierB, era justo lo que necesitaba.

Saludos.

[JavierB]

Muchas de nada. Me alegro de que te haya funcionado

[franquero]

¿y cómo puedo fijar un margen izquierdo y derecho a todos los contenidos (texto e imagen) de cualquier tabla de la web?

Saludos

[baccxus]

Si lo que quieres es que la tabla quede centrada en la página:

Código:

table {
margin: 0 auto;
}

pero si lo que quieres es darle un margen distinto a cada una:

Código:

table{
margin: 0px 5px 0px 10px;
/*sería: superior, derecha, inferior, izquierda*/
}

Saludos,

[franquero]

Gracias por la respuesta baccxus. Ya había probado ese código, pero se me descuadra todo el oscommerce, ya que afecta a todas las tablas. Tengo que pensar otra forma de hacerlo. Pero claro, no será tan cómodo. Tendré que crear una clase y aplicarla sólo a las tablas que yo quiero. Uff, eso supone recorrer todo el oscommerce.

¿Cuál sería el código?

Código PHP:

  .margen {
margin-table: 0px 10px 0px 10px;
} 
   

Bueno, muchas gracias por la respuesta

[leoj90]

Código:

.margin_table {
margin: 0px 10px 0px 10px; 
}

[franquero]

Muchas gracias

[franquero]

Buenas.

Sé que ésta última respuesta debería ir en aplicaciones prefabricadas, pero por si alguien llega a este post buscando sobre oscommerce lo escribo aquí.

Para cambiar el ancho de tu tienda sin tener que modificar el código de todos los .php que muestren alguna página tienes que:

Añadir a catalog/stylesheet.css

Código PHP:

  body { 
text-align: center; 
} 
div#pageWrapper { 
width: 750px; 
margin-left: auto; 
margin-right: auto; 
} 
   

Donde pageWrapper es el nombre que quieras poner y XXX los píxeles de ancho que desees.

- A continuación editas catalog/includes/header.php. Justo después del primer código <?php ?>, sobre la línea 55 o 56 (si no has hecho previamente grandes modificaciones).
Añade:

Código PHP:

  <div id="pageWrapper"> 
   

- Edita catalog/includes/footer.php. Al final del código añade

Código PHP:

  </div> 
   

Bueno, pues ésta es la fórmula para evitar un trabajo pesado y engorroso.
Saludos a todos.

[otif]

franquero existe una contribución para el OSCommerce que te permite editar todo lo que desees en cuanto a estilo se refiere, se llama STS (Simple Template System), es bastante sencillo de utilizar y te puede ayudar muchisímo a adaptar tu tienda para que se vea realmente increible, si quieres un ejemplo fijate en Esta Tienda.

Espero te sirva.

[franquero]

Gracias otif, no conocía esta contribución y parece bastante interesante.