Avisos
Vaciar todo
Hola, buenas a tod@s !
Por favor, podría indicarme alguien en que posición debería crear una tabla 100% de largo y 100% de ancho dentro de la plantilla utilizada para que el header se visualice correctamente ?
Tengo un objeto creado, (header-object.png ) pero este podría insertarlo como imagen directamente dentro del header y luego subir este.
Muchas gracias.
Respondido : 19/04/2012 1:15 pm
Hola José:
Eso depende de la plantilla y su maquetación.
Pero veo que en tu sitio tienes la imagen que adjuntaste ya colocada.
Podrías ser más explícito?
Respondido : 19/04/2012 4:06 pm
Hola Miguel,
Mira, te explico ! En la captura total, está hecho al 100% de mi pantalla, tengo una grande, pero si voy a mi portail, uno de 15,6' los lados se introducen dentro.
Si te fijas, en la primera plantilla tienes contenido en ambos lados, pero si te fijas en la segunda, el contenido está metido el de la parte derecha en el centro, que es un objerto ( este objeto lo podría poner como imagen, para que toda esta imagen se redimensionara según el tamaño de pantalla desde donde se visualiza ) y en la otra parte, el contenido que hay a la izquierda, ni aparece... Me he explicado mejor ahora ?
También te comento que estoy haciendo esto, pero no llega a terminar correctamente...
Dentro de la plantilla que estoy utlizando y dentro de index.php
|
|
*************** ORIGINAL^*****************
Muchas gracias por tu ayuda !
Respondido : 19/04/2012 4:25 pm
José:
El problema que tienes según veo, es el logo de Paypal Verified que está puesto en una posición absoluta, es decir, su maquetación CSS es absoluta.
Si miras el código de template.css verás que en la línea: 412 tienes este código:
div.art-headerobject {
display: block;
left: 100%;
margin-left: -251px;
position: absolute;
top: 0pt;
width: 316px;
height: 150px;
background-image: url("../images/header-object.png");
}
Esto hace que siempre ese módulo se coloque en la misma posición más allá del tamaño de la pantalla. Porque si cambio la resolución a 1024x768, esta imagen de Paypal quedará arriba de la imagen grande del header, ya que ésta es una "capa".
Es decir, tienes toda la web formando una capa y ese módulo es otra capa.
No sé qué objeto tiene la imagen de Paypal, si piensas enlazarla a algún sitio o no.
Si es así, te va a convernir poner un módulo arriba del carrito de compras o abajo, pero que forme parte de la misma capa que la web.
Si no la piensas enlazar, tal vez te convenga hacer una sola imagen en el header que tenga incrustado el logo de Paypal.
Respondido : 19/04/2012 4:43 pm
Hola Miguel,
La cuestión en si es que me gustaría " redimensionar " el header, para cuando se vea en una pantalla más pequeña, poder seguir con todo su contenido...
He estado intentando realizarlo, pensé que mediante una tabla dando largo 100% se podría, pero no consigo hacerlo funcionar correctamente !
Podrías indicarme como podría realizar esta acción ?
El objeto ya lo he metido dentro de la imagen
Muchas gracias por tu ayuda !
Respondido : 19/04/2012 5:42 pm
Hola José:
Supongo que quieres mostrar una imagen diferente según el tamaño de pantalla.
Bueno, si es eso, te conviene usar un poco de javascript y CSS.
Te paso un enlace en donde está comentado cómo se trabaja, verás que no es muy complicado:
http://www.cssblog.es/detectar-la-resolucion-de-pantalla-y-aplicarle-estilos/
Respondido : 19/04/2012 9:12 pm
Hola Miguel,
Muchas gracias por tu ayuda ! Invesigaré sobre esto.
Ten buen día.
Saludos
Respondido : 20/04/2012 8:29 am
Hola, buenos días a tod@s !
Se puede cerrar el hilo. La cuestión en si está solucionada.
Para resolverlo he creado una plantilla nueva con un ancho fijo, es mejor opción que hacerlo por % !
Muchas gracias por la ayuda...
Respondido : 23/04/2012 10:46 am
