¿Qué pasa si no quiero centrar un párrafo, sino que quiero ponerlo en un sitio en concreto de la página? ¿No hay ninguna forma de indicar los píxeles a los que queremos que aparezca?
Minerva McGonagall escribió:¿Qué pasa si no quiero centrar un párrafo, sino que quiero ponerlo en un sitio en concreto de la página? ¿No hay ninguna forma de indicar los píxeles a los que queremos que aparezca?Hola:
Hay un par de formas pero todo eso va complementado con la forma en que uno diseña la capa en que van a ir esos textos. por ejemplo, para que vaya entendiendo un poco como funciona
Cree usted una carpeta en su escritorio y dentro cree una pagina index.html, luego cree una hoja de estilo.css.
pagina index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mis textos posicionados</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="texto1">Este es el texto 1, que se coloca de forma automática según el flujo del documento</div>
<div id="texto2">Este es el texto 2 que se coloca de forma relativa según el texto anterior 50px hacia abajo y 100 a la derecha</div>
<div id="texto3">Este es el texto 3, que se coloca de forma absoluta, con la esquina superior izquierda en la posicion </div>
<div id="texto4">Este es el texto 4, que se coloca de forma absoluta y delante del texto 3</div>
</body>
</html>
.........................................
hoja de estilo llamada estilos.css
body {background-color: #E6E6FA;
background-image:url(objetos/fondo.png);
background-repeat:no-repeat;
background-position:center center;}
#texto1{position:auto}
#texto2{position:relative;top:50;left:100;}
#texto3{font-size:x-large;position:absolute;top:420;left:300;}
#texto4{font-size:large;position:absolute;top:390;left:300;z-index:1;background:blue;color:white;}
................................
Así se hace una idea de como funciona
También puede crear estilos o clases de párrafos o identificaciones para párrafos, como por ejemplo
en la hoja de estilo
#parrafoespecial{text-align:right;color:red}
Y donde vaya a poner el párrafo en la pagina, poner por ejemplo:
p id=parrafoespecial">Este es un párrafo especial que está a la derecha</p>
Y otras cosas más
Saludos