Здравствуйте всем.
У меня вот такая задача вырисовывается.
Скачал шаблон с сайта:
http://www.templatemo.com/preview/templatemo_035_construction
Внес изменения в шаблоне, чтобы указать правильный путь к файлам.
Проверил. Все отображается, кроме шапки и меню сайта.
Прилагаю скрин:
Вот код шаблона:
<!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" />
<base href="[(altage_url)]" />
<title>Construction Template - Free CSS Website</title>
<meta name="keywords" content="Construction Template, free website css, free download, templatemo.com" />
<meta name="description" content="Construction Template - free CSS website template from TemplateMo.com" />
<link href="assets/templates/altage/templatemo_style.css" rel="stylesheet" type="text/css" />
<!-- This layout is designed by w w w . t e m p l a t e m o . c o m -->
</head>
<body>
<div id="templatemo_container">
<div id="templatemo_title">CONSTRUCTION <span>COMPANY</span></div>
<div id="templatemo_header">
<div id="templatemo_slogan">HIGH QUALITY BUILDINGS</div>
Curabitur nec odio. Phasellus tincidunt, tortor lacinia blandit commodo, nunc augue mattis eros, ut convallis est augue vel orci. Nunc ante erat, varius eu, luctus ac, tristique nec, justo. Fusce dignissim eros ac massa. Phasellus ligula augue, vestibulum in, cursus non, euismod et, pede.</div>
<div id="templatemo_header_img"></div>
<div id="templatemo_menu">
<div class="templatemo_menulink">
<ul>
<li><a href="#" class="current">HOME</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">PROJECTS</a></li>
<li><a href="#">CLIENTS</a></li>
<li><a href="#">SOLUTIONS</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
</div>
<div id="templatemo_content_left">
<h1>WELCOME TO OUR COMPANY</h1>
<p>This is a free CSS template provided by <a href="http://www.templatemo.com" target="_parent">templatemo.com</a>. You may apply this template for your websites. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt. Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat.</p>
<p>Quisque in diam a justo condimentum molestie. Vivamus a velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quis velit quis tortor tincidunt aliquet. Vivamus leo velit, convallis id, ultrices sit amet, tempor a, libero. Quisque rhoncus nulla quis sem. Mauris quis nulla sed ipsum pretium sagittis. Suspendisse feugiat. Ut sodales libero ut odio.</p>
<h2>OUR LATEST PROJECTS</h2>
<p><img src="assets/templates/altage/images/templatemo_photo1.jpg" alt="templatemo.com" width="189" height="87" /> <img src="assets/templates/altage/images/templatemo_photo2.jpg" alt="templatemo.com" width="189" height="87" /></p>
<p>Maecenas venenatis metus eu est. In sed risus ac felis varius bibendum. Nulla imperdiet congue metus. Vestibulum dapibus tortor vel orci. Maecenas vulputate, arcu id fermentum eleifend, tortor enim tincidunt mauris, fringilla tincidunt purus urna vel risus. Fusce vulputate tellus ac felis. Praesent mauris.</p>
<p>Aliquam tristique lacus in sapien. Suspendisse potenti. Ut sed pede. Nullam vitae tellus. Sed ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p><a href="http://validator.w3.org/check?uri=referer"><img height="31" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" width="88" vspace="8" border="0" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/assets/templates/altage/images/vcss-blue" vspace="8" border="0" /></a></p>
</div>
<div id="templatemo_content_right">
<p><img src="assets/templates/altage/images/templatemo_photo3.jpg" alt="templatemo.com" width="259" height="210" /></p>
<div id="templatemo_right_bot">
<p><strong>LATEST NEWS & UPDATES</strong></p>
<div class="templatem_postdate">Post Date: 10-10-2048</div>
<p>Cras urna metus, feugiat non, consectetuer quis, pretium quis, nunc. Nulla enim nibh, consectetuer sed, vestibulum elementum, sagittis nec, diam. Mauris blandit vehicula neque. Proin consectetuer.</p>
<div class="templatem_postdate">Post Date: 2-10-2048</div>
<p>Nullam pede purus, tempor a, imperdiet in, porttitor at, nulla. Aliquam elit risus, volutpat quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst. </p>
</div>
</div>
<div id="templatemo_footer">
<div id="templatemo_footer_left">
Copyright © Your Company Name<br />
<a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">CSS Templates</a>
</div>
<div id="templatemo_footer_right">
<strong>QUICK CONTACT</strong><br />
Tel: 000-100-1000<br />
Fax: 000-300-3000<br />
Email: info [at] templatemo.com
</div>
</div>
</div>
<!-- This layout is designed by w w w . t e m p l a t e m o . c o m -->
</body>
</html>
А вот код CSS:
/*
CSS Credit: http://www.templatemo.com/
*/
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.5em;
color: #666666;
}
a:link, a:visited { color: #0066CC; text-decoration: none; }
a:active, a:hover { color: #CC0000; text-decoration: none }
h1 {
font-size: 20px;
font-weight: bold;
color: #3399FF;
}
h2 {
font-size: 14px;
font-weight: bold;
color: #f4a806;
text-decoration: underline;
}
#templatemo_container {
width: 900px;
margin: auto;
}
#templatemo_title {
height: 57px;
font-size: 24px;
font-weight: bold;
color: #1589ee;
line-height: 1.6em;
padding-top: 20px;
padding-left: 30px;
}
#templatemo_title span {
color:#898989;
}
#templatemo_header {
float: left;
margin: 0px;
height: 193px;
padding: 60px 40px 0px 60px;
text-align: justify;
width: 411px;
color: #fff;
background: url(assets/templates/altage/images/templatemo_header_bg.jpg) repeat-x;
}
#templatemo_slogan {
width: 280px;
height: 22px;
font-weight: bold;
font-size: 16px;
padding-top: 15px;
padding-left: 40px;
margin-bottom: 10px;
background: url(assets/templates/altage/images/templatemo_slogan.png) no-repeat;
}
#templatemo_header_img {
float: right;
width: 389px;
height: 253px;
background: url(assets/templates/altage/images/templatemo_header_photo.jpg) no-repeat;
}
#templatemo_menu {
float: left;
height: 102px;
width: 900px;
background: url(assets/templates/altage/images/templatemo_link_bg.jpg) no-repeat;
}
.templatemo_menulink{
float: left;
width: 775px;
height: 35px;
margin: 0px;
padding: 0px;
}
.templatemo_menulink ul {
margin: 0px;
padding-left: 25px;
padding-top: 10px;
list-style: none;
}
.templatemo_menulink li{
display: inline;
}
.templatemo_menulink li a{
float: left;
padding: 8px 0px;
font-size: 11px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
width: 98px;
background: url(assets/templates/altage/images/templatemo_menu_bg.jpg) no-repeat;
border-left: solid 1px #FFFFFF;
}
.templatemo_menulink li a:hover,.templatemo_menulink li .current{
background: url(assets/templates/altage/images/templatemo_menu_hover.jpg) no-repeat;
}
#templatemo_content_left {
float: left;
width: 456px;
padding-left: 50px;
padding-right: 10px;
text-align: justify;
padding-bottom: 20px;
}
#templatemo_content_right {
float: left;
width: 300px;
padding-left: 30px;
padding-bottom: 10px;
}
#templatemo_right_bot {
background: #1aa8ff;
color: #fff;
margin: 0px auto;
text-align: justify;
padding: 1px 10px 2px 10px;
}
#templatemo_footer {
float: left;
width: 900px;
height: 92px;
margin: 0px auto;
color: #FFFFFF;
background: url(assets/templates/altage/images/templatemo_footer_bg.jpg) repeat-x;
}
#templatemo_footer_left {
float: left;
width: 450px;
margin-top: 40px;
padding-left: 50px;
font-weight: bold;
}
#templatemo_footer_left a {
color: #fff;
font-weight: bold;
}
#templatemo_footer_right {
float: left;
width: 330px;
margin-top: 10px;
padding-left: 70px;
}
.templatem_postdate {
width: 132px;
height: 19px;
padding-left: 3px;
font-weight: bold;
background: url(assets/templates/altage/images/templatemo_post_bg.jpg) no-repeat;
}
Укажите, пожалуйста, где я допустил ошибку?
С уважением и спасибо всем, кто ответит на мой вопрос.
