As you can se here.
I'm triying to clean the code using a CSS validator but it give an error that I can't understand. It said that I have to close the head tag, and, in my template, is closed.
CMS Made Simple version 1.0.4, php 4.
I'm using dreamweaver (2004 version 7.0.1) for html and here is the web http://www.sofhispano.com
Here Is my template.
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Change lang="en" to the language of your site -->
<head>
<title>{sitename} - {title}</title>
<!-- The sitename is changed in Site Admin/Global settings. {title} is the name of each page -->
{metadata}
<!-- Don't remove this! Metadata is entered in Site Admin/Global settings. -->
{stylesheet}
<!-- This is how all the stylesheets attached to this template are linked to -->
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
<!-- Relational links for interconnections between pages, good for accessibility and Search Engine Optmization -->
{literal}
<__script__ type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
<!-- The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" -->
</head>
</__body>
<div id="pagewrapper">
<!-- start accessibility skip links -->
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
<!-- end accessibility skip links -->
<hr class="accessibility" />
<!-- Horizontal ruler that is hidden for visual browsers by CSS -->
<!-- Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "For template: Left menu + 1 column" -->
<div id="header">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="390" height="217"><h1>{cms_selflink dir="start" text="$sitename"}</h1></td>
<td height="217"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="7"></td>
</tr>
<tr>
<td height="206" align="center" valign="middle" background="images/top.jpg" /> {global_content name='bannertop'}</td>
</tr>
<tr>
<td height="3"></td>
</tr>
</table></td>
</tr>
</table>
<hr class="accessibility" />
</div>
<!-- End Header -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="1183f2">
<tr>
<td> <!-- Start Breadcrumbs -->
<div class="breadcrumbs">
{breadcrumbs starttext='Estas en' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
<!-- End Breadcrumbs --></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="220" rowspan="2" align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">{juega}</div></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11" height="11"><img src="images/estructura/esquina_01.gif" width="11" height="11" /></td>
<td height="11" background="images/estructura/top.gif"></td>
<td width="11" height="11"><img src="images/estructura/esquina_02.gif" width="11" height="11" /></td>
</tr>
<tr>
<td width="11" background="images/estructura/04.gif"></td>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td valign="top"><!-- Start Navigation -->
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
<div align="left">{menu template='simple_navigation.tpl' collapse='1'} </div>
</div>
<!-- End Navigation --></td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
</table></td>
<td width="11" background="images/estructura/02.gif"> </td>
</tr>
<tr>
<td width="11" height="11"><img src="images/estructura/esquina_04.gif" width="11" height="11" /></td>
<td height="11" background="images/estructura/03.gif"></td>
<td width="11" height="11"><img src="images/estructura/esquina_03.gif" width="11" height="11" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td align="center" valign="middle">{casino}</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td align="center" valign="middle">{secciones}</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td valign="top"><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="19"><div align="center">
<__script__ type="text/javascript"><!--
google_ad_client = "pub-1402723640295871";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "1183F2";
google_color_bg = "1183F2";
google_color_link = "FFFFFF";
google_color_text = "C3D9FF";
google_color_url = "FFFFFF";
//--></__script>
<__script__ type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</__script>
</div></td>
<td width="200" align="center"><div align="center"> {adsense} </div></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="11" height="11"><img src="images/estructura/esquina_01.gif" width="11" height="11" /></td>
<td height="11" background="images/estructura/top.gif"></td>
<td width="11" height="11"><img src="images/estructura/esquina_02.gif" width="11" height="11" /></td>
</tr>
<tr>
<td width="11" background="images/estructura/04.gif"></td>
<td><table width="100%" border="0" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF" >
<tr>
<td valign="top"><!-- Start Content Area -->
<div id="main">
<div style="float: right;">{print showbutton=true script=true}</div>
{content} <br />
<!-- Start relational links -->
<div class="hr"></div>
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<p>{cms_selflink dir="previous" label="Previous page: "} <br />
{cms_selflink dir="next"}</p>
</div>
<!-- The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" -->
<!-- End relational links -->
<hr class="accessibility" />
</div>
<!-- End Content Area --></td>
</tr>
</table></td>
<td width="11" background="images/estructura/02.gif"> </td>
</tr>
<tr>
<td width="11" height="11"><img src="images/estructura/esquina_04.gif" width="11" height="11" /></td>
<td height="11" background="images/estructura/03.gif"></td>
<td width="11" height="11"><img src="images/estructura/esquina_03.gif" width="11" height="11" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<!-- Start Footer. Edit the footer in the Global Content Block called "footer" -->
<div id="footer">
{global_content name='footer'}
</div>
<!-- End Footer -->
</div><!-- end pagewrapper -->
<__body>
</__html>
)
