Nabend ihr Lieben,
ich muss etwas mit HTML/CSS erstellen und brauche dabei eure Hilfe, weil ich in HTML einfach ein Noob bin.
Es geht um folgendes (Beispiel-) Bild, wo man wenn man über die einzelnen Textboxen fährt ein kleines Bild angezeigt wird, welches die Vorschau der dahinter liegenden Seite zeigt.
Mein bisheriger Code sieht folgenderweise aus.
[spoilerbb]
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div>
<div style="width: 700px; height: 376px; z-index:1;">
<img style="absolute: position; width: 700px; height: 376px; z-index:2;" src="https://finexes.com/attachments/connect-png.5658/?temp_hash=f9d99862a47d8860eaa64e4131bb964c" />
<div style="box; absolute: position; margin-left: 521px; margin-top: 321px; width: 147px; height: 23px; z-index: 3;">
Text
</div>
</div>
</body>
</html>
[/spoilerbb]
Das erste Problem, ist das die einzelnen Div Boxen nicht über einander liegen und dass das Bild nicht Zentriert ist was leider erforderlich ist.
Anschließend müsste ich dann noch den Hover befehl einfügen, aber wollte erst mal die grundlegenden Elemente definieren, daher ist bisher auch nur eine Box definiert bei welcher auch die Position noch nicht komplett stimmt, aber dies sind sachen die ich dann am Ende auch hin bekomme.
Also vll. kann ja jemand ein wenig mehr HTML als ich und hilft mir dabei weiter.
Vielen Dank schon mal.
ich muss etwas mit HTML/CSS erstellen und brauche dabei eure Hilfe, weil ich in HTML einfach ein Noob bin.
Es geht um folgendes (Beispiel-) Bild, wo man wenn man über die einzelnen Textboxen fährt ein kleines Bild angezeigt wird, welches die Vorschau der dahinter liegenden Seite zeigt.
Mein bisheriger Code sieht folgenderweise aus.
[spoilerbb]
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div>
<div style="width: 700px; height: 376px; z-index:1;">
<img style="absolute: position; width: 700px; height: 376px; z-index:2;" src="https://finexes.com/attachments/connect-png.5658/?temp_hash=f9d99862a47d8860eaa64e4131bb964c" />
<div style="box; absolute: position; margin-left: 521px; margin-top: 321px; width: 147px; height: 23px; z-index: 3;">
Text
</div>
</div>
</body>
</html>
[/spoilerbb]
Das erste Problem, ist das die einzelnen Div Boxen nicht über einander liegen und dass das Bild nicht Zentriert ist was leider erforderlich ist.
Anschließend müsste ich dann noch den Hover befehl einfügen, aber wollte erst mal die grundlegenden Elemente definieren, daher ist bisher auch nur eine Box definiert bei welcher auch die Position noch nicht komplett stimmt, aber dies sind sachen die ich dann am Ende auch hin bekomme.
Also vll. kann ja jemand ein wenig mehr HTML als ich und hilft mir dabei weiter.
Vielen Dank schon mal.
