centrar

auritz3 · #1 (**permalink**) 28/03/2011, 03:06

Hola a todos,

Ya se que esto que voy a preguntar es muy básico pero no consigo hacerlo

Como se puede centrar un párrafo? Esto es lo que he hecho

<div>
<p style="text-align:center; align:center; font-size:40px">Diseñador de gráficas </p><br><br>
</div>

Es que tengo esto y no consigo centrarlo, prodría alguien decirme porque no funciona? Muchas gracias

Jask · #2 (**permalink**) 28/03/2011, 04:11

Muy buenas.

Tenés que quitar el atributo align:center ya que no sirve, no existe más bien. Por otro lado te tendría que dejar centrarlo sin ningún problema.

Saludos :)

auritz3 · #3 (**permalink**) 28/03/2011, 04:50

hola he cambiado lo que me has dicho y sigue sin funcionar.
El texto este, va debajo de una tabla llena a través de una base de datos, a partir de esta tabla es como si perdiera las referencias.
si escribo cosas como font-size o font-color si que me las aplica pero cosas como align y padding no. No se que hacer.
Hay algun tipo de incompatibilidades entre php y css? o hay alguna manera de volver a decirle cual es la "referencia"?
He intentado ser lo más preciso y conciso que he podido, sino ha quedado claro lo intentare explicar de otra manera.

Muchas gracias

daPhyre · #4 (**permalink**) 28/03/2011, 13:50

Revisa el código generado. Quizá tengas una etiqueta sin cerrar que te esté generando ese error. Suerte

auritz3 · #5 (**permalink**) 29/03/2011, 02:05

No creo que sea ese el problema puesto que ciertos atributos si funcionan como font-color y font-size, pero atributos como align no se aplican. No se si me he explicado con claridad.
Muchas gracias por vuestro tiempo.

Impostor · #6 (**permalink**) 29/03/2011, 03:00

Buenas,

creo que el problema es que <p> no tiene un ancho definido, por lo tanto se va a adaptar al tamaño de su contenedor sin centrarse. Prueba a darle un tamaña al parrafo, quizás se te centre.

Saludos¡¡

auritz3 · #7 (**permalink**) 30/03/2011, 01:40

Hola, muchas gracias pero he intentado hacer lo que me has dicho y sigue sin funcionarme. Tambien tengo problemas con CSS en otros aspectos por ejemplo para darle color al fondo de una fila de una tabla. Simplemente es como si no leyera las CSS. Ahi va un poco de codigo por si acaso.

echo"<table border='1' width=300 align=center valign=center bordercolor='#000000'>
<tr style=background:CCC;>
<td text-align:center;><b>Fecha</b></td>
<td text-align:center;><b>Nombre</b></td>
<td text-align:center;><b>Apellido1</b></td>
<td text-align:center;><b>Apellido2</b></td>

</tr>";
todo esto va dentro de un div pero por lo que sé como esto es más concreto tiene preferencia no?

Muchas gracias por cualquier ayuda.

saul123 · #8 (**permalink**) 30/03/2011, 04:13

Hola auritz3

Yo he porbado tu codigo y no tengo problemas yo lo veo centrado , quiza el tipo de doumento lo has hecho estricto y por eso no acepta las propiedades css en el html , por que otra cosa no se me ocurre

daPhyre · #9 (**permalink**) 30/03/2011, 12:54

Aquí está el error:

Código HTML:

<td text-align:center;>

Debería ser:

Código HTML:

<td style="text-align:center;">

auritz3 · #10 (**permalink**) 31/03/2011, 01:35

Para Saul:

Yo tambien lo veo centrado, pero ves el fondo en gris? Es que es como si funcionaran unos atributos y otros no.

Para DaPhyre:

El problema en el caso de la tabla no lo tengo con el centrado sino con el color de fondo, el problema con el centrado lo tengo algún párrafo como el que he puesto al final.
No entiendo porque unos atributos se aplican y otros no.

Muchas gracias a los dos, de verdad que os lo agradezco.
Un saludo!

daPhyre · #11 (**permalink**) 31/03/2011, 01:45

