Autor Tema: como alinear texto en pantalla  (Leído 1969 veces)

Desconectado danielo

  • PHPerit@
  • *
  • Mensajes: 49
  • Karma: 1
    • Ver Perfil
como alinear texto en pantalla
« en: 01 de Mayo de 2007, 20:04:33 pm »
Hola! buenas! a ver si me podéis ayudar que he estado mirando manuales y no lo sé resolver. Mi duda es la siguiente:

Tengo un texto que en este caso es una tabla. Quiero que la tabla aparezca en una cierta posición de la pantalla. Es decir, haciendo servir:

<div align="x">
  <table>...</table>
</div>


puedo poner la tabla a la izquierda, derecha, centrada o justificada (left, right, center y justify) verdad??
Pues bien, yo no la quiero en ninguna de esas cuatro posiciones. Como hago para situar la tabla donde a mi me dé la gana de la pantalla? No se le pueden aplicar unas coordenadas de alguna manera? me explico??

Saludos y gracias!

Dani

Comunidad PHPeros

como alinear texto en pantalla
« en: 01 de Mayo de 2007, 20:04:33 pm »

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: como alinear texto en pantalla
« Respuesta #1 en: 01 de Mayo de 2007, 20:25:21 pm »
<table width="100px"> pixeles xD o tb <table width="100%">, en tanto por ciento, que en éste caso será toda la pantalla.

El width se puede utilizar para otras cosas, como para los div, por ejemplo

Saludos

Desconectado danielo

  • PHPerit@
  • *
  • Mensajes: 49
  • Karma: 1
    • Ver Perfil
Re: como alinear texto en pantalla
« Respuesta #2 en: 01 de Mayo de 2007, 20:41:09 pm »
Hola mOrK! gracias por contestarme, pero si no me equivoco con el "width" indico la anchura de la tabla. Y yo lo que quiero es situar la tabla en cierta posición de la pantalla, que no sea ni centrada, ni pegada a la derecha, ni pegada a la izquierda.
Por ejemplo, si este post fuese mi pagina web quiero mi tabla aquí:





                                                                                                                ------------------------
                                                                                                                |                            |
                                                                                                                |                            |
                                                                                                                |                            |
                                                                                                                |                            |
                                                                                                                ------------------------

esto es lo que quiero, que igual es muy simple de hacer, pero ahora mismo no se hacerlo...

Desconectado HugoR

  • PHPerit@
  • *
  • Mensajes: 20
  • Karma: 2
    • Ver Perfil
Re: como alinear texto en pantalla
« Respuesta #3 en: 01 de Mayo de 2007, 21:21:04 pm »
Pues es fácil donde pone width pon al lado left y top y ya eliges tu si lo pones en px o en % quedaría algo así:

Código: [Seleccionar]
<table width="px o %" left="px o %" top="px o %">
 ;)

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: como alinear texto en pantalla
« Respuesta #4 en: 01 de Mayo de 2007, 21:27:39 pm »
m****** cierto, perdón, no me fije demasiado.... :S

Si quieres hacer eso, lo mejor es que utilizes capas... siempre irán donde tu quieras y es más "profesional" (aunque más lioso, para mi)

Desconectado danielo

  • PHPerit@
  • *
  • Mensajes: 49
  • Karma: 1
    • Ver Perfil
Re: como alinear texto en pantalla
« Respuesta #5 en: 02 de Mayo de 2007, 13:42:36 pm »
Pues es fácil donde pone width pon al lado left y top y ya eliges tu si lo pones en px o en % quedaría algo así:

Código: [Seleccionar]
<table width="px o %" left="px o %" top="px o %">
 ;)

m****** cierto, perdón, no me fije demasiado.... :S

Si quieres hacer eso, lo mejor es que utilizes capas... siempre irán donde tu quieras y es más "profesional" (aunque más lioso, para mi)

Gracias a los dos por contestar, pero no he conseguido solucionarlo :-\ ???
Si hago escribo "left" y "top" dentro del tag de "table", x más intentos que hago no me los reconoce como atributos del "table". Me explico, como hago servir un editor de HTML, por ejemplo el atributo "width" me lo marca en otro color, mientras "left" y "top" se quedan igual. Y luego además que da igual, que pruebo en ponerles valores en px o % y no cambia nada. Esto es lo que tengo puesto ahora y nada...

