Foros del Web » Creando para Internet » CSS »

centrar mi futura página web

Estas en el tema de centrar mi futura página web en el foro de CSS en Foros del Web. Hola a todos: Antes de nada me gustaría decir que soy nueva, he descubierto el foro por casualidad, y me he propuesto crear mi propia ...

  #1 (permalink)  
Antiguo 17/11/2010, 04:40
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Pregunta centrar mi futura página web

Hola a todos:

Antes de nada me gustaría decir que soy nueva, he descubierto el foro por casualidad, y me he propuesto crear mi propia págin web, así que estoy más perdida que yo que se!!!

Muchas gracias a los que tengais la paciencia de ayudarme!!

A ver:
He dibujado la página web en photoshop y después la he pasado a dreamweaver.
El problema es que tengo por un lado un portatil y por otro lado una tele de 19 pulgadas que uso de monitor. Entonces si configuro la página en el portatil, en el monitor se ve a la izquierda, y si la configuro en el monitor en el portatil se ve a la derecha....
Como lo soluciono????

ahhhh, y al abrir dreamweaver, en el código tengo esto:

<head>
<title>El titulo de mi página</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:840px;
top:234px;
width:140px;
height:615px;
z-index:1;
}

Muchas gracias!
  #2 (permalink)  
Antiguo 17/11/2010, 06:08
 
Fecha de Ingreso: agosto-2010
Mensajes: 12
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: centrar mi futura página web

en tal caso no uses position absolute con coordenadas fijas, resumiendo, borra:

position:absolute;
left:840px;

y cambialo por
margin:0 auto

o pasa del css y centralo con las propias etiquetas <center> del html, pero te recomiendo dejarlo con css

<head>
<title>El titulo de mi página</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#apDiv1 {
margin:0 auto;
top:234px;
width:140px;
height:615px;
z-index:1;
}
  #3 (permalink)  
Antiguo 17/11/2010, 06:22
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

eso no me funciona.....

Se me va la página web hacia abajo e izquierda y se quedan unas letras de un menú arriba de todo y a la izquierda también...

Se me desmonta todo....... y no me queda nada centrado......
  #4 (permalink)  
Antiguo 17/11/2010, 07:03
 
Fecha de Ingreso: agosto-2010
Mensajes: 12
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: centrar mi futura página web

usa la etiqueta html (quitando el position absolute y el left como antes)

<head>
<title>El titulo de mi página</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#apDiv1 {
top:234px;
width:140px;
height:615px;
z-index:1;
}

y donde tengas el div1, añade el center
<center><div>.........</div></center>

otra seria usar el align:center en css, aunque esa es para el texto, nose, hay muchas formas...
  #5 (permalink)  
Antiguo 17/11/2010, 07:04
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

He estado mirando unos cuantos posts del foro sobre este tema, probando con mi página web, pero no me coincide nada....
Quizás el "problema" es que he partido de una imagen de photoshop. dentro de esa imagen tengo que dibujar div pa para poder escribir dentro.
Mi página no tiene marcos. .....

Muchas gracias
  #6 (permalink)  
Antiguo 17/11/2010, 07:05
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

perdon no había leido esta respuesta.
voy a probar
  #7 (permalink)  
Antiguo 17/11/2010, 07:11
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

Cita:
Iniciado por Klafhor Ver Mensaje
usa la etiqueta html (quitando el position absolute y el left como antes)

<head>
<title>El titulo de mi página</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#apDiv1 {
top:234px;
width:140px;
height:615px;
z-index:1;
}

y donde tengas el div1, añade el center
<center><div>.........</div></center>-----------a ver que yo me entere:
sería así?:
#<center><div> {
top:234px;
width:140px;
height:615px;
z-index:1;
</div></center>
}

otra seria usar el align:center en css, aunque esa es para el texto, nose, hay muchas formas...
  #8 (permalink)  
Antiguo 17/11/2010, 07:49
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola canelat

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #9 (permalink)  
Antiguo 17/11/2010, 07:55
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

Código HTML:
Ver original
  1. <title>El titulo de mi página</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  3. <style type="text/css">
  4. <!--
  5. #apDiv1 {
  6. margin:0 auto;
  7. width:140px;
  8. height:615px;
  9. z-index:1;
  10. }

