Entrar

centrar parrafos auxilio

claudia Talero · · Solicitar retirada
estuve tratando de centrar , colocar en la izquierda o en la derecha o justificar los parrafos , pero no pasa nada copio desde editor y desde estilos para ver si tengo algo mal ,,,gracias

EDITOR

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal de T-Shirt Hot </title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="derecha">Pagina Web en Construcciòn . muy pronto algo diferente</p>


[contenido no disponible][contenido no disponible]


Una Creaciòn de T-Shirt Hot</p>


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


ESTILOS
body {background-image: url(objetos/fondo.png)}
img {border-style: none
.centrado { text-align:center }
.derecha { text-align:right }
.izquierda { text-align:left }
.justificado { text-align:justify }
Claw
cng1950 · · Solicitar retirada
claudia Talero escribió:estuve tratando de centrar , colocar en la izquierda o en la derecha o justificar los parrafos , pero no pasa nada copio desde editor y desde estilos para ver si tengo algo mal ,,,gracias
Este tema debiera estar en el foro curso paso a paso esperemos a que lo muevan o no jajaj
Veamos puede ser todo mal o bien depende de que desees voy a tratar de entender tus dudas ..
Tome esta linea del html
<p class="derecha">Pagina Web en Construcciòn . muy pronto algo diferente</p>
al cambiar la class a izquierda por supuesto se vera a la izquierda en el navegador ejemplo :
<p class="izquierda">Pagina Web en Construcciòn . muy pronto algo diferente</p>
por tanto lo definido en la hoja de estilos esta bien..

2.- veamos las imagenes



[contenido no disponible][contenido no disponible]
Si te fijas arriba idem a lo de tu html ambos dibujos o imagenes las englobas en

pero no le asignas clase
que tal si fuese asi ?
<p class="izquierda" >[contenido no disponible] </P>
La imagen del bolso se vera a la izquierda

<p class="derecha"> >[contenido no disponible] </p>
la imagen camiseta se verá a la derecha
y asi mismo usando tus clases definidas en tu estilos.css puedes modificar la ubicacion de muchas cosas
OTRa SUGERENCIA en html no es necesario agregar en medidas el px
por ejemplo height="122px" width="93px no es necesario es mas, no es aprovado por el w3c solamente puedes escribir height="122" width="93"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal de T-Shirt Hot </title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="derecha">Pagina Web en Construcciòn . muy pronto algo diferente</p>


[contenido no disponible][contenido no disponible]


Una Creaciòn de T-Shirt Hot</p>


[correo eliminado]</p>
</body>
</html>
----
AHORA ESTILOS
debes cerrar la llave en donde lo destaque con rojo

ESTILOS
body {background-image: url(objetos/fondo.png)}
img {border-style: none }
.centrado { text-align:center }
.derecha { text-align:right }
.izquierda { text-align:left }
.justificado { text-align:justify }