Entrar

centrar textos

cocoliso1 · · Solicitar retirada
a ver tengo una preguntilla, porque ci yo pongo esto:
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p> tal y como lo pone en el tutorial no me centra el texto?

esto es todo lo que tengo hasta ahora por si el fallo está en otro sitio:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal del ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>
[contenido no disponible]





Pagina creada gracias a ALMIRANTE SEIS




[contenido no disponible]</p>[correo eliminado]



</body>
</html>


De momento todo salia de... pero no puedo centrar a ver si me ayudais, creo que me tendreis que ayudar en varias ocasiones porque soy un poco zote.

Gracias
manmanu · · Solicitar retirada
Hola cocoliso1.

Bienvenid@.

Bueno intentare explicarme, a ver si me entiendes con pocas palabras.
Para que <p class="centrado">Aquí tú texto escrito</p>, te deje en el centro tú texto, se lo tendras que indicar mediante una instrucción CSS.
Entonces deberas escribirlo en tú hoja de estilos que esté asociada a éste archivo HTML.Como estas haciendo el curso, imágino que lo tendrás en estilos.css o similar.
Tienes que escribirlo dentro, como haces con otros estilos, pero recuerda éste es un estilo "class", entonces le incluiremos un punto en la palabra estilo escrita en la hoja de estilos;
por ejemplo, como has hecho un estilo class,
lo dejaras así en tú hoja .centrado{}
Ahora dentro escribiremos lo que queremos que haga el texto,en tú caso centrarlo, pues lo dejamos así;

.centrado{ text-align:center} y tu texto se centrará.
Copialo y pegalo a tú hoaja de estilos, si no lo tienes así.
Asegurate que tienes asociada tú hoja de estilos CSS al archivo HTML que contiene el código que nos has pegado.
!!!!Compruebalo!!!!!

Espero me hayas entendido.

Nos lo comentas.


Saludos manmanu
ceadepemar · · Solicitar retirada
manmanu escribió:Hola cocoliso1.

Bienvenid@.

Bueno intentare explicarme, a ver si me entiendes con pocas palabras.
Para que <p class="centrado">Aquí tú texto escrito</p>, te deje en el centro tú texto, se lo tendras que indicar mediante una instrucción CSS.
Entonces deberas escribirlo en tú hoja de estilos que esté asociada a éste archivo HTML.Como estas haciendo el curso, imágino que lo tendrás en estilos.css o similar.
Tienes que escribirlo dentro, como haces con otros estilos, pero recuerda éste es un estilo "class", entonces le incluiremos un punto en la palabra estilo escrita en la hoja de estilos;
por ejemplo, como has hecho un estilo class,
lo dejaras así en tú hoja .centrado{}
Ahora dentro escribiremos lo que queremos que haga el texto,en tú caso centrarlo, pues lo dejamos así;

.centrado{ text-align:center} y tu texto se centrará.
Copialo y pegalo a tú hoaja de estilos, si no lo tienes así.
Asegurate que tienes asociada tú hoja de estilos CSS al archivo HTML que contiene el código que nos has pegado.
!!!!Compruebalo!!!!!

Espero me hayas entendido.

Nos lo comentas.

Saludos manmanu
A ver. Otro zote. NO ME FUUNCIONA EL CENTRADO. Envío mensaje por aquí porque he visto que el asunto es el mismo que el de otro habitante de este foro.
Yo, al parecer, tengo todos los códigos bien, y, sin embargo, no me funciona:
En CSS:
body {background-color: #E6E6FA;background-image:url(objetos/eliasf.jpg);background-repeat:no-repeat;background-position:center center}
image {border-style: none}
.centrado{text-align:center}

En INDEX:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<title>Pagina Principal del Ejemplo CCTW</title>
</head>
<body>


class="centrado">Bienvenidos a mi página web. Muy pronto estará lista</p>
[contenido no disponible]


<image src="objetos/sonrisa.gif" width="60px" hight="60px" alt="Bienvenidos al ejemplo de CCTW"></p>


Página creada gracias a CCTW</p>


class="centrado">No me sale centrado el párrafo como debiera. Voy a seguir haciendo pruebas</p>


[correo eliminado]</p>
</body>
</html>
Si aguien tiene la amabilidad...
Gracias
nosabernada · · Solicitar retirada
si es lo que tienes esta mal fijate:

En INDEX:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<title>Pagina Principal del Ejemplo CCTW</title>
</head>
<body>


class="centrado">Bienvenidos a mi página web. Muy pronto estará lista</p>
[contenido no disponible]


<image src="objetos/sonrisa.gif" width="60px" hight="60px" alt="Bienvenidos al ejemplo de CCTW"></p>


Página creada gracias a CCTW</p>


class="centrado">No me sale centrado el párrafo como debiera. Voy a seguir haciendo pruebas</p>


[correo eliminado]</p>
</body>
</html>

te sobra un ">" haber si asi se soluciona

Adios
nosabernada · · Solicitar retirada
de nada, que sepas que estamos aqui para todo y cualquier otra duda...ya sabes las 24h del dia

Adios y srte