Foros del Web - Color de fondo para todas las tablas de la web

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Color de fondo para todas las tablas de la web (http://www.forosdelweb.com/f53/color-fondo-para-todas-las-tablas-web-347858/)

franquero

07/11/2005 04:38

Color de fondo para todas las tablas de la web

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

07/11/2005 04:40

Hola franquero

Prueba poniendo en el archivo .css:

Código:

table {background-color: white}

Espero que te sirva. Saludos, :adios:

franquero

07/11/2005 05:20

Solucionado

Muchas gracias JavierB, era justo lo que necesitaba. :arriba:

Saludos.

JavierB

07/11/2005 07:09

Muchas de nada. Me alegro de que te haya funcionado :cool:

franquero

07/11/2005 11:47

¿Y para justificar el texto?

¿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

07/11/2005 13:09

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

07/11/2005 16:14

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. :pensando: 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

07/11/2005 16:40

Código:

.margin_table {

margin: 0px 10px 0px 10px; 

}

;-)

franquero

07/11/2005 16:51

Muchas gracias :adios:

franquero

15/11/2005 02:16

Conseguí cambiar el tamaño tocando sólo 3 archivos

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	16/11/2005 07:54

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

18/11/2005 05:35

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

La zona horaria es GMT -6. Ahora son las 09:24.