hola gente a ver si me podéis echar un cable, digamos que la parte laboriosa ya me la he currado, por una parte he hecho dos páginas en html que me gustaría unificar en una sola parte y después aplicarle el css:
<!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"><!-- InstanceBegin template="/Templates/XMLForever.dwt" codeOutsideHTMLIsLocked="false" --><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Documento sin título</title>
</head>
<body>
<div id="Tot">
<div id="capsalera">
<div id="logo">
</div>
<div id="titol capsalera">
</div>
<div id="menu">
<li><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.924/Lenguajes%20de%20marcas/index.html">Home</a></li>
<li><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.924/Lenguajes%20de%20marcas/books.html">Books</a></li>
<li>videos</li>
<li>Downloads</li>
</div>
</div>
<div id="contingut"><!-- InstanceBeginEditable name="EditRegion1" -->
<div id="imatge"><img src="index_files/XMLForever.jpg" height="380" width="980"></div>
<div id="Titol">XML Forever Corporation</div>
<div id="Introduccio">XML Forever is the reference website to learn XML.
Forever XML, where XML applications are shown to users and businesses. Experience it here.</div>
<!-- InstanceEndEditable -->
</div>
<div id="peu">
<div id="peuImatge">
</div>
©
2013 XML Forever Corporation. & Universal IT Company. All rights reserved.
</div>
</div>
</body><!-- InstanceEnd --></html>
( hasta aquí tengo la primera parte)
<!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"><!-- InstanceBegin template="/Templates/XMLForever.dwt" codeOutsideHTMLIsLocked="false" --><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Documento sin título</title>
</head>
<body>
<div id="Tot">
<div id="capsalera">
<div id="logo">
</div>
<div id="titol capsalera">
</div>
<div id="menu">
<li><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/index.html">Home</a></li>
<li><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/books.html">Books</a></li>
<li>videos</li>
<li>Downloads</li>
</div>
</div>
<div id="contingut"><!-- InstanceBeginEditable name="EditRegion1" -->
<div id="divInici>It's all about XML </div>
<div id=" introduccio"="">30 books, 12 tutorials, 10 videos and moreapplications than you can count.
<div id="album">
<div id="primero">
<div id="izquierda"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/Professional_XML.html."><img src="books_files/xml7.jpg" height="108" width="78"></a></div>
<div id="derecha">Professional XML.725 pages - Beginner to Advanced</div>
<div id="segundo">
<div id="izquierda"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html"><img src="books_files/XML2.png" height="106" width="80"></a></div>
<div id="derecha"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html">Pro .NET 2.0 XML.</a></div>
<div id="tercero">
<div id="izquierda"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html"><img src="books_files/XML3.jpg" height="108" width="79"></a></div>
<div id="derecha"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html">XML For Dummies.454 pages - Beginner</a></div>
<div id="cuarto">
<div id="izquierda"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html"><img src="books_files/XML1.jpg" height="109" width="80"></a></div>
<div id="derecha"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html">XML in a Nutshell<354 pages - Beginner</a></div>
<div id="quinto">
<div id="izquierda"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html"><img src="books_files/XML5.jpg" height="110" width="82"></a></div>
<div id="derecha"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html">1123 pages - Beginner to Advanced</a></div>
<div id="sexto">
<div id="izquierda"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades-html"><img src="books_files/XML6.jpg" height="112" width="83"></a></div>
<div id="derecha"><a href="file:///C:/Users/juanjo/AppData/Local/Temp/Rar$EXa0.997/Lenguajes%20de%20marcas/sense_dades.html"><beginning xml="">474 pages - Beginner</beginning></a></div>
<!-- InstanceEndEditable -->
</div>
<div id="peu">
<div id="peuImatge">
</div>
©
2013 XML Forever Corporation. & Universal IT Company. All rights reserved.
</div>
</div>
</div></div></div></div></div></div></div></div></body><!-- InstanceEnd --></
(hasta aquí la segunda)
(y todo esto es el css que le debo aplicar)
@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
color:#ffffff;
}
body{
background-color:#000000;
font-family:Georgia, Georgia, "Times New Roman", Times, serif;
}
#Tot{
width:980px;
margin-bottom:10px
margin-tot:10px;
margin-left:auto;
margin-right:auto;
}
#Capsalera{
border-top-width:1px;
border-top-color:b#7835a;
border-top-style:solid;
height:160px;
background-image:url(../Imatges/XMLFcreverBG.png);
}
#Logo{
position:absolute;
top:50px
background-image: url(..Imatges/logo.jpg);
background-repeat: no-repeat;
width:118px;
height:134px;
}
#TitolCapsalera{
width: 540px;
height: 78px;
border-top: 30px;
border-left:130px;
background-image: url(../Imatges/titol.jpg);
}
#Menu{
height: 35px;
border-top:15px;
padding-left: 130px;
background-color:#161616;
}
li a{
text-decoration: none;
color:#e3c5a7;
}
#Contingut{
margin-bottom: 20px;
float: none;
}
#Peu{
height:30px;
float:none;
border-top-style:solid;
border-top-width: 1px;
border-top-color: #b7835a;
}
#PeuImatge {
width: 43px;
height: 37px;
float: left;
margin-top: 10px;
margin-left: 10px;
background-image: image: url(../Imatges/titolpetit.jpg);
}
#Peu p {
float: left;
display: block;
margin-top: 25px;
margin-left: 20px;
color: #999999;
font-family:Arial, Helvetica, sans-serif ;
font-size:0.6em;
muchas gracias de antemano
salu2