Hola, después de maquetar muchas webs con tablas creo que ya ha llegado la hora de pasarme a CSS pero me estoy haciendo la picha un lío... a ver si alguien me puede ayudar. El siguiente código hace referencia a la cabecera de una web que quiero pasar a CSS, alguien me podría decir como hacerlo?
Código HTML:
<table width="1000" height="170" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" width="400"><a href="/"><img src="images/logo.jpg" border="0" alt="Logotipo"></a></td>
<td width="380" align="center">
<table width="380" height="115" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="padding-top:10px;"><span class="textonegrosimple10"><a href="/" class="textonegrosimple10">Inicio</a></span> | <span class="textonegrosimple10"><a href="faq/" class="textonegrosimple10">FAQ</a></span> | <span class="textonegrosimple10"><a href="contacto/" class="textonegrosimple10">Contacto</a> | <span class="textonegrosimple10"><a href="mapaweb/" class="textonegrosimple10">Mapa Web</a></td>
</tr>
<tr>
<td align="center" valign="top" style="padding-top20px;"><h1>Título de la web</h1></td>
</tr>
</table>
</td>
<td rowspan="2" align="right" width="220"><img src="images/imagen1.jpg" /></td>
</tr>
<tr>
<td align="center"><img src="images/imagen2.jpg" /></td>
<td align="center" valign="middle" align="center"><a href="http://www.facebook.com/empresa" target="_blank" rel="nofollow"><img src="images/icono-facebook.png" width="30" height="30"; border="0" /> <a href="http://www.youtube.com/empresa" target="_blank" rel="nofollow" ><img src="images/icono-youtube.png" width="30" height="30" border="0" /> <a href="http://www.blogempresa.org" target="_blank" rel="nofollow"><img src="images/icono-blog.png" width="30" height="30" border="0" /> <a href="http://twitter.com/empresa" target="_blank" rel="nofollow"><img src="images/icono-twitter.png" width="30" height="30" border="0" /></td>
</tr>
</table>
He ido palpando todas las propiedades de CSS pero no consigo poner cada elemento donde quiero como lo hago cuando maqueto con tablas... estoy empezando a dudar eso que dicen que maquear con CSS es mucho más fácil que maquear con tablas...
Por cierto si alguien me sabe decir algun manual completo o web para aprender bien CSS se lo agradecería.
Muchas gracias de antemano!!!