Foros del Web » Creando para Internet » Herramientas y Software »

Centrar Web

Estas en el tema de Centrar Web en el foro de Herramientas y Software en Foros del Web. Bueno, siguiendo en mi línea problematica de novato os planteo otro de los problemas que me atañen con el diseño del sitio q tng entre ...
  #1 (permalink)  
Antiguo 09/11/2006, 03:43
 
Fecha de Ingreso: octubre-2006
Mensajes: 199
Antigüedad: 17 años, 6 meses
Puntos: 3
Centrar Web

Bueno, siguiendo en mi línea problematica de novato os planteo otro de los problemas que me atañen con el diseño del sitio q tng entre manos.

El planteamiento inicial era diseñar cada "elemento" del sitio por separado (header, footer, banners y texto) en Photoshop, y una vez creados maquetarlos con DW (algo q parecía a priori bastante fácil...pero no).

Bien, mi problema ahora es el siguiente. Tengo todos los elementos diseñados, pero a la hora de ponerlos en el DW no sé muy bien como hacerlo. He probado poner cada cosa en un div (vista diseño, no sé mucho sobre el código xHTML), pero al previsualizar cada cosa sale en un sitio y justificado a la izda de la pantalla.

He probado poner una tabla, centrada y con borde 0px, a continuación selecciono dibujar capa y pongo una donde inserto una imágen, que es el header de mi sitio web. Esta capa la situo sobre la tabla en vista diseño, luego lo que hago es en vista código meto la etiqueta dentro de la tabla así:

<style type="text/css">
<!--
#Layer1 {
position:relative;
width:237px;
}
#Layer2 {
position:relative;
width:474px;
}
-->
</style>
</head>

<body>

<table width="789" height="172" border="0" align="center">
<tr>
<td><div id="Layer1"><img src="Imagenes/Header.jpg" width="780" height="160" /></div></td>
</tr>
</table>
<table width="600" border="0" align="center">
<tr>
<td height="126"><div id="Layer2"><img src="Imagenes/Footer.jpg" width="780" height="75" /></div></td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

Hago que cada later o capa sea relativo a cada tabla, pero trabajar con las tablas se me hace feo y dificil, cómo puedo situar cada tabla donde yo quiera??

Para que os hagais una idea, el código q he puesto lo que hace es que tanto el header como el footer (cabecera y pie de la web) aparezcan casi juntos. Cómo podría sigiuendo este método hacer que la separación sea mayor??

Además, una vez quiera situar entre estos más contenido que irá en sitios muy concretos, cómo lo hago, cómo puedo situar una tabla justo donde yo quiero que aparezca y sin perder esa situación con cambios de resolución, es decir, que cuando se cambie de resolución que no se desmaquete todo.

Por favor, me urge mucho acabar este sitio y me está dando quebraderos de cabeza por todas partes. Me podeis aconsejar un poco?. Si considerais que debería de haacerlo de otra forma, estoy abierto a cualquier cosa, pero ser pacientes y concretos, pues no sé gran cosa de xHTML y mucho menos de CSS.

Gracias y espero vuestra ayuda.

Un saludoooOO!!
  #2 (permalink)  
Antiguo 09/11/2006, 06:29
 
Fecha de Ingreso: octubre-2006
Mensajes: 199
Antigüedad: 17 años, 6 meses
Puntos: 3
Para que os hagais una idea más concreta de lo que necesito maquetar, os adjunto una imagen para q os quede un poco más claro. Incluso si me podeis echar un cable con el código os lo agradecería muchísimo.

img.photobucket.com/albums/v645/MadDunDee/muestra.jpg

Muchas gracias!!
  #3 (permalink)  
Antiguo 09/11/2006, 08:18
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
Pues el diseño que quieres no esta tan dificil. lo unico que veo complicado es poner el banner al lado izquierdo:


pero ademas de eso, pues haces una tabla con 4 lineas, o 4 tablas del mismo tamaño, y dentro de la tercera linea metes otra tabla y la divides en 3 columnas. Te repito que el banner que te digo arriba, si quieres que le de vuelta al texto, es mas complicado.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #4 (permalink)  
Antiguo 10/11/2006, 01:55
 
Fecha de Ingreso: octubre-2006
Mensajes: 199
Antigüedad: 17 años, 6 meses
Puntos: 3
juaniquillo, me podrías explicar un poco más detalladamente cómo hacer esto. No entiendo muy bien a qué te refieres con las tablas.

De todas formas, si considereas que sería mejor hacerlo con divs, y conoces algún sitio donde expliquen un poco cómo realizar esto, te lo agradecería.

Gracias por tu ayuda.

Un saludoOO!!
  #5 (permalink)  
Antiguo 10/11/2006, 17:00
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 18 años, 5 meses
Puntos: 281
si lo haces con divs es igual. haces un div (ojo, que sea div, no capa, osea que la posicion sea relativa no absoluta) donde vas a meter los otros. este lo pones del tamaño que quieras ponerlo. despues, metes tres divs mas dentro de ese (flash, heather y contenido).
Completa eso primero y de despues seguimos.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
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 22:08.