Spainman Posted March 4, 2013 Share Posted March 4, 2013 Hola a todos, La cabecera de mi página tiene el fondo blanco y actualmente en mi pantalla sale posicionado perfectamente. Pero he comprobado de otros ordenadores y algunos sale fuera de su sitio hacia la derecha. Mi url es: http://www.reposteriacanicoba.com/ Alguien me puede ayudar a solucionarlo? Gracias y saludos. Link to comment Share on other sites More sharing options...
jaloise Posted March 4, 2013 Share Posted March 4, 2013 Hola a todos, La cabecera de mi página tiene el fondo blanco y actualmente en mi pantalla sale posicionado perfectamente. Pero he comprobado de otros ordenadores y algunos sale fuera de su sitio hacia la derecha. Mi url es: http://www.reposteriacanicoba.com/ Alguien me puede ayudar a solucionarlo? Gracias y saludos. La imagen esa la hiciste vos? Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 La imagen esa la hiciste vos? Tiene una imagen de fondo de la pagina: http://62.81.159.230...a/RCHeader6.png, quizas seria mejor que la parte central menos los bordes grises la tuviera Spainman de fondo del header. Link to comment Share on other sites More sharing options...
jaloise Posted March 4, 2013 Share Posted March 4, 2013 Tiene una imagen de fondo de la pagina: http://62.81.159.230...a/RCHeader6.png, quizas seria mejor que la parte central menos los bordes grises la tuviera Spainman de fondo del header. Si por eso le pregunto si la hizo el... Para ver si la sabe editar... Esa era mi idea desde un principio ... Así que concuerdo con vos Nadie, ampliamente. Saludos. Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 Fichero: /themes/default/css/global.css Busca esto: body { background-image: url(http://62.81.159.230/~canicoba/RCHeader6.png); background-repeat:no-repeat; background-color: #f2f2e9; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; text-align: left } Y dejalo así: body { font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #5d717e; background-color: #f2f2e9; text-align: left } Despues en el mismo fichero, buscas esto: #header {position:relative} Y dejalo así: #header { position: relative; background: url("../../../RCHeader6.png") center no-repeat; width: 980px; } PD: Fijate y no te comas el ";" del position relative. Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 Y por ultimo, para pegar la pagina al borde del navegador. Fichero: /themes/default/css/global.css Buscas esto: #page { } Y lo dejas así. #page { margin-top: -22px; } Link to comment Share on other sites More sharing options...
jaloise Posted March 4, 2013 Share Posted March 4, 2013 Y por ultimo, para pegar la pagina al borde del navegador. Fichero: /themes/default/css/global.css Buscas esto: #page { } Y lo dejas así. #page { margin-top: -22px; } También es importante remarcarle que tiene que quitarle el borde de color a la imagen para que quede perfecta... Saludos. Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 También es importante remarcarle que tiene que quitarle el borde de color a la imagen para que quede perfecta... Saludos. No tiene borde realmente, tiene fondo encapzulado, pero en este caso no se vera... o casi no se apreciara, al tener ajustada las medidas en el css. Link to comment Share on other sites More sharing options...
jaloise Posted March 4, 2013 Share Posted March 4, 2013 No tiene borde realmente, tiene fondo encapzulado, pero en este caso no se vera... o casi no se apreciara. y que tiene? Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 Estimado Spainman, Estamos muy preocupado por usted. ¿Alguna novedad? (Cuando usted pueda pruebe lo comentado y cuentenos cualquier problema que surga) Link to comment Share on other sites More sharing options...
jaloise Posted March 4, 2013 Share Posted March 4, 2013 No tiene borde realmente, tiene fondo encapzulado, pero en este caso no se vera... o casi no se apreciara, al tener ajustada las medidas en el css. Ya veremos... Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 Ya veremos... Que mal suena esa palabra... Link to comment Share on other sites More sharing options...
Spainman Posted March 4, 2013 Author Share Posted March 4, 2013 Muchas gracias a los dos por la ayuda. Perdonad la tardanza en responder. He hecho los cambios que me has comentado nadie, pero ahora la "Cabecera" ya no aparece en la página. Mi url es: www.reposteriacanicoba.com Saludos. Link to comment Share on other sites More sharing options...
jaloise Posted March 4, 2013 Share Posted March 4, 2013 Muchas gracias a los dos por la ayuda. Perdonad la tardanza en responder. He hecho los cambios que me has comentado nadie, pero ahora la "Cabecera" ya no aparece en la página. Mi url es: www.reposteriacanicoba.com Saludos. Seguro que modificaste?? porque yo no veo esto en tu css: #header { position: relative; background: url("../../../RCHeader6.png") center no-repeat; width: 980px; } Revisa todo de vuetla lo que te dijo nadie Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 Muchas gracias a los dos por la ayuda. Perdonad la tardanza en responder. He hecho los cambios que me has comentado nadie, pero ahora la "Cabecera" ya no aparece en la página. Mi url es: www.reposteriacanicoba.com Saludos. Claro por que no la has puesto en el header, tal como te comente en el mensaje de arriba. Link to comment Share on other sites More sharing options...
Spainman Posted March 4, 2013 Author Share Posted March 4, 2013 Vaya, me olvidé de subir el archivo de nuevo. Ya está. Si veis, no sale posicionado correctamente. Además, la pagina era todo con fondo un gris y el fondo de cabecera blanco y la sección del medio con fondo blanco también. Gracias y saludos. Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 Además, la pagina era todo con fondo un gris y el fondo de cabecera blanco y la sección del medio con fondo blanco también. Gracias y saludos. Para colocar el fondo de la pagina del mismo fondo que tiene la imagen, añade esto: background-color: #f2f2e9; al body en el global.css. PD: Ahora mismo no puedo acceder a tu tienda, estoy con el movil y fuera, a ver si Jaloise te ayuda mientras. Link to comment Share on other sites More sharing options...
nadie Posted March 4, 2013 Share Posted March 4, 2013 Por cierto no se como, pero te has cargado esto: #header_right { position: relative; float: right; } del global.css de tu plantilla...... (añadelo) Link to comment Share on other sites More sharing options...
Spainman Posted March 5, 2013 Author Share Posted March 5, 2013 (edited) Buenos Dias nadie y jaloise, He revisado todos los pasos de nuevo y ahora aparece perfectamente dentro del cuadro Solo dos cositas, la cabecera necesita más altura para que no pase sobre encima del menu de (contacto - mapa del sitio - Favoritos - Divisa). Como consigo esto? La otra es que ahora el logo se ha movida arriba un poco y no es centrado en linea con la cabecera. Gracias por todo, estoy aprendiendo mucho. Saludos. Edited March 5, 2013 by Spainman (see edit history) Link to comment Share on other sites More sharing options...
Spainman Posted March 15, 2013 Author Share Posted March 15, 2013 Hola Nadie, tienes algún consejo para esto. Si ves mi página está casi todo perfecto....excepto que el logo no está centrado y la imagen de la derecha deberia tener más espacio entre los botones de abajo. http://www.reposteriacanicoba.com/ Saludos. Link to comment Share on other sites More sharing options...
Recommended Posts