Ver Mensaje Individual
  #17 (permalink)  
Antiguo 09/08/2010, 01:49
ehgq
 
Fecha de Ingreso: agosto-2010
Mensajes: 3
Antigüedad: 14 años, 3 meses
Puntos: 0
Ayudame por favor me estoy volviendo loco!!!

Cita:
Iniciado por BLACKANAME Ver Mensaje
No se si alguien ya respondio esta pregunta, pero el problema para centrar las paginas cuando no usas estilos css y traes una plantilla maqueteada desde photoshop es tan sencillo y simple que deberia dar risa.

Aca voy a poner unas lineas y lo que le faltaria para que estuviera en el centro en todos los broser:

// -->
</script>
</head>
<body bgcolor="#E6E6E6" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align: center" onload="FP_preloadImgs(/*url*/'imagenes_index/images/boton_01b.jpg', /*url*/'imagenes_index/images/boton_02b.jpg', /*url*/'imagenes_index/images/boton_03b.jpg', /*url*/'imagenes_index/images/boton_04b.jpg', /*url*/'imagenes_index/images/boton_05b.jpg', /*url*/'imagenes_index/images/boton_06b.jpg', /*url*/'imagenes_index/images/boton_asistencia2.jpg', /*url*/'imagenes_index/images/boton_profesores2.jpg', /*url*/'imagenes_index/images/boton_news2.jpg')" rightmargin="0" bottommargin="0">

<div align="center">

<!-- ImageReady Slices (index.psd) -->

Esta es la linea que siempre falta, <div align="center">, para que nuestras paginas se vean alineadas en los broser existentes, (ojo entodos)

Espero les sirva,

Atte.

BLACKNAME
He realizado una web con photoshop y al guardarla como web me aparece completamente a la izquierda y me gustaria que estuviese centrada. Creo que es a lo que respondias en este foro pero no se donde debo poner el <div align="center"> dentro del codigo.
Si pudieras ayudarme te lo agradeceria mucho por favor!!

Muchas Gracias de antemano y un saludo!!!!

Esta es la web:

http://www.casonadebabia.com/estinser/001.html

y este es el codigo:

<!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>nueva stinser 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Save for Web Styles (nueva stinser 1.psd) -->
<style type="text/css">
<!--

#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:1120px;
height:1810px;
text-align: center;
}

#id001-01_ {
position:absolute;
left:0px;
top:0px;
width:62px;
height:1810px;
}

#id001-02_ {
position:absolute;
left:62px;
top:0px;
width:988px;
height:184px;
}

#id001-03_ {
position:absolute;
left:1050px;
top:0px;
width:70px;
height:1810px;
}

#id001-04_ {
position:absolute;
left:62px;
top:184px;
width:683px;
height:70px;
}

#id001-05_ {
position:absolute;
left:745px;
top:184px;
width:305px;
height:70px;
}

#id001-06_ {
position:absolute;
left:62px;
top:254px;
width:988px;
height:280px;
}

#id001-07_ {
position:absolute;
left:62px;
top:534px;
width:988px;
height:67px;
}

#id001-08_ {
position:absolute;
left:62px;
top:601px;
width:666px;
height:344px;
}

#id001-09_ {
position:absolute;
left:728px;
top:601px;
width:322px;
height:344px;
}

#id001-10_ {
position:absolute;
left:62px;
top:945px;
width:988px;
height:31px;
}

#id001-11_ {
position:absolute;
left:62px;
top:976px;
width:32px;
height:96px;
}

#id001-12_ {
position:absolute;
left:94px;
top:976px;
width:272px;
height:96px;
}

#id001-13_ {
position:absolute;
left:366px;
top:976px;
width:50px;
height:96px;
}

#id001-14_ {
position:absolute;
left:416px;
top:976px;
width:272px;
height:96px;
}

#id001-15_ {
position:absolute;
left:688px;
top:976px;
width:57px;
height:96px;
}

#id001-16_ {
position:absolute;
left:745px;
top:976px;
width:272px;
height:96px;
}

#id001-17_ {
position:absolute;
left:1017px;
top:976px;
width:33px;
height:96px;
}

#id001-18_ {
position:absolute;
left:62px;
top:1072px;
width:661px;
height:347px;
}

#id001-19_ {
position:absolute;
left:723px;
top:1072px;
width:327px;
height:507px;
}

#id001-20_ {
position:absolute;
left:62px;
top:1419px;
width:661px;
height:160px;
}

#id001-21_ {
position:absolute;
left:62px;
top:1579px;
width:988px;
height:231px;
}

-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#122939;">
<span style="text-align: center"></span>
<!-- Save for Web Slices (nueva stinser 1.psd) -->
<div id="Tabla_01">
<div id="id001-01_">
<img id="id001_01" src="images001/001_01.jpg" width="62" height="1810" alt="" />
</div>
<div id="id001-02_">
<img id="id001_02" src="images001/001_02.jpg" width="988" height="184" alt="" />
</div>
<div id="id001-03_">
<img id="id001_03" src="images001/001_03.jpg" width="70" height="1810" alt="" />
</div>
<div id="id001-04_">
<img id="id001_04" src="images001/001_04.jpg" width="683" height="70" alt="" />
</div>
<div id="id001-05_">
<img id="id001_05" src="images001/001_05.jpg" width="305" height="70" alt="" />
</div>
<div id="id001-06_"></div>
<div id="id001-07_">
<img id="id001_07" src="images001/001_07.jpg" width="988" height="67" alt="" />
</div>
<div id="id001-08_">
<img id="id001_08" src="images001/001_08.jpg" width="666" height="344" alt="" />
</div>
<div id="id001-09_">
<img id="id001_09" src="images001/001_09.jpg" width="322" height="344" alt="" />
</div>
<div id="id001-10_">
<img id="id001_10" src="images001/001_10.jpg" width="988" height="31" alt="" />
</div>
<div id="id001-11_">
<img id="id001_11" src="images001/001_11.jpg" width="32" height="96" alt="" />
</div>
<div id="id001-12_">
<img id="id001_12" src="images001/001_12.jpg" width="272" height="96" alt="" />
</div>
<div id="id001-13_">
<img id="id001_13" src="images001/001_13.jpg" width="50" height="96" alt="" />
</div>
<div id="id001-14_">
<img id="id001_14" src="images001/001_14.jpg" width="272" height="96" alt="" />
</div>
<div id="id001-15_">
<img id="id001_15" src="images001/001_15.jpg" width="57" height="96" alt="" />
</div>
<div id="id001-16_">
<img id="id001_16" src="images001/001_16.jpg" width="272" height="96" alt="" />
</div>
<div id="id001-17_">
<img id="id001_17" src="images001/001_17.jpg" width="33" height="96" alt="" />
</div>
<div id="id001-18_">
<img id="id001_18" src="images001/001_18.jpg" width="661" height="347" alt="" />
</div>
<div id="id001-19_">
<img id="id001_19" src="images001/001_19.jpg" width="327" height="507" alt="" />
</div>
<div id="id001-20_"><img id="id001_20" src="images001/001_20.jpg" width="661" height="160" alt="" /></div>
<div id="id001-21_">
<img id="id001_21" src="images001/001_21.jpg" width="988" height="231" alt="" />
</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>