Foros del Web » Creando para Internet » Diseño web »

[Ayuda]centrar web creado de PSD

Estas en el tema de [Ayuda]centrar web creado de PSD en el foro de Diseño web en Foros del Web. muy buenos dias es la primera ves que posteo en esta hermosa comunidad la verdad son exelentes maestro. bueno el motivo de este post es ...
  #1 (permalink)  
Antiguo 06/03/2011, 09:40
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 7 años, 9 meses
Puntos: 0
[Ayuda]centrar web creado de PSD

muy buenos dias es la primera ves que posteo en esta hermosa comunidad la verdad son exelentes maestro.

bueno el motivo de este post es que no encontre por ningun lado sobre como centrar un web creado por adobe potoshop.

les cuento cree una web a partir de un PSD y el tamaño del psd es de
width:1700px;
height:1285px;
el problema es que a la hs de visualizar la web me muestra del lado izquierdo lo que me gustaria saber es como hago para que me muestre en centro de la web dependiendo de la resolucion.

les dejo la web para que vean.

http://hweb.site40.net/

muchas gracias y disculpen por las molestias.
  #2 (permalink)  
Antiguo 06/03/2011, 09:49
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: [Ayuda]centrar web creado de PSD

Tema movido desde Diseño Gráfico.
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #3 (permalink)  
Antiguo 06/03/2011, 11:15
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: [Ayuda]centrar web creado de PSD

Hola:

No crees que el tamaño es exagerado...¿?... mo máquina es de pantalla ancha y no cabe

Normalmente se centran con contenidos con estilos... concretamente margin: auto...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 06/03/2011, 14:36
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: [Ayuda]centrar web creado de PSD

Cita:
Normalmente se centran con contenidos con estilos... concretamente margin: auto...
intente centrarlo de todas formas pero por falta de conocimiento no lo logre.

se que es grande y se que existen sitios web grandes que al apretar Ctrl+scroll de mouse se aleja mostrando el resto de la web lo que busco es que de alguna forma
hacer que cuando entren a la web me muestre el centro y no el lado izquierdo.
no si hay alguien que tenga experiencia creando web a partir de un psd.

gracias

este es el style que me genero el adobe postoshop al guardarlo para web.

Cita:
<style type="text/css">
<!--

#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:1700px;
height:1285px;
}

#Temple-Viking-Web-Design-by-karsten-01_ {
position:absolute;
left:0px;
top:0px;
width:1700px;
height:172px;
}

#Temple-Viking-Web-Design-by-karsten-02_ {
position:absolute;
left:0px;
top:172px;
width:538px;
height:301px;
}

#Temple-Viking-Web-Design-by-karsten-03_ {
position:absolute;
left:538px;
top:172px;
width:633px;
height:174px;
}

#Temple-Viking-Web-Design-by-karsten-04_ {
position:absolute;
left:1171px;
top:172px;
width:529px;
height:295px;
}

#Temple-Viking-Web-Design-by-karsten-05_ {
position:absolute;
left:538px;
top:346px;
width:633px;
height:52px;
}

#Temple-Viking-Web-Design-by-karsten-06_ {
position:absolute;
left:538px;
top:398px;
width:201px;
height:53px;
}

#Temple-Viking-Web-Design-by-karsten-07_ {
position:absolute;
left:739px;
top:398px;
width:243px;
height:53px;
}

#Temple-Viking-Web-Design-by-karsten-08_ {
position:absolute;
left:982px;
top:398px;
width:189px;
height:42px;
}

#Temple-Viking-Web-Design-by-karsten-09_ {
position:absolute;
left:982px;
top:440px;
width:189px;
height:11px;
}

#Temple-Viking-Web-Design-by-karsten-10_ {
position:absolute;
left:538px;
top:451px;
width:633px;
height:255px;
}

#Temple-Viking-Web-Design-by-karsten-11_ {
position:absolute;
left:1171px;
top:467px;
width:53px;
height:818px;
}

#Temple-Viking-Web-Design-by-karsten-12_ {
position:absolute;
left:1224px;
top:467px;
width:125px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-13_ {
position:absolute;
left:1349px;
top:467px;
width:351px;
height:818px;
}

#Temple-Viking-Web-Design-by-karsten-14_ {
position:absolute;
left:0px;
top:473px;
width:354px;
height:812px;
}

#Temple-Viking-Web-Design-by-karsten-15_ {
position:absolute;
left:354px;
top:473px;
width:121px;
height:27px;
}

#Temple-Viking-Web-Design-by-karsten-16_ {
position:absolute;
left:475px;
top:473px;
width:63px;
height:812px;
}

#Temple-Viking-Web-Design-by-karsten-17_ {
position:absolute;
left:1224px;
top:496px;
width:125px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-18_ {
position:absolute;
left:354px;
top:500px;
width:121px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-19_ {
position:absolute;
left:1224px;
top:526px;
width:125px;
height:4px;
}

#Temple-Viking-Web-Design-by-karsten-20_ {
position:absolute;
left:354px;
top:530px;
width:121px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-21_ {
position:absolute;
left:1224px;
top:530px;
width:125px;
height:24px;
}

#Temple-Viking-Web-Design-by-karsten-22_ {
position:absolute;
left:1224px;
top:554px;
width:125px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-23_ {
position:absolute;
left:354px;
top:559px;
width:121px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-24_ {
position:absolute;
left:1224px;
top:583px;
width:125px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-25_ {
position:absolute;
left:354px;
top:588px;
width:121px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-26_ {
position:absolute;
left:1224px;
top:612px;
width:125px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-27_ {
position:absolute;
left:354px;
top:618px;
width:121px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-28_ {
position:absolute;
left:1224px;
top:642px;
width:125px;
height:643px;
}

#Temple-Viking-Web-Design-by-karsten-29_ {
position:absolute;
left:354px;
top:648px;
width:121px;
height:637px;
}

#Temple-Viking-Web-Design-by-karsten-30_ {
position:absolute;
left:538px;
top:706px;
width:633px;
height:56px;
}

#Temple-Viking-Web-Design-by-karsten-31_ {
position:absolute;
left:538px;
top:762px;
width:633px;
height:316px;
}

#Temple-Viking-Web-Design-by-karsten-32_ {
position:absolute;
left:538px;
top:1078px;
width:633px;
height:206px;
}

#Temple-Viking-Web-Design-by-karsten-33_ {
position:absolute;
left:538px;
top:1284px;
width:633px;
height:1px;
}

-->
</style>
  #5 (permalink)  
Antiguo 06/03/2011, 16:07
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: [Ayuda]centrar web creado de PSD

Hola:

Lo mejor que puedes hacer es reducir un poco el tamaño de las imágenes para que el ancho total de las imágenes te quede entorno a los 960 ó 1000px, es la única manera en que puedes centrar la imagen, porque los milagros no existen.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:05.