Como poner texto en el medio de un objeto?

#1 (**permalink**) 24/08/2011, 23:53

hola todos soy yo otra vez

como andan? yo espero que bien;

aprovecho la oportunidad para agradecer a Ag666 que me ayudo con mi pagina web

bien lo que quiero hacer hora es poner mi texto en este caso

Código HTML:

Ver originalh1

en el medio osea que se vea verticalmente y horrizontalmente en el medio de mi pagina web e aqui mi pagina web

Código CSS:

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>Pagina de Colores</title>
<style type="text/css">
#site
{
    width:100%;
    margin:auto;
}
#header
{
background:red;
height:105px;
}
#leftpane
{
width:50%;
float:left;
background:blue;
height:500px;
}
#contentpane
{
    width:50%;
    float:right;
    background:green;
    height:500px;
}
 
h1
{
    color:white;
    text-transform:capitalize;
    font-family: "Times New Roman", Times, serif;
    font-size: xx-large;
    text-decoration: blink;
    text-align: center;
}
</style>    
</head>
<body>
<div id="site";>
    <div id="header";><h1>aqui va el rojo</h1>
  </div>
    <div id="leftpane"><h1> aqui va el azul</h1>
  </div>
    <div id="contentpane"><h1> aqui va el verde</h1>
    </div>
</div>
</body>
</html>

como hago eso?

cristian_cena · #2 (**permalink**) 25/08/2011, 14:26

fijate los centrados verticales en este sitio. saludos

IXtremeLT · #3 (**permalink**) 25/08/2011, 22:41

Buen artículo cristian, estoy analizando cada uno de los ejemplos, son algo complicados pero parecen ser muy útiles ya que hacen cosas como si se estuviese usando javascript, ahora valoró más la potencia del css, hehe, gracias y saludos.

cristian_cena · #4 (**permalink**) 26/08/2011, 00:16

bueno, un gusto que te haya sido util.
Ese sitio, ausente (como su autor ) en los topics ultimamente, fué y será un clásico en este foro.