x

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación.
Si continúa navegando, consideramos que acepta su uso. Puede obtener más información, o bien conocer cómo cambiar la configuración, en nuestra Política de cookies

 
  Entrar Regístrate
 
Codigos html para centrar una web
#1 · 17/Jun/2004, 04:49
HOLA SEÑOR@S , YO DISEÑO PAGINAS WEB EN DREAMWEAVER MX, PERO HE OLVIDADO ALGU, NECESITO SABER COMO O CUAL ES EL CODIGO PARA CENTRAR UNA PAGINA WEB, DE TAL FORMA QUE AJUSTADA A 800 X 600 EN UNA PANTALLA DE MAYOR TAMAÑO SE VEA CENTRADA, DE IGUAL FORMA CUANDO CAMBIAMOS EL TAMAÑO DE LA VENTANA QUE SIEMPRE ESTÈ CENTRADA....GRACIAS DE ANTEMANO

chakalele
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 11/May/2004
·
#2 · 17/Jun/2004, 20:44 · Editado por KnowDemon
Centrar con CSS.

Si de centrar bloques se trata, una solución alterna a la última sugerencia de gaf es utilizar un <div> más o menos de esta forma:
Codigo:

<div class="web">
<!--Aquí va la web-->
</div>


Aplicandole los siguientes estilos:
Codigo:

div.web{
width : 86%;
margin-left : 7%;
}



Esto le dará un ancho de 86% y centrara el div.

NOTA: No se pueden centrar elementos en bloque de ancho fijo exclusivemente con CSS (que yo sepa...)

NOTA2: la propiedad text-align : center; solo debe funcionar con elementos en línea, aunque funciona con elementos en bloque en Internet Explorer (Cosa que no debería hacer)

KnowDemon
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 38
Desde: 22/Jun/2003
· ·
#3 · 17/Jun/2004, 23:37
Escrito originalmente por Defero
Escrito originalmente por KnowDemon
(...) una solución alterna a la última sugerencia de gaf (...)

Gaf? Dónde has visto a Gaf?
estoy en todos lados .

Y no recomiendo en lo absoluto, medidas porcentuales , toda vez que en monitores mayores o menores, expandirá o contraera la web y se vera mál. Pero es una desición que ha de tomar quien diseña la web.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


chavp
Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 21.100
Desde: 20/Dic/2002
· ·
#4 · 18/Jun/2004, 01:28
Si razón en eso tienes, pero voy a esto, mejor 800 x 600 y centrada , y se verá bien en todas las resoluciones. Que pasa si diseñas la web en puntos porcentuales en un monitor de 800 px y tienes una imagen en una de las tablas, al pasar a resoluciones mayores quedará un espacio y se irá al tacho la estética de la web.

Además esto ya lo hemos discutido un par de veces y sigo con la mia, ancho fijo y centrada . Al menos así hago mi web page .


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


chavp
Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 21.100
Desde: 20/Dic/2002
· ·
#5 · 18/Jun/2004, 01:50
bueno quedemos en que cada uno hace su web a su gusto.


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


chavp
Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 21.100
Desde: 20/Dic/2002
· ·
#6 · 18/Jun/2004, 07:55 · Editado por KnowDemon
Ups... tienes razón Defero... gaf no estaba... Mmmm, yo creo que estab viendo un post y contesando otro y los nombres se me revolvieron en la mente... pero bueno...

Todo esto del diseño es bastante polémico... personalmente no me gusta usar tablas para maquetar (no se guíen con la página que aparece en el píe, precisamente ahora la estoy rediseñando toda, paciencia) He encontrado una página que habla de maquetación con CSS que estoy casi seguro le gustará mucho a Defero. De verdad la recomiendo mucho. Aquí esta:

http://www.tierradenomadas.com/indice.php?tallerweb

Sobre todo la parte de "Maquetación CSS" y "Dinámicos pero amables". En esta última hay un ejemplo al final que a muchos, estoy seguro, dejará con la boca abierta...

P.D ¿Cómo no me fijé antes?... ahí hay una manera de centrar un bloque de ancho fijo con CSS

KnowDemon
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 38
Desde: 22/Jun/2003
· ·
#7 · 18/Jun/2004, 13:07
con css es mas sencillo k crear una tabla.

<html>
<head>
....
</head>
<body>
<div style="text-align: center;">
tu web aki
</div>
</body>
</html>

y fuera problemas con la resolución

