¡Diooooseeees! 
:
Vamos por lo vital.
En el editor vas a encontrar una herramienta desplegable con los distintos highlight para cada lenguaje. Vos deberías usar el de HTML, y poner así el código completo de la página.
Si tenés problemas con esa herramienta, o como muchos de nosotros, tipeás el mensaje en cualquier editor de texto, solamente con poner
[code]
al pricipio de tu código de ejemplo, y
[/code]
al terminarlo, es más que suficiente. Hasta te lo agradecería en vez del highlight. (En realidad, el botón [#] hace justamente eso en el editor avanzado del Foro.)
Lo que sí, ¡ni se te ocurra usar otra etiqueta como
[quote]! La gente que lo hace nos da mucha vergüenza como comunidad.
Ahora vamos a tu asunto. Estás usando la mala lógica de procesador de texto. Porque ni ahí se ubican enlaces con saltos de línea.
Como tenés de referencia una imagen de fondo, y la imagen (por sí sola) no cambia de tamaño en pixeles, ubicás con CSS cada enlace usando posiciones absolutas. Le das a cada
<a href="" ></a> su propio
id="" y con
position: absolute o
position: fixed (depende de cómo quieras que se mantengan en la página) las ubicás con sus coordenadas
top: y
left: siempre en pixeles.
Cuando tengás algo hecho, chiflá.
(Y si no sabés HTML o CSS, mirá un par de tutoriales antes de empezar a trabajar, ya tenés suficientes palabras clave para saber dónde buscar).