Hallo, das ist meine bescheidene Seite:
Das hier die css:
1.Frage, warum kann ich #Navigation nicht relativ verschieben? --- egal was ich eintrage, es geht nur mit absolut.
2. Frage ich möchte jeden Link (image) beim hover hervorheben... habe das nicht hin bekommen und verschiebe es jetzt einfach.
aber das relativ bezieht sich nicht auf die aktuelle position, sondern irgendwie auf die des #Navigation
Wie kann man ein solches "hervorheben" in der css realisieren?
Code:
<!DOCTYPE html>
<html>
<head>
<title>Leitungsberechnung</title>
<link rel="stylesheet" href="css/main.css"/>
</head>
<body>
<div id="Navigation">
<a id="LinkStromwandler" href="CurrentTransformers/CurrentTransformers.html">
<image src="Images/Stromwandler.png"/>
</a>
<a id="Link2" href="index.html">
<image src="Images/NichtBelegt.png"/>
</a>
</div>
</body>
</html>
Das hier die css:
Code:
body
{
font-family: 'Press Start 2P', cursive;
}
#Navigation
{
position: absolute;
top: 20%;
left: 50%;
}
#Link2
{
position: relative;
top: 60px;
left: -400px
}
#Navigation a:hover
{
position: relative;
top: -10px;
}
1.Frage, warum kann ich #Navigation nicht relativ verschieben? --- egal was ich eintrage, es geht nur mit absolut.
2. Frage ich möchte jeden Link (image) beim hover hervorheben... habe das nicht hin bekommen und verschiebe es jetzt einfach.
aber das relativ bezieht sich nicht auf die aktuelle position, sondern irgendwie auf die des #Navigation
Wie kann man ein solches "hervorheben" in der css realisieren?