Leron77
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 37
Desde: 10/Jun/2004
·
#8 · 18/Jun/2004, 16:57 · Editado por KnowDemon
Hola Ekliale_77. Según puedo ver, el código que pones solo centra los elementos en línea que se encuentren dentro del div, pero si yo quisiera, por ejemplo, texto justificado en un cuadro que se encuentre centrado en la pantalla no servirá. Internet Explorer además de centrar los elementos en línea con text-align lo hace también con los de bloque (como tablas u otros div) pero lo hace por una mala implementación de las CSS, ya que esa propiedad solo debería afectar a los elementos en línea. Ese problema no afecta a otros navegadores.

El código que has puesto equivale a aplicar la propiedad al body:

<body style="text-align: center;">
<!-- La web aquí -->
</body>

Un div de, supongamos 780 pixeles de ancho, se puede centrar aplicando esto:

div#web
{
position : relative;
width : 780px;
left : 50%;
margin-left : -390px;
}

A esto otro:

<body>
<div id="web">
<!--Aquí va la web-->
</div>
</body>

La cuestión esta en: ¿Funciona con IE? En estos instantes no lo puedo verificar...

PERO muchos se preguntarán: ¿A que viene tanto rollo y no simplewmente aplicar align="center" a una tabla? Por que los atributos presentacionales como align estan despreciados en las versiones HTML 4 estrictas para arriba...

KnowDemon
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 38
Desde: 22/Jun/2003
· ·
#9 · 18/Jun/2004, 21:12
interesante enlace .


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


chavp
Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 21.100
Desde: 20/Dic/2002
· ·
#10 · 02/Jul/2004, 18:28
Escrito originalmente por Defero.tk
Escrito originalmente por gaf
(...)

Y no recomiendo en lo absoluto, medidas porcentuales , toda vez que en monitores mayores o menores, expandirá o contraera la web y se vera mál. Pero es una desición que ha de tomar quien diseña la web.

Que se vea mal depende de cómo diseñes tu web. Si la diseñas de una manera "cuadriculada" de modo que sólo se vea bien a una resolución, pues sí, las medidas porcentuales no te convienen. Pero si usas un diseño más adaptable, en el que es lo mismo que una celda concreta mida 100 o mida 200 pixels, las medidas porcentuales son una solución mejor.

Además, si tú diseñas tu web para que se vea a una resolución de 800x600, en esa resolución sólo se podrá ver bien con la ventana maximizada, con lo cual le quitas al navegante la posibilidad de tener abiertas varias aplicaciones de manera simultánea. Qué pasa si quiero usar el MSN mientras navego? Y si quiero tener abierto un editor de texto para ir tomando notas de lo que veo en el navegador?

Y qué ocurre cuando un usuario de resolución de 1400x1050 entra a tu web? Estará desperdiciando 600 pixels de ancho!!

Moraleja: yo prefiero el ancho variable.



y como hago para mantener la parte de arriva fija y que lo de abajo cambie? se puede meter un menu en una celda y que las url las muestre en las celdas de abajo? o como? gracias..

danielapatrone
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 02/Jul/2004
·
#11 · 02/Jul/2004, 18:46
Cita:
y como hago para mantener la parte de arriva fija y que lo de abajo cambie? se puede meter un menu en una celda y que las url las muestre en las celdas de abajo? o como? gracias..
com html dos opciones, Frames o crearte una plantilla con esas opciones. Y con php, mediante includes .


De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


chavp
Moderador
Moderador
Haz clic para ver el perfil del usuario
Mensajes: 21.100
Desde: 20/Dic/2002
· ·
#12 · 03/Jul/2004, 07:44
Escrito originalmente por gaf
Cita:
y como hago para mantener la parte de arriva fija y que lo de abajo cambie? se puede meter un menu en una celda y que las url las muestre en las celdas de abajo? o como? gracias..
com html dos opciones, Frames o crearte una plantilla con esas opciones. Y con php, mediante includes .


exactamente tal y te dijo gaf...

Saludos
The Ghost

PD: como es que este usuario no tiene nick y en cantidad de mensajes dice 1, cuando tiene 2???(ver en javascript)

TheGhost
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 4.748
Desde: 27/Feb/2003
· ·
#13 · 03/Jul/2004, 10:40
Porque es un fantasma de verdad, Ghost

1K3R
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 7.844
Desde: 30/May/2002
·
#14 · 05/Jul/2004, 11:38
maldito fantasma antispam! xD

Nodws
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.489
Desde: 09/Ene/2003
· ·
#15 · 21/Jul/2004, 03:39
Escrito originalmente por KnowDemon
Centrar con CSS.
....

NOTA: No se pueden centrar elementos en bloque de ancho fijo exclusivemente con CSS (que yo sepa...)

NOTA2: la propiedad text-align : center; solo debe funcionar con elementos en línea, aunque funciona con elementos en bloque en Internet Explorer (Cosa que no debería hacer)