Código: [Seleccionar]
<table border=3 cellspacing=5 cellpadding=10 width="30%" left="80%" top="60%" "bgcolor="#C1CDCD">
He probado también la opción de las capas (layers), pero no sé si es xq he leido que está en desuso que parece que tampoco me las reconoce. Las pruebo y no hace nada de nada  ???

Nadie sabe como hacerlo??

Saludos! y gracias de nuevo!

Dani

Desconectado danielo

  • PHPerit@
  • *
  • Mensajes: 49
  • Karma: 1
    • Ver Perfil
Re: como alinear texto en pantalla
« Respuesta #6 en: 02 de Mayo de 2007, 14:06:41 pm »
Chavales!!! y chavalas!!! Lo he solucionado!!!  ;D ;D ;D ;D ;D ;D ;D

No sé si será muy correcto pero funcionar... funciona!! He añadido los atributos "vspace" y "hspace" tal que así:

Código: [Seleccionar]
<table border=3 cellspacing=5 cellpadding=10 width="30%" vspace="80%" hspace="60%">
Ueeeeeeeeeee!!!!

Dani, agradecido.

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: como alinear texto en pantalla
« Respuesta #7 en: 02 de Mayo de 2007, 14:08:46 pm »
Jajaja, em alegro, no sabía yo eso de vspace y hspace :O

Saludos!

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: como alinear texto en pantalla
« Respuesta #8 en: 02 de Mayo de 2007, 15:23:48 pm »
Si quieres hacer eso, lo mejor es que utilizes capas... siempre irán donde tu quieras y es más "profesional" (aunque más lioso, para mi)
Yo siempre que hago una Web con capas me sale una grandisima M... por eso ya no las hago con capas porque se mueven solas y se ponen en otros sitios y queda muy mal, lastima que no se queden en su sitio original... :(
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: como alinear texto en pantalla
« Respuesta #9 en: 02 de Mayo de 2007, 18:57:46 pm »
Yo las hacía de una forma rara y se veía todo mal, con ie o con otra resolucion, salía raro... pero si las haces bien, te puede salir una web mejor que con tablas...

Yo uso tablas, pero reconozco que con capas está mucho más organizado y con menos lio en el código... (si lo haces bien)

Mira: http://www.ndesign-studio.com/ , está hecha con capas, y es fabulosa la web..

Saludos!

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: como alinear texto en pantalla
« Respuesta #10 en: 03 de Mayo de 2007, 07:31:23 am »
joder que imagenes para el diseño pero a mi las capas se me ponen donde quieren en el explorador :S
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado naveda

  • Administrador General
  • PHPero Master
  • *****
  • Mensajes: 2.282
  • Karma: 165
  • Sexo: Masculino
    • Ver Perfil
    • naveda.me
Re: como alinear texto en pantalla
« Respuesta #11 en: 03 de Mayo de 2007, 20:43:25 pm »
Las capas tienen unas propiedades que te permiten situarlas en un lugar fijo, no recuerdo muy bien como pero se que se establecen dos valores X e Y y se quedan fijos.

El problema de este método es que la resolución del usuario puede ser mayor o menor que la debida para ver la web y por lo tanto la capa no se situará donde uno desearía... sino que cada uno la vería en diferente sitio pero siempre el mismo.

Según ví el otro día, se está pasando de organizar el diseño con tablas a hacerlo mediante capas... (parece ser que es más limpio, como m0rk ha dicho)
Por favor, leete las Normas


Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: como alinear texto en pantalla
« Respuesta #12 en: 05 de Mayo de 2007, 23:42:24 pm »
Yo me tiraria a hacerlo con capas pero como tu bien has dicho... segun la resolución se ve de una manera u otra
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: como alinear texto en pantalla
« Respuesta #13 en: 06 de Mayo de 2007, 01:08:33 am »
Si está bien hecho no, recuerdo el link que puse arriba... ;)

Saludos!