Slds.-
  #10 (permalink)  
Antiguo 17/11/2010, 08:35
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

javierB perfecto, no sabía que tenía que ir en CSS.

DragonX -------- no funciona.......

Pero gracias por la respuesta.

no entiendo por que no sale centrada......... aaaaarrrrrrrrrrrggggggggg
  #11 (permalink)  
Antiguo 17/11/2010, 08:40
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

podrias poner todo tu HTML por favor.
  #12 (permalink)  
Antiguo 17/11/2010, 08:49
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

Claro!

ahí va:

<html>
<head>
<title>Canela y tu final</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:840px;
top:234px;
width:140px;
height:615px;
z-index:1;
}
.Estilo3 {font-family: Comfortaa; font-size: 18px; color: #147c9d; font-weight: bold; }
a:link {
text-decoration: none;
color: #147c9d;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Canela y tu final.psd) -->
<div id="apDiv1">
<h1 align="left" class="Estilo3"> <a href="Recetas.html">Recetas</a></h1>
<h1 align="left" class="Estilo3"><a href="Postres.html">Postres</a></h1>
<h1 align="left" class="Estilo3">Vida sana</h1>
<h1 align="left" class="Estilo3">Productos de temporada</h1>
</div>
<img src="im%e1genes/Canela-y-tu-final.jpg" width="1020" height="1000" alt="">
<!-- End ImageReady Slices -->
</body>
</html>
  #13 (permalink)  
Antiguo 17/11/2010, 09:05
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

como te dije antes...... sacale el position absolute y las medidas left top!

#apDiv1 {
MARGIN:0 AUTO;
width:140px;
height:615px;
z-index:1;
}

Slds.-
  #14 (permalink)  
Antiguo 17/11/2010, 09:18
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

DragonX no funciona.
Lo probé antes, ahora de nuevo y no funciona.....
  #15 (permalink)  
Antiguo 17/11/2010, 09:28
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

algo asi?

Código HTML:
Ver original
  1. <title>Canela y tu final</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  3. <style type="text/css">
  4. <!--
  5. #apDiv1 {
  6. margin:0 auto;
  7. width:140px;
  8. height:615px;
  9. z-index:1;
  10. }
  11. .Estilo3 {font-family: Comfortaa; font-size: 18px; color: #147c9d; font-weight: bold; }
  12. a:link {
  13. text-decoration: none;
  14. color: #147c9d;
  15. }
  16. a:visited {
  17. text-decoration: none;
  18. }
  19. a:hover {
  20. text-decoration: none;
  21. }
  22. a:active {
  23. text-decoration: none;
  24. }
  25. img{position:absolute;left:0;top:0;}
  26. -->
  27. </head>
  28. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  29. <!-- ImageReady Slices (Canela y tu final.psd) -->
  30. <div id="apDiv1">
  31. <h1 align="left" class="Estilo3"> <a href="Recetas.html">Recetas</a></h1>
  32. <h1 align="left" class="Estilo3"><a href="Postres.html">Postres</a></h1>
  33. <h1 align="left" class="Estilo3">Vida sana</h1>
  34. <h1 align="left" class="Estilo3">Productos de temporada</h1>
  35. </div>
  36. <img src="im%e1genes/Canela-y-tu-final.jpg" width="1020" height="1000" alt="">
  37. <!-- End ImageReady Slices -->
  38. </body>
  39. </html>
  #16 (permalink)  
Antiguo 17/11/2010, 09:40
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

aiiiiiii no funciona.......
buff
  #17 (permalink)  
Antiguo 17/11/2010, 09:42
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

Igual es porque parto de un dibujo de photoshop, sin marcos ni nada.... no se......
Lo mejor de todo es que hice un curso de dreamweaver y nunca nos enseñaron lo más importante!!!!!!
  #18 (permalink)  
Antiguo 17/11/2010, 09:45
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

eso pasa siempre.....pero bue.

para centrar un contenido lo unico que tenes que hacer es ponerle a tu contenedor total la propiedad margin:0 auto; eso lo centra en todos los browsers.... no podes colgar tu sitio asi lo vemos no?

Slds.-
  #19 (permalink)  
Antiguo 17/11/2010, 09:50
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

Ojalá pudiera colgarlo.....
Soy muy novata en todo esto. Y primero lo estoy diseñando y después tengo que buscar un dominio para publicarlo.
a no ser que se pueda colgar en otro sitio...... no se....
  #20 (permalink)  
Antiguo 17/11/2010, 09:56
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

claro, si tenes acceso a otro sitio, crea un dir llamado "test", por ejemplo, y subi tus archivos ahi, todo!
  #21 (permalink)  
Antiguo 17/11/2010, 10:13
 
Fecha de Ingreso: agosto-2010
Mensajes: 12
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: centrar mi futura página web

el div lo tienes en la linea 33, te dije que usaras la etiqueta html, ya que el css no te iba, aunque tienes que quitar el position absolute (eso si del css)

<center><div id="apDiv1">
...
...
...
</div></center>

de ahi que dijera "donde tengas el div", y no que te lo pusiera yo manualmente, pues no pusiste todo el codigo, aunque sigo opinando igual que antes y de la misma forma que DragonX, por css es mejor y te deberia ir, pero sino es el caso, prueba esto:

[HIGHLIGHT="HTML"]
Código HTML:
Ver original
  1. <title>Canela y tu final</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  3. <style type="text/css">
  4. <!--
  5. #apDiv1 {
  6. top:234px;
  7. width:140px;
  8. height:615px;
  9. z-index:1;
  10. }
  11. .Estilo3 {font-family: Comfortaa; font-size: 18px; color: #147c9d; font-weight: bold; }
  12. a:link {
  13. text-decoration: none;
  14. color: #147c9d;
  15. }
  16. a:visited {
  17. text-decoration: none;
  18. }
  19. a:hover {
  20. text-decoration: none;
  21. }
  22. a:active {
  23. text-decoration: none;
  24. }
  25. -->
  26. </head>
  27. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  28. <!-- ImageReady Slices (Canela y tu final.psd) -->
  29. <center><div id="apDiv1">
  30. <h1 align="left" class="Estilo3"> <a href="Recetas.html">Recetas</a></h1>
  31. <h1 align="left" class="Estilo3"><a href="Postres.html">Postres</a></h1>
  32. <h1 align="left" class="Estilo3">Vida sana</h1>
  33. <h1 align="left" class="Estilo3">Productos de temporada</h1>
  34. </div></center>
  35. <img src="im%e1genes/Canela-y-tu-final.jpg" width="1020" height="1000" alt="">
  36. <!-- End ImageReady Slices -->
  37. </body>
  38. </html>
  #22 (permalink)  
Antiguo 17/11/2010, 10:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: centrar mi futura página web

Edito y aclaro: Comencé a redactar esta respuesta y a ver el código antes del último comentario de Klafhor

Qué afán de comenzar la casa por la ventana.
Comience por los tutoriales sobre css y html de www.librosweb.es y tendrá una buena base. En serio. Sin unos conocimientos mínimos previos es como pretender llevar un f1 sin haber aprendido a conducir.

Sobre el tema:
El código que le indica DragonX en #15 sí centra su #apDiv1. Sólo tiene que ponerle un borde y quitar la imagen.
Lo que ocurre y no se ha dado cuenta es que:
Ese div sólo mide 140px de ancho.
Fuera de él tiene una imagen mucho mayor posicionada de forma absoluta en 0,0.
Esa imagen se coloca sobre (eje z) su #apDiv1 porque:
-Aparece después en el flujo del documento.
- Aunque #apDiv1 tiene declarado |z-index:1| le falta posicionarlo para que esa propiedad actúe. Así que añada |position: relative|

Pero le reitero mi consejo inicial. Antes de seguir y aprovechando que lo que tiene hasta ahora es poco, léase esos manuales que le indico.
  #23 (permalink)  
Antiguo 17/11/2010, 12:53
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

a ver:

el problema es que tengo una imagen dentro de dreamweaver.
Y dentro de esa imagen estoy dibujando un div Pa en donde escribo lo de Recetas, Postres, vida sana etc etc que por supuesto es más pequeño que el ancho de la página web, ya que es un menú.

El caso es que cuando hago todo esto lo único que se centra es ese menú, la página (o sea el dibujo) se me mueve hacia abajo y se me descoloca todo.

Kseso estoy tratando de aprender. No se crea que estoy aquí dando la lata para nada.
  #24 (permalink)  
Antiguo 17/11/2010, 13:13
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFF

pone tu imagen como background del div y listo! ahora entiendo!!!!!!!!!

Código HTML:
Ver original
  1. <title>Canela y tu final</title>
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  3. <style type="text/css">
  4. <!--
  5. #apDiv1 {
  6. margin:0 auto;
  7. width:1020px;
  8. height:1000px;
  9. z-index:1;
  10. background:url(im%e1genes/Canela-y-tu-final.jpg) no-repeat left top;
  11. }
  12. .Estilo3 {font-family: Comfortaa; font-size: 18px; color: #147c9d; font-weight: bold; }
  13. a:link {
  14. text-decoration: none;
  15. color: #147c9d;
  16. }
  17. a:visited {
  18. text-decoration: none;
  19. }
  20. a:hover {
  21. text-decoration: none;
  22. }
  23. a:active {
  24. text-decoration: none;
  25. }
  26. img{position:absolute;left:0;top:0;}
  27. -->
  28. </head>
  29. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  30. <!-- ImageReady Slices (Canela y tu final.psd) -->
  31. <div id="apDiv1">
  32. <h1 align="left" class="Estilo3"> <a href="Recetas.html">Recetas</a></h1>
  33. <h1 align="left" class="Estilo3"><a href="Postres.html">Postres</a></h1>
  34. <h1 align="left" class="Estilo3">Vida sana</h1>
  35. <h1 align="left" class="Estilo3">Productos de temporada</h1>
  36. </div>
  37. <!-- End ImageReady Slices -->
  38. </body>
  39. </html>

creo que ahi estaríamos....
slds.-
  #25 (permalink)  
Antiguo 17/11/2010, 13:14
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

He decidido hacer otra cosa ya que esto era un rollo.

He vuelto a coger la imagen y he hecho los cortes en photoshop, de tal forma que ya tengo todo exactamente marcado en donde voy a escribir.

Así que ahora me encuentro con lo siguiente:

<html>
<head>
<title>Canela y tu final</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Canela y tu final.psd) -->
<table id="Tabla_01" width="1021" height="1001" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19">
<img src="im%e1genes/Canela-y-tu-final_01.jpg" width="1020" height="30" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="6">
<img src="im%e1genes/Canela-y-tu-final_02.jpg" width="62" height="233" alt=""></td>
<td colspan="4" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_03.jpg" width="447" height="80" alt=""></td>
<td colspan="12">
<img src="im%e1genes/Canela-y-tu-final_04.jpg" width="511" height="64" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="64" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="im%e1genes/Canela-y-tu-final_05.jpg" width="156" height="169" alt=""></td>
<td rowspan="3">
<img src="im%e1genes/Canela-y-tu-final_06.jpg" width="79" height="38" alt=""></td>
<td colspan="2" rowspan="5">
<img src="im%e1genes/Canela-y-tu-final_07.jpg" width="36" height="169" alt=""></td>
<td colspan="4" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_08.jpg" width="102" height="26" alt=""></td>
<td colspan="2" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_09.jpg" width="113" height="26" alt=""></td>
<td rowspan="9">
<img src="im%e1genes/Canela-y-tu-final_10.jpg" width="25" height="906" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="4">
<img src="im%e1genes/Canela-y-tu-final_11.jpg" width="447" height="153" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_12.jpg" width="215" height="86" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_13.jpg" width="79" height="131" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="74" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="im%e1genes/Canela-y-tu-final_14.jpg" width="51" height="57" alt=""></td>
<td colspan="2" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_15.jpg" width="157" height="644" alt=""></td>
<td rowspan="3">
<img src="im%e1genes/Canela-y-tu-final_16.jpg" width="7" height="668" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="57" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_17.jpg" width="32" height="611" alt=""></td>
<td colspan="12">
<img src="im%e1genes/Canela-y-tu-final_18.jpg" width="766" height="587" alt=""></td>
<td rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_19.jpg" width="33" height="611" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="587" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="im%e1genes/Canela-y-tu-final_20.jpg" width="766" height="24" alt=""></td>
<td colspan="2">
<img src="im%e1genes/Canela-y-tu-final_21.jpg" width="157" height="24" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_22.jpg" width="22" height="126" alt=""></td>
<td colspan="3">
<img src="im%e1genes/Canela-y-tu-final_23.jpg" width="225" height="114" alt=""></td>
<td rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_24.jpg" width="30" height="126" alt=""></td>
<td>
<img src="im%e1genes/Canela-y-tu-final_25.jpg" width="222" height="114" alt=""></td>
<td colspan="2" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_26.jpg" width="28" height="126" alt=""></td>
<td colspan="3">
<img src="im%e1genes/Canela-y-tu-final_27.jpg" width="227" height="114" alt=""></td>
<td colspan="2" rowspan="2">
<img src="im%e1genes/Canela-y-tu-final_28.jpg" width="27" height="126" alt=""></td>
<td colspan="5">
<img src="im%e1genes/Canela-y-tu-final_29.jpg" width="214" height="114" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="114" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="im%e1genes/Canela-y-tu-final_30.jpg" width="225" height="12" alt=""></td>
<td>
<img src="im%e1genes/Canela-y-tu-final_31.jpg" width="222" height="12" alt=""></td>
<td colspan="3">
<img src="im%e1genes/Canela-y-tu-final_32.jpg" width="227" height="12" alt=""></td>
<td colspan="5">
<img src="im%e1genes/Canela-y-tu-final_33.jpg" width="214" height="12" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td>
<img src="im%e1genes/espacio.gif" width="22" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="10" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="30" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="185" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="30" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="222" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="10" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="18" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="138" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="79" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="10" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="26" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="1" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="17" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="33" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="51" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="106" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="7" height="1" alt=""></td>
<td>
<img src="im%e1genes/espacio.gif" width="25" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
  #26 (permalink)  