Sobre la NOTA 1: Se pueden centar elementos en bloque, si estos tienen determinado una anchura especifica. Si por ejemplo se quiere centrar la pagina completa, se puede hacer lo siguiente:

En el documento HTML:

Codigo:
...<body>
<div id="wrapper">
<!--- Demas codigo HTML de la pagina -->
</div>...


En Hojas de estilo en cascada o CSS:
Codigo:
div#wrapper{
width: 600px; /*Anchura de la pagina en pixeles*/
margin: 25px auto;
padding: 0;}



La propiedad 'margin' se refiere al margen, estoy colocandole 25px de margen superior e inferior, mientras que el margen derecho e izquierdo lo he colocado automatico, esto hara que se ajuste los margenes para que la pagina quede centrada.

Sobre la NOTA 2: la propiedad 'text-align' simplemente alineara el texto segun se indique, funciona con elementos en bloque como el parrafo, por ejemplo en CSS se declararia lo siguiente:

Codigo:
p { text-align: left;}


Lo anterior hara que todo el texto de los parrafos esten alineados a la izquierda, es recomendable que uno declare la alineacion de los textos puestos que IE tiende de manera 'fortuita' a alinear el texto de manera centrada.

Saludos:

Milton Mazzarri

MilMazz
Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 44
Desde: 22/Feb/2004
· ·
#16 · 08/Ago/2004, 15:15
vamos a ver, yo uso lo de la tabla de una dimensión con ancho fijo
<table width="780" align="center" border="0">
y lo pongo inmediatamente después del body y lo cierro justo antes de cerrar el body
</table></body>
pero no veo absolutamente nada, solo el color del fondo, uso dreamweaver 2004 y trabajo con capas, si quito las capas funciona pero todo queda desordenado, ¿cómo puedo ver mi página centrada?
gracias

LoKoEsE
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 08/Ago/2004
·
#17 · 25/Abr/2014, 05:03
Escrito originalmente por @chakalele

HOLA SEÑOR@S , YO DISEÑO PAGINAS WEB EN DREAMWEAVER MX, PERO HE OLVIDADO ALGU, NECESITO SABER COMO O CUAL ES EL CODIGO PARA CENTRAR UNA PAGINA WEB, DE TAL FORMA QUE AJUSTADA A 800 X 600 EN UNA PANTALLA DE MAYOR TAMAÑO SE VEA CENTRADA, DE IGUAL FORMA CUANDO CAMBIAMOS EL TAMAÑO DE LA VENTANA QUE SIEMPRE ESTÈ CENTRADA....GRACIAS DE ANTEMANO

<LI><FONT FACE="Arial Black"><FONT COLOR="#005500">
ALGUNAS AMISTADES SON ETERNAS

<OL>
Algunas veces encuentras en la vida
una amistad especial:
ese alguien que al entrar en tu vida
la cambia por completo.
Ese alguien que te hace reír sin cesar;
ese alguien que te hace creer que en el mundo
existen realmente cosas buenas.
Ese alguien que te convence
de que hay una puerta lista
para que tú la abras.
Esa es una amistad eterna…
Cuando estás triste
y el mundo parece oscuro y vacío,
esa amistad eterna levanta tu ánimo
y hace que ese mundo oscuro y vacío
de repente parezca brillante y pleno.
Tu amistad eterna te ayuda
en los momentos difíciles, tristes,
y de gran confusión.
Si te alejas,
tu amistad eterna te sigue.
Si pierdes el camino,
tu amistad eterna te guía y te alegra.
Tu amistad eterna te lleva de la mano
y te dice que todo va a salir bien.
Si tú encuentras tal amistad
te sientes feliz y lleno de gozo
porque no tienes nada de qué preocuparte.
Tienes una amistad para toda la vida,
ya que una amistad eterna no tiene fin.
</OL>

</BODY>
</HTML>


RULOPREFECO
Usuario Novato
Usuario Novato
Haz clic para ver el perfil del usuario
Mensajes: 1
Desde: 30/Mar/2014
·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · HTML avanzado
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 17:15 UTC+02:00 DST
Temas similares
 I FotoPTemaMensajesÚltima respuesta
El tema está cerradoHaz clic para ver el perfil del usuario
Por: jaker_180 · 18/Ene/2005, 01:51
1014/Feb/2005, 17:01
cubero123 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Por: yuli96 · 06/Dic/2010, 21:27
306/Dic/2010, 21:48
chavp Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Por: DJMatyX · 05/Sep/2009, 13:40
912/Oct/2009, 00:05
aerialss88 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Por: LINCHENG · 19/Nov/2010, 20:56
119/Nov/2010, 22:54
Sirquini Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Por: franciskiko_20 · 08/Mar/2012, 22:15
108/Mar/2012, 22:24
chavp Ir al último mensaje del tema