Hola.. pues soy un poco nuevo en esto del CSS entonces andaba diseñando un pequeño login .. pero pss tengo un problema.. miren se los muestro
Ignoren los colores .. jeje solo que son solo para distingir las divs..
el problema que tengo es que al escribir texto sobre el diseño las DIVS se separan y se ve un espacio muy feo.. alguna idea?
Screen Shot:
Código HTML:
<!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>Login | {$sitename}</title>
<style>
.warp {
background: url(images/brush.png) no-repeat;
padding: 50px;
margin: auto;
width: 470px;
}
.head {
height: 120px;
background-color: #903
}
.bar {
height: 30px;
background-color: #922;
}
.contenido {
background-color: #966
}
.text {
margin: 10px
}
.footer {
height: 25px;
background-color: #306;
}
h1 {
font-size: 15px;
}
body {
background-image: url(images/bgalls.png);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div class="warp">
<div class="head"></div>
<div class="bar"></div>
<div class="contenido">
<div class="text">
<h1 align="center"><strong>Administracion</strong></h1>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center">asd </p>
</div>
</div>
<div class="footer"></div>
</div>
</body>
</html>