s , tengo que terminar un trabajo de clase , y lo tengo casi todo echo ,solo me falta introducir un borde solo que nose como introducirlo para que no se me desestructure toda la página , aver si pudieran echarme un cable
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...