Hola, respecto a tu primera pregunta, a la de la linea de puntos, mejor que decirte cómo se hace te invito a que busques cualquier tutorial sobre "bordes en CSS" y verás lo sencillo que es.
No me cuesta decirte cómo se hace, es más, tardaría menos que en escribirte esto que te estoy contando, pero creo que más útil va a ser esta respuesta que la otra.
Respecto a lo de los enlaces, decirte que los elementos 'a' (que es donde se activa el enlace) son de linea, y ocupan el espacio justo que ocupa el texto. Para conseguir lo que quieres, tienes que convertirlo en bloque (display: block) y darle alto y ancho, y entonces en esa zona es donde funcionará el enlace.
Esto también es algo básico también, deberías de leer otro tutorial sobre elementos de bloque y de linea. display:block, inline, inline-block etc
Un saludo y espero haber sido de ayuda.