Buenas. A ver, investigando un poco, he descubierto que las listas llevan un padding-left por defecto, así que se lo he puesto a cero. Esto ha hecho que ya no estén en distintas líneas la viñeta y el texto, pero ahora hace otras cosas raras. Mejor os paso el HTML y CSS y lo miráis. De paso, aunque la web no está acabada y este no es el foro, admito que critiquéis constructivamente el diseño. Tened en cuenta que aún ando aprendiendo y no manejo formularios ni sé como hacer que la gente pueda registrarse en la web ni tengo logo. Además hay textos provisionales. Poco a poco.
Este es el código HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
<head>
<title>Black en Español. Biografía</title>
<link rel="stylesheet" type="text/css" href="oficiales.css"/>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<h1>BLACK EN ESPAÑOL</h1>
</div>
<div id="menuppal">
<div class="botones">
<a href="../inicio/inicio.htm">Inicio</a>
</div>
<div class="botones">
<a href="#">Noticias</a>
</div>
<div class="botones">
<a href="../biografia/biografia.htm">Biografía</a>
</div>
<div class="botones">
<a href="#">Discografía</a>
</div>
<div class="botones">
<a href="#">Fotografía</a>
</div>
<div class="botones">
<a href="#">Videos</a>
</div>
<div class="botones">
<a href="#">Prensa, radio y televisión</a>
</div>
<div class="botones">
<a href="#">Otras facetas</a>
</div>
<div class="botones">
<a href="../enlaces/oficiales.htm">Enlaces</a>
</div>
<div class="botones">
<a href="#">Foro</a>
</div>
<div class="botones">
<a href="#">The English Corner</a>
</div>
</div>
<div id="contenido">
<div id="principal"><!--Meter una imagen al final de esta capa para subir al inicio de página-->
<div id="lateral">
<div id="menulat">
<h1>Enlaces</h1>
<ul>
<li><a href="oficiales.htm">Oficiales</a></li><li><a href="no_oficiales.htm">No oficiales</a></li><li><a href="#">Otros enlaces</a></li>
</ul>
</div>
<div id="publilat">Publicidad</div>
</div>
<h1 id="titppal">Enlaces.</h1>
<p>Estos son los enlaces oficiales más representativos que contienen información relevante sobre <a href="
http://www.colinvearncombe.com" title="Página oficial" target="_blank">Colin.</a></p>
<br>
<p>Si alguien conoce alguna página interesante o quiere que se incluya algún enlace específico sólo tiene que pulsar el enlace <a href="mailto:[correo eliminado]">contacta conmigo</a></p>
<br>
<table id="oficiales" summary="Enlaces oficiales de Colin Vearncombe, también conocido como Black">
<tbody>
<tr class="enlaces">
<td class="enlaces"><a href="
http://www.colinvearncombe.com" title="Página oficial" target="_blank"><img src="imagenes/blackoficial.gif" alt="www.colinvearncombe.com"></a></td>
<td class="enlaces"><a href="
http://www.facebook.com/blackakacolinvearncombe" title="Página oficial de Facebook" target="_blank"><img src="imagenes/blackoficialFB.gif" alt="www.facebook.com/blackakacolinvearncombe"></a></td>
</tr>
<tr class="leyenda">
<td id="leyenda">Página oficial de Colin Vearncombe</td>
<td id="leyenda">Página oficial de Colin Vearncombe en Facebook</td>
</tr>
<tr class="enlaces">
<td class="enlaces"><a href="
https://www.facebook.com/profile.php?id=100000048586901" title="Página personal de Facebook" target="_blank"><img src="imagenes/blackpersonalFB.gif" alt="www.facebook.com/profile.php?id=100000048586901"></a></td>
<td class="enlaces"><a href="
https://twitter.com/#!/cvblack" title="Twitter oficial" target="_blank"><img src="imagenes/blacktwitter.gif" alt="twitter.com/#!/cvblack"></a></td>
</tr>
<tr class="leyenda">
<td id="leyenda">Página personal de Colin Vearncombe en Facebook</td>
<td id="leyenda">Twitter oficial de Colin Vearncombe</td>
</tr>
<tr class="enlaces">
<td class="enlaces"><a href="
http://es.myspace.com/blackakacolinvearncombe" title="Myspace oficial" target="_blank"><img src="imagenes/blackmyspace.gif" alt="es.myspace.com/blackakacolinvearncombe"></a></td>
<td class="enlaces"><a href="
http://www.youtube.com/colinvearncombe" title="Canal oficial de Youtube" target="_blank"><img src="imagenes/blackyoutube.gif" alt="www.youtube.com/colinvearncombe"></a></td>
</tr>
<tr class="leyenda">
<td id="leyenda">Página oficial de Colin Vearncombe en Myspace</td>
<td id="leyenda">Canal oficial de Colin Vearncombe en Youtube</td>
</tr>
<tr class="enlaces">
<td class="enlaces"><a href="
http://en.wikipedia.org/wiki/Black_%28English_band%29" title="Página oficial de Wikipedia" target="_blank"><img src="imagenes/blackwikipedia.gif" alt="en.wikipedia.org/wiki/Black_%28English_band%29"></a></td>
<td class="enlaces"><a href="
http://soundcloud.com/neroschwarz" title="Soundcloud oficial de Nero Schwarz" target="_blank"><img src="imagenes/nerosoundcloud.gif" alt="soundcloud.com/neroschwarz"></a></td>
</tr>
<tr class="leyenda">
<td id="leyenda">Página oficial de Colin Vearncombe en Wikipedia (inglés)</td>
<td id="leyenda">Página oficial de Nero Schwarz en Soundcloud</td>
</tr>
<tr class="enlaces">
<td class="enlaces"><a href="
http://www.lastfm.es/music/Black/+albums" title="Black en last.fm" target="_blank"><img src="imagenes/blacklastfm.gif" alt="www.lastfm.es/music/Black/+albums"></a></td>
<td class="enlaces"><a href="
http://www.lastfm.es/music/Colin+Vearncombe/+albums" title="Colin Vearncombe en last.fm" target="_blank"><img src="imagenes/vearncombelastfm.gif" alt="www.lastfm.es/music/Colin+Vearncombe/+albums"></a></td>
</tr>
<tr class="leyenda">
<td id="leyenda">Canal de Black en last.fm</td>
<td id="leyenda">Canal de Colin Vearncombe en last.fm</td>
</tr>
</tbody>
</table>
</div>
<div id="novedades"><!--Esta capa debería hacerse con una lista que no sea de definición, arreglándola en la hoja de estilos-->
<h2 class="titlat">Lo último</h2>
<dl class="cuerpolat">
<dt>xx de xx de 2011.</dt>
<dd>Nace "Black en Español".</dd>
<dt>xx de xx de 2011.</dt>
<dd>Añadida página de inicio.</dd>
</dl>
</div>
<div id="noticias"><!--Esta capa debería hacerse con una lista que no sea de definición, arreglándola en la hoja de estilos-->
<h2 class="titlat">Noticias</h2>
<dl class="cuerpolat">
<dt>xx de xx de 2011.</dt>
<dd>21/10/2011 - Colin performed an intimate gig last Saturday at Grove House in Schull to a sellout crowd.</dd>
</dl>
</div>
<div id="registro"><!--Campos para registrarse-->
<h2 class="titlat">Regístrate</h2>
<dl class="cuerpolat">
<dt>xx de xx de 2011.</dt>
<dd>Nace "Black en Español".</dd>
<dt>xx de xx de 2011.</dt>
<dd>Añadida página de inicio.</dd>
</dl>
</div>
<div id="buscar"><!--Campo de búsqueda en la web y en Google-->
<h2 class="titlat">¿Dónde está?</h2>
<dl class="cuerpolat">
<dt>xx de xx de 2011.</dt>
<dd>Nace "Black en Español".</dd>
<dt>xx de xx de 2011.</dt>
<dd>Añadida página de inicio.</dd>
</dl>
</div>
<div id="redes"><!--Buscar o hacer unos botones de redes (facebook y twitter)-->
<h2 class="titlat">Síguenos</h2>
<a href="
https://www.facebook.com/groups/112199325503663/" title="Facebook - Black en Español" target="_blank"><img src="imagenes/facebook_negro.png" alt="Facebook"></a>
<a href="
https://twitter.com/#!/blackenespanol" title="Twitter - @blackenespanol" target="_blank"><img src="imagenes/twitter_negro.png" alt="Twitter"></a>
</dl>
</div>
</div>
</div>
<div id="pie">
<p class="izquierda">Black en Español</p>
<p class="izquierda">© José Luis Barreda Ortega.</p>
<p class="izquierda">Versión 0.1. - 27 de Septiembre de 2011</p>
<p class="izquierda"><a href="mailto:[correo eliminado]">Contacta conmigo</a></p>
<p class="izquierda"><a href="#">Mapa del sitio</a></p>
</div>
</body>
</html>
y este es el CSS
* {text-indent: 0px; margin: 0px; padding: 0px; border: 0px;}
body {margin: 10px 10px 10px 10px; font: 10pt Century Gothic, Geneva, Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; background-color: #111111;}
/*Capa que contiene todo*/
#contenedor {width: 1024px; margin: auto; border: 1px solid white; height: 1395px; text-align: left; background: url('imagenes/fondo_00.jpg') repeat; background-color: #444444; /*background: transparent;*/}
/*Capa con la cabecera. De momento hay un texto pero habrá que elaborar un logotipo o imagen con el nombre*/
#cabecera {padding: 35px 5px 35px 10px; border-bottom: 3px outset #ffffff; background-color: #8888ff; background: transparent; font-size: 16pt; font-weight: bold; color: #777777;}
#cabecera h1 {text-align: center;}
/*Capa del menú horizontal principal, con todas las secciones de la web. Me gustaría que fuera desplegable pero será más adelante. En algunos navegadores al reducir, se queda pequeño*/
#menuppal {padding: 4px 0px 2px 10px; border-bottom: 3px outset #ffffff; margin-bottom: 0px; height: 28px; background-color: #cfcfbb;}
.botones {float:left; margin: 0px 2px; padding: 1px 3px; text-align: center; border: 1px solid #111111;}
#menuppal a:link {font-size: 11pt; text-decoration: none; color: #aa5555; margin: 0px; /*display: block;*/}
#menuppal a:hover {font-size: 11pt; text-decoration: none; font-weight: bold; color: #aa5555; margin: 0px;}
#menuppal a:active {font-size: 11pt; text-decoration: none; color: #bbbb00; margin: 0px;}
#menuppal a:visited {font-size: 11pt; text-decoration: none; color: #aa5555; margin: 0px;}
/*Capa donde se incluye el contenido esencial de la página actual. Engloba a las capas de menús laterales y del contenido en sí. Le he puesto altura porque se me quedaba por encima de las capas incluídas en él*/
#contenido {background-color: #444444; background: transparent; height: 1228px; padding: 0px 0px 0px 0px; color: #ffffff; margin-bottom: 10px; float: left;}
/*Capa donde se coloca la información en sí. Es lo principal de cada página.*/
#principal {font-size: 12pt; background-color: #444444; background: transparent; height: 1190px; margin-top: 0px; margin-bottom: 0px; padding: 2px 15px 30px 0px; width: 800px; float:left;}
#principal p {text-align: justify; text-indent: 0.25em;}
#principal a:link {text-decoration: none; color: #9999ff;}
#principal a:visited {text-decoration: none; color: #9999ff;}
#principal a:hover {text-decoration: none; color: #6666ff;}
#principal a:active {text-decoration: none; font-weight: bold; color: #ffff00;}
#oficiales {table-layout: fixed; width: 624px; border-collapse: collapse;}
.enlaces tr {}
.enlaces td {width: 312px; height: 101px; margin: 0; padding: 0;}
.enlaces img {border: 1px dotted white; margin-left: 61px; margin-top: 25px;}
.leyenda td {font-size: 10pt; text-align: center; height: 30px; vertical-align: text-top; padding-top: 5px;}
.leyenda tr {font-size: 10pt; text-align: justify;}
#lateral {float: left; background-color: transparent; height: 1150px; margin: 0px; margin-right: 0.5em; padding: 3px; width: 160px;}
#menulat {float: left; color: #ffffff; background-color: transparent; background: url('imagenes/fondomenulat.jpg'); border: 1px solid #ffffff; width: 133px; height: 150px; margin: 82px 5px 30px 5px; padding: 8px 8px;}
#menulat h1 {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; margin-bottom: 12px;}
#menulat ul {padding-left: 0px;}
#menulat li {color: #ffffff; font-size: 10pt; list-style:circle inside url(imagenes/vinetamenu.gif); margin-left: 10px; line-height: 2.3em;}
#menulat a:link {text-decoration: none; color: #9999ff; padding-left: 10px; display: block;}
#menulat a:visited {text-decoration: none; color: #9999ff;}
#menulat a:hover {text-decoration: none; background-color: #444444; color: #6666ff;}
#menulat a:active {text-decoration: none; font-weight: bold; color: #ffff00;}
#publilat {clear: left; background-color: transparent; background: url('imagenes/fondopublilat.jpg'); border: 1px solid #ffffff; width: 133px; height: 800px; margin: 5px 5px 10px 5px; padding: 8px 8px;}
#titppal {color: #ffffff; font-size: 24pt; text-decoration: none; padding: 5px 5px 5px 0px; font-weight: bold; margin: 12px 0px 20px 0px;}
/*Capa lateral donde se incluye información de las novedades de la página*/
#novedades {font-size: 11pt; background-color: #323256; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 87px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
.titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
.cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}
/*Capa lateral donde se incluye información de las últimas noticias sobre Colin*/
#noticias {font-size: 11pt; background-color: #563030; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
.titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
.cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}
/*Capa lateral donde se incluye la información de registro*/
#registro {background-color: #305630; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
.titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
.cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}
/*Capa lateral donde se incluye casilla de búsqueda*/
#buscar {background-color: #565630; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
.titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
.cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}
/*Capa lateral donde se incluye la información de redes sociales*/
#redes {background-color: #775050; border-left: 1px solid #ffffff; float:right; width: 175px; margin-top: 10px; margin-bottom: 30px; margin-left: 0px; margin-right:0px; padding: 2px 4px 2px 10px;}
.titlat {color: #ffffff; font-size: 10pt; text-decoration: underline; text-transform: uppercase; padding: 0px 5px 0px 0px; font-weight: bold; letter-spacing: 2px; margin: 0px 0px 8px 0px;}
.cuerpolat {color: #ffffff; font-size: 8pt; text-align: left; padding: 5px 5px 5px 0px;}
/*Capa pie de página donde incluyo datos mios, contacto y un mapa del sitio*/
#pie {text-align: left; width: 1024px; margin:0.75em auto; border: 1px solid #ffffff; background: url('imagenes/fondo_03.jpg') repeat; background-color: #444444; height: 20px; color: #999999; }
.izquierda {float:left; margin: 2px 15px; padding-left: 10px;}
#pie a:link {color: #999999;}
#pie a:visited {color: #999999;}
#pie a:hover {font-weight: bold; color: #999999;}
#pie a:active {text-decoration: none; font-weight: bold; color: #999999;}
En cualquier caso gracias por vuestra inestimable ayuda. Estamos en contacto.