¿Te refieres al TR? Creo que es por que falta el numeral (#)

Código HTML:

<tr style="background:#CCC;">

Suerte

auritz3 · #12 (**permalink**) 31/03/2011, 04:55

Hola Daphyre:

Antes de nada muchas gracias por tus consejos.
Desgraciadamente aunque ponga # no se soluciona nada, yo creo que es algo más general relativo a las CSS. Es como si no funcionasen las CSS a que se puede deber? Tiene que ver que esté dentro de algún div? Puede que sea alguna incompatibilidad?
Muchas gracias por todo.

Un saludo!

daPhyre · #13 (**permalink**) 31/03/2011, 16:46

Se me hace bastante extraño, ya que he hecho varios proyectos con estos estilos, y no he tenido problemas así...

Supongo que tendríamos que ver el código de tu página para poder localizar el error... ¿Tienes algún enlace?

auritz3 · #14 (**permalink**) 01/04/2011, 02:31

Hola daPhyre:

No te puedo pasar el enlace porque no lo tengo subido a Internet, está todo dentro de una Intranet pero he subido un trozo de código a megaupload con 2 pantallazos.

He aqui la dirección: http://www.megaupload.com/?d=TNCSJUEX

Te pongo en situación:

Es mi primer proyecto de este tipo asi que espero que no sea un desastre y lo puedas entender. Se trata de un buscador, para empleados de una empresa y cuantificar su trabajo. En la pantalla anterior tengo un formulario por lo que hay datos que paso por POST.
Los dos problemas que he tenido están en las lineas 194(el color de fondo de la tabla) y 287(el centrado del texto), lo he solucionado con padding-left pero me parece una chapuza, aunque como verás esta todo un poco desordenado y algún consejo no me vendría nada mal.
Muchas gracias por todo y si tienes alguna duda no dudes en consultarme.
Un saludo!

luisrojas500 · #15 (**permalink**) 01/04/2011, 04:36

En la linea 194 te falta la comilla de cierre que hace que funcione el atributo css

En la linea 287 te fallan varias cosas, lo que yo haria seria.

1. quitaria la etiqueta aling y usaria el atributo css text-aling: center,
2. quita el pading,
3. pondria un with fijo del tamaño del centrado que quieres y un margin:auto,
4. si hace falta ponle tambien un display block, porque por la estructura que tiene la pagina lo mas seguro es que hayan fallos en la maquetacion, que te dificulten manipular las elementos.

ademas yo que tu hubiera compartido el codigo generado copiando el codigo fuente, de la pagina en vez de subir el php al servidor porque tu problema es de diseño. no de programacion.

GatoGordo · #16 (**permalink**) 01/04/2011, 10:56

¿Estás usando navegadores actualizados? Por lo que veo el problema de centrado no tiene razón de ser, no me viene a la cabeza alguna razón excepto falta de actualización. En tu primer código sólo es cosa de quitar "align:center" que es lo que está fuera de lugar.

Saludos!

daPhyre · #17 (**permalink**) 01/04/2011, 16:16

Concuerdo con Luis, hubiera sido mejor si hubieras adjuntado el html resultante.

¿Ya probaste las soluciones propuestas?

auritz3 · #18 (**permalink**) 04/04/2011, 02:35

Perdona por no contestar antes, pero he estado fuera y no he podido.

He aplicado los cambios que me ha recomendado Luis y lo del centrado lo he solucionado pero lo del color de fondo no. En cuanto a los navegadores que uso IE 8 y firefox 3.6.16.
Aqui os paso un enlace para descargar el código fuente de la página :http://www.megaupload.com/?d=EQ3QC97M, muchas gracias por todo lo que me habeis aportado. Si me pudierais ayudar con lo del color de fondo os lo agradecería mucho.
Un saludo!

daPhyre · #19 (**permalink**) 04/04/2011, 13:20

No se los demás, yo estoy descargando el archivo y se muestra corrupto :S

auritz3 · #20 (**permalink**) 05/04/2011, 01:47

Cita:

Iniciado por daPhyre

No se los demás, yo estoy descargando el archivo y se muestra corrupto :S

Yo lo acabo de bajar y a mi se me a bajado y abierto bien, intentalo y sino lo vuelvo a subir. Es más cuando lo abro el html con firefox si que sale el fondo gris, sin embargo si lo ejecuto tanto en firefox como en IE, no se ve. Tampoco veo el fondo gris cuando abro el html desde IE. A que se puede deber?
Muchas gracias

jomaruro · #21 (**permalink**) 05/04/2011, 13:16

Hola:

Una recomendación www.librosweb.es

Saludos.

daPhyre · #22 (**permalink**) 05/04/2011, 14:18

Ya logré verlo. Yo veo bien el fondo del TableRow tanto en Google Chrome como en Firefox.

auritz3 · #23 (**permalink**) 06/04/2011, 05:00

Gracias jomaruro, le estoy echando un vistazo y parece muy bueno.
Pero no entiendo porque daPhyre puede verlo y yo no, si usamos el mismo navegador, como puedo solucionarlo?

daPhyre · #24 (**permalink**) 06/04/2011, 12:04

Prueba agregar el DOCTYPE correcto, luego eso hace "casos especiales" en algunos navegadores...

auritz3 · #25 (**permalink**) 08/04/2011, 01:35

Hola daPhyre:

Este es el DOCTYPE que tengo: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Es el doctype correcto? Sino lo es me puedes poner cual sería?
gracias!

saul123 · #26 (**permalink**) 08/04/2011, 03:25

Hola

Yo veo tu Doctype bien , yo uso dreamweaver y esto es lo que el pone por defecto.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento sin título</title>
</head>
 
<body>
</body>
</html>

daPhyre · #27 (**permalink**) 08/04/2011, 14:07

¿Tienes el doctype? El problema entonces es que el archivo que compartiste en verdad se descarga corrupto. No aparece nada antes del Style. Quizá ahí resida alguna importante diferencia que haga esto ocurra diferente :S

Yefb · #28 (**permalink**) 08/04/2011, 21:29

Esto da muchas vueltas :).
Porqué no pones de una vez el HTML resultante para que se pueda analizar el problema más fácil?.
Ya le habrían encontrado solución.

Saludos!

auritz3 · #29 (**permalink**) 11/04/2011, 02:28

Hola, he vuelto a subir el HTML resultante pero esta vez a fileserve, haber si ahora no os aparece corrupto, yo lo he bajado y se me ha bajado bien.
Aqui esta el link: http://www.fileserve.com/file/vUTKy9B
Muchas gracias!