Ya no puedo más. No entiendo el CSS. Lo he hecho con una tabla de las de toda la vida.
Después de buscar por ahí toda la mañana, no he conseguido ni centrar un div en la pantalla sin darle un tamaño fijo. Seguramente sea culpa mía, pero no debería ser tan difícil.
En fin, esto es lo que he hecho (y es justo lo que quería)
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a {
font-family: "tahoma", "arial", "sans-serif";
font-size: 10pt;
text-decoration: none;
font-weight: bold;
color: white;
background-color: purple;
padding: 0.3em 0.6em;
border-right: 1px solid white;
}
a:hover {
background-color: #A52218;
}
</style>
</head>
<body>
<div align="center">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<a href="">Introduccion</a>
</td>
<td>
<a href="">Botones</a>
</td>
<td>
<a href="">Ejemplo</a>
</td>
<td>
<a href="">Acerca de...</a>
</td>
</tr>
</table>
</div>
</body>
</html>
Eso sí, me encantaría saber cómo se hace esto en CSS, porque parece de lo más sencillo...
Muchas gracias y un saludo.