Antiguo 17/11/2010, 13:15
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

NONONO!!!!!
volve atras todo y hace lo que te digo aca

slds.-
  #27 (permalink)  
Antiguo 17/11/2010, 13:21
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

DragonX de acuerdo!!

Pero si hago eso tampoco funciona me sale el menú arriba de todo a la izquierda encima del dibujo de la página web........
  #28 (permalink)  
Antiguo 17/11/2010, 13:29
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: centrar mi futura página web

ok, perfecto, vos necesitas tu menu centrado?

primero, sacale el align="left" de los <h1>
segundo, podes decirle al div contenedor que centre todo su contenido, asi:
Código CSS:
Ver original
  1. #apDiv1 {
  2. margin:0 auto;
  3. width:1020px;
  4. height:1000px;
  5. z-index:1;
  6. background:url(im&#37;e1genes/Canela-y-tu-final.jpg) no-repeat left top;
  7. text-align:center;
  8. }

Slds.-
  #29 (permalink)  
Antiguo 17/11/2010, 13:36
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: centrar mi futura página web

Cita:
Iniciado por kseso? Ver Mensaje
Sobre el tema:
El código que le indica DragonX en #15 sí centra su #apDiv1. Sólo tiene que ponerle un borde y quitar la imagen.
Lo que ocurre y no se ha dado cuenta es que:
Ese div sólo mide 140px de ancho.
Fuera de él tiene una imagen mucho mayor posicionada de forma absoluta en 0,0.
¿Leiste eso? Creo que hay esta la clave.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #30 (permalink)  
Antiguo 17/11/2010, 13:41
 
Fecha de Ingreso: noviembre-2010
Mensajes: 19
Antigüedad: 7 años
Puntos: 1
Respuesta: centrar mi futura página web

lo tengo!!!!!!!!!!!!!
bueno..... por ahora..... igual en cuanto haga algun otro marco se me descuadra todo.

Quité el marco pequeño que tenía a la derecha e hice uno que cogiese todo el dibujo.
La única forma de poder alinearlo es así:

<html>
<head>
<title>Canela y tu final</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#apDiv1 {
margin:0 auto;
width:1021px;
height:1001px;
z-index:1;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Canela y tu final.psd) -->
<center><div id="apDiv1">
<div id="apDiv1"><img src="im%e1genes/Canela-y-tu-final.jpg" width="1020" height="1000" alt=""></div>
<!-- End ImageReady Slices -->
</div></center>
</body>
</html>

No se si ahora al ponerle el marco con los menús se me va a ir todo al traste o ya se mantiene.....

Etiquetas: Ninguno
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

SíEste tema le ha gustado a 1 personas




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