diedVIPs

html knowhow

Bilder die überlappen

Bilder die überlappen

Mit dem hier unten abgebildeten Frame binden Sie einen fremden Bewertungsframe auf Ihre Seite ein. Was Sie da sehen, ist meiner. Sie können sich eine eigene Bewertungsseite anlegen unter: webwiki.de.

Probieren Sie es aus und bewerten Sie uns.

So sieht´s aus

Overlapping images demo

Quellcode

<br />
	<br />
	<style type="text/css"><br />
	nav > ul {margin: 0;padding: 0;}<br />
	nav li {list-style: none;font-size: 1.2em;position: relative;margin: 0 0 
	.1em 0;padding: 0;width: 6em;}<br />
	nav ul ul {position: absolute;top: -0.6em;left: 6em;font: 0/0 serif;z-index: 
	-10;transition: font 0.5s;}<br />
	nav ul li:hover ul,<br />
	nav ul a:focus ~ ul {font: inherit;z-index: auto;}<br />
	nav a {display: block;padding: 0.4em;text-decoration: none;font-weight: 
	bold;text-align: center;border: 1px solid darkblue;border-radius: 
	10px;box-shadow: 0 5px 10px white inset;<br />
	color: gold;background-color: darkblue;transition: all .25s ease-in;}<br />
	nav li[aria-current] a {background-color: firebrick;color: gold;}<br />
	nav a:focus,<br />
	nav a:hover,<br />
	nav li[aria-current] a:focus,<br />
	nav li[aria-current] a:hover {color: darkblue;background-color: gold;}<br />
	</style><br />
	<br />
	<body><br />
	<div style="left: 30%;top: 35em;position:absolute;height: 2em;width: 5em"><nav><br />
	<ul><li tabindex="0"><a href="#">Todesjahr</a><br />
	<ul><li><a href="http://diedvips.de/Promis/2021.html" tabindex="0">2021</a></li><br />
	<ul><li><a href="http://diedvips.de/Promis/2015.html" tabindex="0">2015</a></li><br />
	<li><a href="http://diedvips.de/Promis/2014.html" tabindex="0">2014</a></li><br />
	<li><a href="http://diedvips.de/Promis/2013.html" tabindex="0">2013</a></li><br />
	<li><a href="http://diedvips.de/Promis/2012.html" tabindex="0">2012</a></li><br />
	<li><a href="http://diedvips.de/Promis/2011.html" tabindex="0">2011</a></li><br />
	<li><a href="http://dievips.de/Promis/2010.html" tabindex="0">2010</a></li><br />
	</ul><br />
	<li><a href="http://diedvips.de/Promis/2020.html" tabindex="0">2020</a></li><br />
	<li><a href="http://diedvips.de/Promis/2019.html" tabindex="0">2019</a></li><br />
	<li><a href="http://diedvips.de/Promis/2018.html" tabindex="0">2018</a></li><br />
	<li><a href="http://diedvips.de/Promis/2017.html" tabindex="0">2017</a></li><br />
	<li><a href="http://diedvips.de/Promis/2016.html" tabindex="0">2016</a></li><br />
	</ul></li></ul></nav></div/><br />
	<br />
	</body><br />
	</html><br />

Download Button

Laden Sie die .html-Datei runter

Kontakt Datenschutz Impressum