Links bewegen/platzieren

[redturtle]

Hallo =)

ich habe hier im Forum schon viele gute Erfahrungen gemacht!

Vielleicht könnt ihr mir noch helfen, meine Links hinter meinen "Rücken" zu bewegen. Ich habe keine Ahnung, wie ich das anstellen soll.

www.simonhammer.com

Lieben Gruß

Simon

 

[Trüffelkrieger]

Teste mal das:
Ersetze die Linkabsätze durch die Liste:

<ul>
<li><a href="https://twitter.com/snhammer" target="_blank">Simon Hammer</a></li>
<li> <a href="vita.html">Vita</a>  </li>
<li><a href="galerie.html">Galerie</a></li>
<li> <a href="blog.html">Blog</a></li>
</ul>

Und das ist dein CSS.

html {
background: url("background.jpg") no-repeat fixed center center / cover rgba(0, 0, 0, 0);
height: 100%;
}
body {
height: 100%;
margin: 0;
}
ul {
width: 150px;
padding: 0;
margin: 0;
margin: 0 auto;
position: relative;
left: 250px;
top: 50%;
}
li {
list-style-type: none;
}
a:link, p {
color: #000000;
font-family: "Courier New",Courier,monospace;
font-size: 18px;
font-style: inherit;
text-decoration: none;
}
a:visited, p {
color: #000000;
font-size: 18px;
font-style: inherit;
text-decoration: none;
}
a:hover, p {
color: #FFFFFF;
font-size: 18px;
font-style: inherit;
text-decoration: none;
}

Es klappt halbwegs. Wenn der Viewport zu schmal wird, oder zu breit, müsstest du dann mit MediaQueries arbeiten.