Comunidad PHPeros

Lenguajes => (X)HTML => Mensaje iniciado por: danielo en 01 de Mayo de 2007, 20:04:33 pm

Título: como alinear texto en pantalla
Publicado por: danielo 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
Título: Re: como alinear texto en pantalla
Publicado por: mOrK 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
Título: Re: como alinear texto en pantalla
Publicado por: danielo 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...
Título: Re: como alinear texto en pantalla
Publicado por: HugoR 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 %">
 ;)
Título: Re: como alinear texto en pantalla
Publicado por: mOrK 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)
Título: Re: como alinear texto en pantalla
Publicado por: danielo 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
Título: Re: como alinear texto en pantalla
Publicado por: danielo 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.
Título: Re: como alinear texto en pantalla
Publicado por: mOrK en 02 de Mayo de 2007, 14:08:46 pm
Jajaja, em alegro, no sabía yo eso de vspace y hspace :O

Saludos!
Título: Re: como alinear texto en pantalla
Publicado por: G2K 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... :(
Título: Re: como alinear texto en pantalla
Publicado por: mOrK 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!
Título: Re: como alinear texto en pantalla
Publicado por: G2K 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
Título: Re: como alinear texto en pantalla
Publicado por: naveda 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)
Título: Re: como alinear texto en pantalla
Publicado por: G2K 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
Título: Re: como alinear texto en pantalla
Publicado por: mOrK en 06 de Mayo de 2007, 01:08:33 am
Si está bien hecho no, recuerdo el link que puse arriba... ;)

Saludos!