Optimizar el html de este diseño

TR0LL · #1 (**permalink**) 19/01/2011, 18:23

Alguien me puede ayudar a optimizar los códigos html de este diseño. es en este validador sale con algunos errores.

http://validator.w3.org/

Código HTML:

<style type="text/css">
body{
color:#000000;
font-size: 12px;
</style>

<style>
#header_wrapper
{background: Url("http://img.webme.com/pic/c/*********/encabezado-orbe.png") repeat-x;} /* ANCHO 992PX ALTO: 150PX */
</style>
<div id="layout_wrapper"><div id="layout_wrapper2">
<div id="layout_wrapper3"><div id="layout_wrapper4">
<div id="header_wrapper"><div id="head">      
<div id="site_title">
   
<!-- Cabecera -->
 <div style="text-align: right;">

<a target="_blank"  href="http://*********.foroactivo.com/"><img alt="icono Foro-Orbe" src="http://img.webme.com/pic/c/*********/foro.png" /></a> <a target="_blank"  href="http://twitter.com/********"><img alt="icono twitter" src="http://img.webme.com/pic/c/*********/twitter2.png" /> </a> <a target="_blank" href="http://www.facebook.com/pages/*********/329028609652"><img alt="icono facebook" src="http://img.webme.com/pic/c/*********/facebook.png" /></a></div>

  <!-- Fin Cabecera -->

</div></div></div>
<div id="navigation"><div id="nav"><ul class="tabbed">
<!-- menu 1 -->
<li class="current_page_item"><a href="http://*********.es.tl/">*********</a></li>

<li><a href="http://*********.es.tl/Termino-de-uso.htm">Término de uso</a></li>

<li><a href="http://*********.foroactivo.com">Foro de ayuda</a></li>

  
<li><a href="http://*********.es.tl/Servicios.htm ">Servicios</a></li>
   
<li><a href="http://*********.es.tl/Contacto.htm">Contacto</a></li>


<!-- Fin menu 1 -->
</ul><div class="clearer"></div>
</div><div id="subnav">
<ul class="tabbed">

<li><a href="http://*********.es.tl/Rentabiliza-tu-web.htm">Rentabiliza tu web</a></li>

<li><a href="http://*********.es.tl/Libro-de-visitantes.htm">Libro de visitantes</a></li>

<li><a href="http://*********.es.tl/Newsletter.htm">Newsletter</a></li>

<li><a href="http://*********.es.tl/Top-webs.htm">Top webs</a></li>

<li><a href="http://*********.es.tl/Noticias.htm">Noticias</a></li>

<li><a href="http://*********.es.tl/Staff.htm">Staff</a></li>

</ul>
<div class="clearer"></div>
</div></div>
<div id="main_wrapper"><div id="main">
<div class="left" id="content_wrapper">

TR0LL · #2 (**permalink**) 19/01/2011, 18:23

Código HTML:

</div> <div class="right" id="sidebar_wrapper"><div class="box">
<div class="box_title c1">

<center><script language="JavaScript" type="text/javascript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
if(myday == 0)
day = " Domingo, "
else if(myday == 1)
day = " Lunes, "
else if(myday == 2)
day = " Martes, "
else if(myday == 3)
day = " Miércoles, "
else if(myday == 4)
day = " Jueves, "
else if(myday == 5)
day = " Viernes, "
else if(myday == 6)
day = " Sábado, "
if(mymonth == 0)
month = "Enero "
else if(mymonth ==1)
month = "Febrero "
else if(mymonth ==2)
month = "Marzo "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Mayo "
else if(mymonth ==5)
month = "Junio "
else if(mymonth ==6)
month = "Julio "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setiembre "
else if(mymonth ==9)
month = "Octubre "
else if(mymonth ==10)
month = "Noviembre "
else if(mymonth ==11)
month = "Diciembre "
document.write("<font face=arial, size=1>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
</script></center>
      </div><br>

<div class="box_title c1">
<center><form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
  <div>
    <input type="hidden" name="cx" value="partner-pub-2209194215777830:q9hi4u-k9e2" />
    <input type="hidden" name="ie" value="ISO-8859-1" />
    <input type="text" name="q" size="22" />
    <input type="submit" name="sa" value="Buscar" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box〈=es"></script>
</center>
      </div><br>

<div class="box_title">Enlaces Patrocinados</div>

<div class="box_content">
<!-- Escribe aqui lo que quieras! -->
<script type="text/javascript"><!--
google_ad_client = "pub-2209194215777830";
/* 250x250, creado 20/05/10 */
google_ad_slot = "8608503173";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- Fin -->
</div>
</div>

<div class="box">
<div class="box_title">Menú</div>

<div class="box_content">
<ul>

<li><span class="c2"><a href="http://*********.es.tl/Quienes-somos.htm">Quienes somos</a></span></li>

<li><a href="http://*********.es.tl/">*********</a></li>

<li><a target="_blank" href="http://*********.foroactivo.com"><span class="c2"><u>Ayuda para tu web</u></span></a></li>

<li><a href="http://*********.es.tl/Newsletter.htm">Newsletter</a></li>

<li><a href="http://*********.es.tl/Userbars.htm">Userbars</a></li>

<li><a href="http://*********.es.tl/Pagina-web-gratis.htm">Pagina web gratis</a></li>

<li><a target="_blank" href="http://sharetext.org/"><span class="c2"><u>Share Test</u></span></a></li>

<li><a href="http://*********.es.tl/Tabla-de-colores.htm">Tabla de colores</a></li>

<li><a href="http://*********.es.tl/Videos.htm">Videos</a></li>

<li><a href="http://*********.es.tl/Zona-Restringida.htm">Zona Restringida (NO ENTRE)</a></li>

</ul>
</div>
</div>

<div class="box">
      
<div class="box_title">Hosting de imagenes</div>

<div class="box c1">

<center><iframe scrolling="no" height="70" frameborder="0" width="270" allowtransparency="true" src="http://imageshack.us/iframe.php?txtcolor=111111&type=blank&size=15">Update your browser for ImageShack.us!</iframe></center>

</div>
</div>

<div class="box">

<div class="box_title"></div>

<div class="box">
 <script type="text/javascript">
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script> <script type="text/javascript">
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>


<div class="c1">
<form name="probador" action="">
<center><span class="c3">Probador de códigos<br></span> 
<textarea name="texto" cols="25" rows="3">
</textarea><span class="c3"><br></span> <input type="button" value="VER" onclick="probar(texto.value)"></form></center>
        
</div> 
</div>
</div>

<div class="box">
<div class="box_title"></div>
<div class="box c4"><ul>
        <br>

<center><a target="_blank" href="http://www.nato.tutop.com"><img alt="********* - Tutop" src="http://img.webme.com/pic/t/torneopwg/b12.png"></a></center>

</div>
</div>

<div class="box">
<div class="box_title"></div>
<div class="box c4"><ul>
<br>
<div class="c1">
          
<center><a target="_blank" href="http://twitter.com/********"><img alt="********* - Twitter" src="http://img.webme.com/pic/c/*********/twitter.png"></a></center>
</div><br>

<div class="c1">

<center><a target="_blank" href="http://www.facebook.com/pages/*********/329028609652"><img alt="********* - Facebook" src="http://img.webme.com/pic/c/*********/facebook0.png"></a></center>

</div>
</div>
</div>

<div class="box">
<div class="box_title"></div>
<div class="box c4">
<br>

<div class="c1">

<center><object id="counters99258521" allowscriptaccess="always" type="application/x-shockwave-flash" data="http://www.99counters.com/counters.swf?id=258521&ln=es" width="234" height="38" wmode="transparent">
            <param name="allowscriptaccess" value="always">
            <param name="movie" value="http://www.99counters.com/counters.swf?id=258521&ln=es">
            <param name="wmode" value="transparent">
            <embed src="http://www.99counters.com/counters.swf?id=258521&ln=es" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="234" height="38">
          </object></center>
</ul> 
</div></div></div></div> 
<div class="clearer"></div> 
</div></div> 

<div id="dashboard_outer"><div id="dashboard"> 
<div class="col3 left"><div class="col3_content"> 
<div class="col_title"><b><span style="color: #000000">Rentabiliza tu web</span></b></div><ul> 

<li><a target="_blank" href="https://publisher.smowtion.com/es/users/signup/*********/?cc=co&r=1"><span style="color: #0000FF">Smowtion</span></a> 
- 
<a target="_blank" href="http://www.exponsor.com/?rf=399E5B7B"><span style="color: #0000FF">Exponsor</span></a> 
- 
<a target="_blank" href="http://www.teliad.es/afiliados.html?id=48589"><span style="color: #0000FF">Teliad</span></a> 
- 
<a target="_blank" href="http://orbe87.reseller.hop.clickbank.net/"><span style="color: #0000FF">ClicBank</span></a></li>


<li><a target="_blank" href="http://www.affiliatefuture.es/registration/affiliates.asp?AffiliateID=242345"><span style="color: #0000FF">AffiliateFuture</span></a> - 
<a target="_blank" href="http://trk.www.netaffiliation.com/suivi.php?mclic=S32A152B05D1113"><span style="color: #0000FF">Netaffiliation</span></a> 
- 
<a target="_blank" href="http://ad.zanox.com/ppc/?17262464C630146349T"><span style="color: #0000FF">Zanox</span></a> 
- 
<a target="_blank" href="http://www.etoro.com/B1689_A26920_TClick.aspx"><span style="color: #0000FF">Etoro</span></a> </li>


<li>
<a target="_blank" href="http://www.exoclick.com/?login=orbe"><span style="color: #0000FF">ExoClick</span></a> 
- 

<a target="_blank" href="http://pmstrk.mercadolibre.com.mx/jm/PmsTrk?tool=5851443&go=http://www.mercadosocios.com/"><span style="color: #0000FF">Mercado Socios</span></a></li>

</ul></div></div> 
<div class="col3mid left"><div class="col3_content"> 
<div class="col_title"><b><span style="color: #000000">Webs Vip</span></b></div><ul> 


<li><a target="_blank" href="http://www.facebook.com/pages/Pagina-web-gratis/103109743075693"><span style="color: #0000FF">Pagina web gratis</span></a></li>

<li><a target="_blank" href="http://chatdelmundo.foroactivo.net"><span style="color: #0000FF">Chat del Mundo</span></a></li>

<li><a target="_blank" href="http://chatdebogota.foroactivo.com/"><span style="color: #0000FF">Chat de Bogotá</span></a></li>


</ul></div></div> 
<div class="col3 right"><div class="col3_content"> 
<div class="col_title"></div><ul> 
<br />
<center>Todo el contenido de *********  tiene algunos derechos reservados bajo una cosa  llamada Licencia Creative Commons, PWG se encarga de llevar a la puerta de tu casa a un negro de 2 metros para que te sodomize sin piedad cuando haces Copy.</center>
<br />
<center><a target="_blank" href="http://creativecommons.org/licenses/by-sa/3.0/deed.es"><img alt="icono creativecommons" src="http://img.webme.com/pic/c/*********/88x31.png"></a></center>

</ul></div></div> 
<div class="clearer"></div></div></div> 
<div id="footer"><div class="left"> 
<!-- Copyright --> 
<a href="http://*********.es.tl/Aviso-legal.htm"> Aviso legal</span></a>
<!-- Fin Copyright --> 
</div><div class="right"> 
Adapted by:<a target="_blank" href="http://templates.arcsin.se"> Orbe</a>
</div> 
<div class="clearer"></div> 
</div></div></div></div></div>

Kurozaki · #3 (**permalink**) 19/01/2011, 20:27

Yo te ayudo, te daré unas pistas.

1)No nos dejas el HTML completo, asi que no sabemos con que doctype lo haces (transitional, html4, strict, strict 1.1) ???

Yo creo que asi nadie te querrá ayudar, pues pides ayuda y no eres ni lo mas preciso.
Yo te puedo correjir varios errores, pero tal vez te den mas errores a la hora de validar, por que yo lo hice con tu doctype y tu usas otro

2) igualmente pides esto con el codigo CSS, mejor buscate un desarrollador web.

3) el validador te indica los errores, no seas perezoso.

4) Estudia, en este mundo nada es gratis, y al menos que no sea colega o amigo tuyo, no creo que te ayuden.

5) Fin :)