Foros del web, para los que viven de bits

franquero · 07-nov-2005, 03:38

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-nov-2005, 03:40

Hola franquero

Prueba poniendo en el archivo .css:

Código:

table {background-color: white}

Espero que te sirva. Saludos,

franquero · 07-nov-2005, 04:20

Muchas gracias JavierB, era justo lo que necesitaba.

Saludos.

JavierB · 07-nov-2005, 06:09

Muchas de nada. Me alegro de que te haya funcionado

franquero · 07-nov-2005, 10:47

¿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-nov-2005, 12: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-nov-2005, 15: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.

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-nov-2005, 15:40

Código:

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

franquero · 07-nov-2005, 15:51

Muchas gracias

franquero · 15-nov-2005, 01:16

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-nov-2005, 06: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-nov-2005, 04:35

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

07-nov-2005, 03:38	#1 (permalink)
franquero Fecha de Ingreso: julio-2005 Mensajes: 158	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. __________________ Es una suerte que la sociedad libre sea más productiva, porque de no haberlo sido jamás se habría tolerado.

07-nov-2005, 03:40	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.860	Hola franquero Prueba poniendo en el archivo .css: Código: table {background-color: white} Espero que te sirva. Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

07-nov-2005, 04:20	#3 (permalink)
franquero Fecha de Ingreso: julio-2005 Mensajes: 158	Solucionado Muchas gracias JavierB, era justo lo que necesitaba. Saludos. __________________ Es una suerte que la sociedad libre sea más productiva, porque de no haberlo sido jamás se habría tolerado.

07-nov-2005, 06:09	#4 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.860	Muchas de nada. Me alegro de que te haya funcionado __________________ Lee las Políticas de los foros y escribe correctamente.

07-nov-2005, 10:47	#5 (permalink)
franquero Fecha de Ingreso: julio-2005 Mensajes: 158	¿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 __________________ Es una suerte que la sociedad libre sea más productiva, porque de no haberlo sido jamás se habría tolerado.

07-nov-2005, 12:09	#6 (permalink)
baccxus Fecha de Ingreso: mayo-2005 Ubicación: Panamá Mensajes: 750	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, __________________ + que electrónica

07-nov-2005, 15:14	#7 (permalink)
franquero Fecha de Ingreso: julio-2005 Mensajes: 158	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 __________________ Es una suerte que la sociedad libre sea más productiva, porque de no haberlo sido jamás se habría tolerado.

07-nov-2005, 15:40	#8 (permalink)
leoj90 Usuario baneado! Fecha de Ingreso: agosto-2005 Mensajes: 1.369	Código: .margin_table { margin: 0px 10px 0px 10px; }

07-nov-2005, 15:51	#9 (permalink)
franquero Fecha de Ingreso: julio-2005 Mensajes: 158	Muchas gracias __________________ Es una suerte que la sociedad libre sea más productiva, porque de no haberlo sido jamás se habría tolerado.

15-nov-2005, 01:16	#10 (permalink)
franquero Fecha de Ingreso: julio-2005 Mensajes: 158	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. __________________ Es una suerte que la sociedad libre sea más productiva, porque de no haberlo sido jamás se habría tolerado.

16-nov-2005, 06:54	#11 (permalink)
otif Fecha de Ingreso: julio-2004 Mensajes: 45	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.

18-nov-2005, 04:35	#12 (permalink)
franquero Fecha de Ingreso: julio-2005 Mensajes: 158	Gracias otif, no conocía esta contribución y parece bastante interesante. __________________ Es una suerte que la sociedad libre sea más productiva, porque de no haberlo sido jamás se habría tolerado.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado