¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Centrar página

3 participantes

Ir abajo

Centrar página Empty Centrar página

Mensaje por jordigsanz Mar Abr 21, 2009 11:09 pm

Muy buenas noches forer@s,

Estoy por aquí de nuevo, para consultaros una dudilla que llevo tiempo tratando de resolver sin haberlo conseguido.

Se trata de centrar toda mi página en el navegador cuando cargue. Actualmente, carga ajustada a la izquierda, y el aspecto no es muy profesional. ¿Alguna solución?

La dirección de la página, para acceder es:

www.sportsnetline.com/index.pho

(El index.html lo tengo desactivado porque todavía no hemos abierto).

Un saludo y muchas gracias!

Jordi
jordigsanz
jordigsanz
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 29
Inscripción : 17/04/2009
Edad : 45
Localización : En algún punto de la geografía Española ;)

http://www.replyphone.es

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por jordigsanz Miér Abr 22, 2009 2:17 pm

Voy haciendo varias pruebas.... hay cosas que no comprendo, os cuento.

Por lo que voy leyendo e informándome, el centrado de la tienda en el navegador, dependería en primera instancia del archivo stylesheet.css correspondiente a mi plantilla.

He buscado dentro de éste archivo, pero no logro encontrar dónde pueda cambiar el parámetro de alineación, así que he hecho una prueba muy sencilla.

Mervir, ésto va por ti compañero, espero que no te importe.

He cogido el stylesheet.css de tu tienda, el principal, lo he copiado "a saco" en mi plantilla (machacando el anterior, por supuesto). Deduje que, si lo hacía así, se vería con tu configuración, pero si tu tienda está centrada, la mía también debería estarlo, por lo que luego sólo tendría que hallar la diferencia en las líneas de centrado.... pero no es así, sigue apareciendo a la izquierda

Por supuesto, lo he vuelto a cambiar Wink

¿Alguna idea?

Estoy más perdido que un burro en un garaje.......

Thanks...

Jordi
jordigsanz
jordigsanz
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 29
Inscripción : 17/04/2009
Edad : 45
Localización : En algún punto de la geografía Española ;)

http://www.replyphone.es

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por MERVIR Miér Abr 22, 2009 3:25 pm

jordigsanz escribió:Muy buenas noches forer@s,

Estoy por aquí de nuevo, para consultaros una dudilla que llevo tiempo tratando de resolver sin haberlo conseguido.

Se trata de centrar toda mi página en el navegador cuando cargue. Actualmente, carga ajustada a la izquierda, y el aspecto no es muy profesional. ¿Alguna solución?

La dirección de la página, para acceder es:

www.sportsnetline.com/index.pho

(El index.html lo tengo desactivado porque todavía no hemos abierto).

Un saludo y muchas gracias!

Jordi

desde el stylesheet de tu plantilla puedes decirle que te salga centrada
MERVIR
MERVIR
ZENNER
ZENNER

Cantidad de envíos : 695
Inscripción : 13/03/2009
Localización : Barcelona (España)

http://mervir.com/

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por MERVIR Miér Abr 22, 2009 3:34 pm

jordigsanz escribió:Voy haciendo varias pruebas.... hay cosas que no comprendo, os cuento.

Por lo que voy leyendo e informándome, el centrado de la tienda en el navegador, dependería en primera instancia del archivo stylesheet.css correspondiente a mi plantilla.

He buscado dentro de éste archivo, pero no logro encontrar dónde pueda cambiar el parámetro de alineación, así que he hecho una prueba muy sencilla.

Mervir, ésto va por ti compañero, espero que no te importe.

He cogido el stylesheet.css de tu tienda, el principal, lo he copiado "a saco" en mi plantilla (machacando el anterior, por supuesto). Deduje que, si lo hacía así, se vería con tu configuración, pero si tu tienda está centrada, la mía también debería estarlo, por lo que luego sólo tendría que hallar la diferencia en las líneas de centrado.... pero no es así, sigue apareciendo a la izquierda

Por supuesto, lo he vuelto a cambiar Wink

¿Alguna idea?

Estoy más perdido que un burro en un garaje.......

Thanks...

Jordi

Si usas una de mis plantillas es normal que no te vaya... tienen mucho codigo añadido, hay 6 ficheros CSS trabajando a la vez

Buscas en tu stylesheet

#mainWrapper y dile margin: auto;
MERVIR
MERVIR
ZENNER
ZENNER

Cantidad de envíos : 695
Inscripción : 13/03/2009
Localización : Barcelona (España)

http://mervir.com/

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por jordigsanz Miér Abr 22, 2009 3:42 pm

Hola Mervir.

Gracias por contestar, como siempre... Wink

Ya he probado añadir la línea "margin: auto;" dentro de la sección #mainWrapper de mi stylesheet, pues lo había leído en el foro de zencart.com, incluso he probado a añadirla dentro de #navMainWrapper, pues al parecer, esto también influye en la visualización de la página... pero nada de nada.

Lo de copiar tu stylesheet, como dije, era sólo una "prueba a lo burro", quería comprender la diferencia entre un stylesheet y otro, espero que no te haya ofendido, en ningún caso pretendía utilizar tu stylesheet, sino modificar el mío.

Gracias, un saludo.

Jordi
jordigsanz
jordigsanz
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 29
Inscripción : 17/04/2009
Edad : 45
Localización : En algún punto de la geografía Española ;)

http://www.replyphone.es

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por jordigsanz Miér Abr 22, 2009 9:22 pm

Ya voy descubriendo cosas... os cuento.

Ante todo, no sé si lo que voy a contar aquí, es tema "vox populi" (Todo el mundo lo sabe, y da por hecho que yo también, con lo que soy el pringaete de turno que no se entera Very Happy:D:D:D) o no, si es así, por favor, decidmenlo Wink

Como ya sabréis, Zencart utiliza una plantilla por defecto que, tras instalada nuestra tienda, ubica en el directorio
\includes\templates\template_default

En mi caso, mi tienda está basada en una plantilla que "adquirí" (léase con sorna, por favor) en "carremula" Very Happy llamada Ts_Bodacius_bodies, si queréis verla, podéis hacerlo en la url de mi tienda:

http://www.sportsnetline.com/index.php

Bien, la plantilla que he instalado, está creada y desarrollada por una empresa que se dedica a hacer plantillas, y que ha creado ésta conforme a su propio criterio. Como Zencart admite diferentes formas de crear páginas dinámicas, puedo emplear código js (javascript), php, etc...

El problema del centrado de mi página, es simple: El código que interpreta el navegador que accede a mi web, no "tira" de las dependencias por defecto de una plantilla tipo "template_default", ni la hoja de estilos se comporta como tal, sino que lo hace en base a las especificaciones propias de mi plantilla, determinadas por la programación en concreto de ésta.

Llegados a éste punto, he de comentar que, si bien soy informático de profesión, mi campo no es el de la programación, y ésta es mi primera incursión en el mundillo del diseño y programación web, por lo que siento si mis explicaciones son "vagas" o "escuetas" en cuanto a terminología.

He visto que se puede modificar la plantilla por defecto de Zencart, para adaptarla a mis necesidades, de un modo mucho más fácil que poniendo una plantilla prediseñada, pues en éste caso (como lo que yo he hecho) estaré sujeto a las especificaciones del programador/empresa que ha hecho la plantilla.

Así pues, mi error, era una falta de comprensión del cómo y del porqué. Ahora que lo tengo un poco más claro, espero haber podido ayudar a álguien con mis conclusiones.

Un saludo

Jordi
jordigsanz
jordigsanz
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 29
Inscripción : 17/04/2009
Edad : 45
Localización : En algún punto de la geografía Española ;)

http://www.replyphone.es

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por Byzor Miér Abr 22, 2009 9:41 pm

Prueba a poner en el styleshhet en el campo body del que utiliza tu plantilla text-align: center; y despues añades debajo de body esto:

table
{
text-align: left;
}


¿Qué estamos haciendo con ésto?

Pues verás como tu plantilla está diseñada con tablas (algo totalmente desaconsejable hoy día), al poner dentro de body text-align: center; le estamos diciendo que nos centre todo lo de dentro de body incluyendo la tabla, pero como por otro lado no queremos que nos centre lo que es el texto dentro de la tabla ponemos la segunda parte del código.

Espero que te ayude.

Saludos,
Byzor.

Byzor
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 15
Inscripción : 18/04/2009

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por jordigsanz Sáb Abr 25, 2009 3:53 pm

Byzor, muchísimas gracias por tu respuesta.

Lamentablemente, el código que me proporcionaste, sigue sin funcionar, si bien era una modificación que no había realizado todavía... pero nada.

No obstante, ya hemos optado por modificar a mano la plantilla "classic" y así adaptarla a nuestro gusto, os iré contando como queda.

Una cosa, ya a título de curiosidad, si que se me queda en el tintero: ¿A qué te refieres cuando me cometaste que nuestra página (plantilla) estaba diseñada con tablas?.
(esa ha sido otra de las cosas que nos ha impulsado a cambiar el diseño, la verdad, jejejej).

Bueno, de nuevo muchas gracias.

Jordi
jordigsanz
jordigsanz
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 29
Inscripción : 17/04/2009
Edad : 45
Localización : En algún punto de la geografía Española ;)

http://www.replyphone.es

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por Byzor Sáb Abr 25, 2009 7:44 pm

Anteriormente se utiliza la etiqueta html table para adaptar los contenidos en la pantalla, cuando dicha etiqueta se debe utilizar sólo para representar datos de forma tabular. Mediante una tabla controlabas que aparecía en cada sitio, mediante las columnas y las filas creabas una especie de rejilla e ibas colocando cada cosa en su sitio.

Actualmente ningún diseñador medianamente bueno utiliza tablas en cuestiones de diseño sino que utilizará etiquetas div que no son otra cosa que capas, a las cuales mediante CSS les dices sitio y tamaño que deben ocupar etc...

Desgraciadamente todas las plantillas de Zen-Cart que he visto utilizan tablas en su diseño, por lo que cualquier plantilla de Zen-Cart que vayas a utilizar estará hecha con tablas, porque, aunque no es la forma correcta de diseñar una web, si es más facil para quien no este acostumbrado a utilizar CSS.

La plantilla que tenías antes estaba bastante bien de diseño, yo insistiría en buscar la forma correcta de centrarla antes que empezar un diseño desde cero, lo que te llevará muchísimo más tiempo.

Si me indicas dónde puedo conseguir la plantilla te puedo ayudar a buscar la forma de centrarla, ya que sin tener el código delante es un poco difícil.

Saludos,
Byzor.

Byzor
ROOKIE ZENNER
ROOKIE ZENNER

Cantidad de envíos : 15
Inscripción : 18/04/2009

Volver arriba Ir abajo

Centrar página Empty Re: Centrar página

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.