Moin Jungs,
habe eine Problem. ICh möchte es schaffen (wie bei 3dl.am) wenn man über einen Downloadlink hovert, dass dann eine weiße Box auftritt und Cover und infos zeigt.
IN diesen Code sollte es eingebaut werden:
PHP-Code:
<html>
<head>
<title>s</title>
<style>
body {font-family: Arial, sans-serif, Hevetia;
color: #636363;
font-size: 9pt;}
ul#dlist {
width: 40em;
height: 40em;
margin: 0; padding: 0.0em;
border: 1px solid black;
background-color: #fff;
text-align: right;}
}
* html ul#dlist { /* Korrekturen fuer IE 5.x */
width: 11.6em;
w\idth: 10em;
padding-left: 0;
padd\ing-left: 0.0em;
}
ul#dlist a {
display:block;
padding: 0.2em;
text-decoration: none; font-weight: bold;
border: 1px solid gray;
border-left-color: white; border-top-color: white;
color: #636363; background-color: #fff;
text-align: left;}
}
* html ul#dlist a { /* Breitenangaben nur fuer IE */
width: 100%;
w\idth: 10em;
}
ul#dlist a:hover {
border-color: white;
border-left-color: #fff; border-top-color: #fff; border-right-color: gray;
border-top-width: 0px;
color: black; background-color: #B4D6FF;
}
ul#dlist li:hover ul {
display: block; /* Unternavigation in modernen Browsern einblenden */
}
</style>
</head>
<body>
<ul id="dlist">
<li><a href="http://google.de">Beispiel 1</a></li>
<li><a href="http://google.de">Beispiel 3</a></li>
<li><a href="http://google.de">Beispiel 1 hh</a></li>
<li><a href="http://google.de">Beispiel 2</a></li>
<li><a href="http://google.de">Beispiel 3</a></li>
<li><a href="nav_definieren.htm">Beispiel 1 hh</a></li>
<li><a href="nav_formatieren.htm">Beispiel 2</a></li>
<li><a href="nav_rollover.htm">Beispiel 3</a></li>
<li><a href="nav_definieren.htm">Beispiel 1 hh</a></li>
<li><a href="nav_formatieren.htm">Beispiel 2</a></li>
<li><a href="nav_rollover.htm">Beispiel 3</a></li>
<li><a href="nav_definieren.htm">Beispiel 1 hh</a></li>
<li><a href="nav_formatieren.htm">Beispiel 2</a></li>
<li><a href="nav_rollover.htm">Beispiel 3</a></li>
<li><a href="nav_definieren.htm">Beispiel 1 hh</a></li>
<li><a href="nav_formatieren.htm">Beispiel 2</a></li>
<li><a href="nav_rollover.htm">Beispiel 3</a></li>
</ul>
Hoffe ihr könnt mir helfen
HTML Hover Problem
Baum-Darstellung