la forma de la pagina tiene que ser esta
me faltan por poner los bordes azul y el borde rojo en la página , como lo hago??
Os dejo aquí el HTML y el css
Código HTML :
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" type="text/css" href="piripi2.css"> <title>El Ingenioso Hidalgo Don Quijote de la Mancha</title> </head> <body> <div id="capitulos"> <p>Cap�tulos</p> <ul> <li> <a href="#capitulo1"> Capitulo I <a> </li> <li> <a href="#capitulo2"> Capitulo II <a> </li> <li> <a href="#capitulo3"> Capitulo III <a> </li> <li> <a href="#capitulo4"> Capitulo IV <a> </li> <li> <a href="#capitulo5"> Capitulo V <a> </li> <ul> </div> <div id="final"> <p> El ingenioso Hidalgo Don Quijote de la Mancha </div> <div id="contenido"> <h1>El ingenioso hidalgo Don Quijote de la Mancha</h1> <h2>Cap�tulo Primero</h2> <p class="subtitular">Que trata de la condici�n y ejercicio del famoso hidalgo D. Quijote de la Mancha</p> <p><img src="imagenes/dore01.jpg" />En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que viv�a un hidalgo de los de lanza en astillero, adarga antigua, roc�n flaco y galgo corredor. Una olla de algo m�s vaca que carnero, salpic�n las m�s noches, duelos y quebrantos los s�bados, lentejas los viernes, alg�n palomino de a�adidura los domingos, consum�an las tres partes de su hacienda. El resto della conclu�an sayo de velarte, calzas de velludo para las fiestas con sus pantuflos de lo mismo, los d�as de entre semana se honraba con su vellori de lo m�s fino. Ten�a en su casa una ama que pasaba de los cuarenta, y una sobrina que no llegaba a los veinte, y un mozo de campo y plaza, que as� ensillaba el roc�n como tomaba la podadera. Frisaba la edad de nuestro hidalgo con los cincuenta a�os, era de complexi�n recia, seco de carnes, enjuto de rostro; gran madrugador y amigo </p> </body> </html>
Código :
body{
background-image:url(imagenes/fondo.gif);
font:antiqua;
}
#contenido{
margin-left:200px;
margin-bottom:50px;
}
p.margen{
margin-left:15px;
}
p.subtitular{
border:2px solid #000080;
padding-bottom:20px;
}
#subtitular{
border:2px solid #000080;
padding-bottom:20px;
}
#capitulos{
position:fixed;
list-style-image:url(imagenes/bolaroja.png);
}
#ul li {
margin:0px;
padding:0px;
}
#texto{
margin:150pt;
margin-top:0pt;
margin-right:0pt;
}
#nombrecapitulo{
border:2py solid #0033CC;
font-family:Arial,Helvetica;
font-size:20px;
padding-bottom:10px;
}
#final{
position:fixed;
bottom:0pt;
width:100%;
text-align:center;
background-color:yellow ;
font-size:20px;
font-family:Arial,Helvetica;
border:1pt solid #0000FF;
background-color:#FFFF00;
}
PD:aún estoy de principiante con esto , así que perdonenme si les parece muy básico el problema...
