Hola amigos.
vean este url:
http://html09.freeiz.com/sy/
veran que el too aparece separado del middle por un salto de linea y el bottom igual.
he usado el siguiente code CSS
Código CSS:
Ver originalbody {
background-image:url('flame.jpg');
background-repeat:no-repeat;
background-position:bottom left;
}
.top {
background-image:url("top.png");
background-repeat:no-repeat;
}
.middle {
background-image:url("middle.png");
background-repeat:repeat-y;
}
.bottom {
background-image:url("bottom.png");
background-repeat:no-repeat;
}
#list,p {
padding-left:100px;
color:#FFFFFF;
}
y en el HTML he puesto la lista usando la etiq <p> y para la lista desordenada <ul compact><li></ul>
vean el code:
Código HTML:
<html>
<head>
<link rel="stylesheet" a href="stile.css" type="text/css" />
</head>
<body>
<div class="top"><br/></div>
<div class="middle"><p>En este tema, tocaremos todo lo relacionado con la XHTML, HTML y CSS<br/>
aqui os dejo una lista con multiples temas:</p>
<ul compact id="list">
<li>Introduccion
<li>Texto
<li>Links
<li>Anclas
<li>Imagenes
<li>Tablas
<li>Listas
<li>Formularios
<li>Mapas
<li>Validacion del Codigo
</ul>
</div><div class="bottom"><br/></div>
</body>
</html>
en las class top y bottom si las dejo vacia no me aparecen los background, por lo tanto tengo que poner <br/> o
espero os ayuda!!
quiero que queden unidas =D