Entrar

Buenas

Tek · · Solicitar retirada
Primero que todo, dar las grácias *-*, la web y tutoriales estan re buenos y el foro tmb =P

Les cuento, llevo varios dias jugando con el dreamweaver y el curso paso a paso, todo bien, tmb decir que e visto varios otros tutoriales y todo, ahora estoy provando la opcion del photoshop de cortar imagenes y pasarlas a html y css, aki mi duda aver si me pueden ayudar:

Como centro todo esto?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Copia de dezain</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

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

#Tabla_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
}

#top_ {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:33px;
}

#fondo-izq_ {
	position:absolute;
	left:0px;
	top:33px;
	width:35px;
	height:680px;
}

#fondo1_ {
	position:absolute;
	left:35px;
	top:33px;
	width:332px;
	height:38px;
}

#top-fondo_ {
	position:absolute;
	left:367px;
	top:33px;
	width:284px;
	height:9px;
}

#big-logo1_ {
	position:absolute;
	left:651px;
	top:33px;
	width:154px;
	height:292px;
}

#big-logo2_ {
	position:absolute;
	left:805px;
	top:33px;
	width:219px;
	height:115px;
}

#noticias_ {
	position:absolute;
	left:367px;
	top:42px;
	width:253px;
	height:437px;
}

#fondo5_ {
	position:absolute;
	left:620px;
	top:42px;
	width:31px;
	height:437px;
}

#bienvenida_ {
	position:absolute;
	left:35px;
	top:71px;
	width:305px;
	height:335px;
}

#fondo3_ {
	position:absolute;
	left:340px;
	top:71px;
	width:27px;
	height:642px;
}

#fondo8_ {
	position:absolute;
	left:805px;
	top:148px;
	width:25px;
	height:19px;
}

#big-logo2012_ {
	position:absolute;
	left:830px;
	top:148px;
	width:194px;
	height:8px;
}

#fondo8013_ {
	position:absolute;
	left:830px;
	top:156px;
	width:194px;
	height:96px;
}

#foros_ {
	position:absolute;
	left:805px;
	top:167px;
	width:25px;
	height:85px;
}

#beta-15_ {
	position:absolute;
	left:805px;
	top:252px;
	width:3px;
	height:181px;
}

#fondo7_ {
	position:absolute;
	left:808px;
	top:252px;
	width:216px;
	height:269px;
}

#menu-inicio_ {
	position:absolute;
	left:651px;
	top:325px;
	width:154px;
	height:34px;
}

#menu-info_ {
	position:absolute;
	left:651px;
	top:359px;
	width:154px;
	height:38px;
}

#menu-tuto_ {
	position:absolute;
	left:651px;
	top:397px;
	width:154px;
	height:36px;
}

#fondo2_ {
	position:absolute;
	left:35px;
	top:406px;
	width:305px;
	height:307px;
}

#menu-down_ {
	position:absolute;
	left:651px;
	top:433px;
	width:157px;
	height:88px;
}

#fondo4_ {
	position:absolute;
	left:367px;
	top:479px;
	width:274px;
	height:234px;
}

#menu-down023_ {
	position:absolute;
	left:641px;
	top:479px;
	width:10px;
	height:42px;
}

#fondo6_ {
	position:absolute;
	left:641px;
	top:521px;
	width:383px;
	height:192px;
}

#pie_ {
	position:absolute;
	left:0px;
	top:713px;
	width:1024px;
	height:55px;
}

-->
</style>

</head>
<body style="background-color:#FFFFFF;">

<div id="Tabla_01">
	<div id="top_">
		[img]images/top.png[/img]
	</div>
	<div id="fondo-izq_">
		[img]images/fondo-izq.png[/img]
	</div>
	<div id="fondo1_">
		[img]images/fondo1.png[/img]
	</div>
	<div id="top-fondo_">
		[img]images/top-fondo.png[/img]
	</div>
	<div id="big-logo1_">
		[img]images/big-logo1.png[/img]
	</div>
	<div id="big-logo2_">
		[img]images/big-logo2.png[/img]
	</div>
	<div id="noticias_">
		[img]images/noticias.png[/img]
	</div>
	<div id="fondo5_">
		[img]images/fondo5.png[/img]
	</div>
	<div id="bienvenida_">
		[img]images/bienvenida.png[/img]
	</div>
	<div id="fondo3_">
		[img]images/fondo3.png[/img]
	</div>
	<div id="fondo8_">
		[img]images/fondo8.png[/img]
	</div>
	<div id="big-logo2012_">
		[img]images/big-logo2-12.png[/img]
	</div>
	<div id="fondo8013_">
		[img]images/fondo8-13.png[/img]
	</div>
	<div id="foros_">
		[img]images/foros.png[/img]
	</div>
	<div id="beta-15_">
		[img]images/beta_15.png[/img]
	</div>
	<div id="fondo7_">
		[img]images/fondo7.png[/img]
	</div>
	<div id="menu-inicio_">
		[img]images/menu-inicio.png[/img]
	</div>
	<div id="menu-info_">
		[img]images/menu-info.png[/img]
	</div>
	<div id="menu-tuto_">
		[img]images/menu-tuto.png[/img]
	</div>
	<div id="fondo2_">
		[img]images/fondo2.png[/img]
	</div>
	<div id="menu-down_">
		[img]images/menu-down.png[/img]
	</div>
	<div id="fondo4_">
		[img]images/fondo4.png[/img]
	</div>
	<div id="menu-down023_">
		[img]images/menu-down-23.png[/img]
	</div>
	<div id="fondo6_">
		[img]images/fondo6.png[/img]
	</div>
	<div id="pie_">
		[img]images/pie.png[/img]
	</div>
</div>

</body>
</html>

Llevo rato intentando centrar y seguire xD, pero no hay caso por ahora, ni siquiera se deforma la beta de mi web, sigue aparcada arriva-izquerda >.<

Saludos
...
wolfmoon · · Solicitar retirada
Lo primero no entiendo porque tienes todo en posicion absoluta....

Para centrar la web crea un contenedor general y ponle esto:


margin: 0auto;
text-align:center;
Tek · · Solicitar retirada
Ese código no lo hice yo, lo genero el PS, como dije estoy provando distintas opciones (paralelo a seguir con el curso paso a paso)

Sobre el codigo que dejaste, sabes no me funciona >.<, disculpa pero, podrias decirle exactamente donde ponerlo?, pk probe en un css (body) y nada, tmb con div y tampoco resulto >.<