Mir war langweilig ?? Nein!!! Nur eine kleine CSS Übung (für mich!) ....
Kategorie Allgemein HTML CSS
Jumping Menu oder so ähnlich ......
<style type="text/css">
.alink { height:35px;width:100px;position:absolute }
.alinkbar { margin:15px 0 0 0;height:5px;width:100px;background-color:black;position:absolute }
a div div.alinktext { margin:20px 0 0 0;position:absolute }
a:hover div div.alinktext { margin:0px 0 0 0;position:absolute }
</style>
<div>
<a href="#" class="alink">
<div style="margin: 0px 0 0 0;position:absolute">
<div class="alinktext">
Description
</div>
<div class="alinkbar">
</div>
</div>
</a>
</div>
Gruß JJR
P.S.: Hat Spaß gemacht .....
Jumping Menu oder so ähnlich ......
<style type="text/css">
.alink { height:35px;width:100px;position:absolute }
.alinkbar { margin:15px 0 0 0;height:5px;width:100px;background-color:black;position:absolute }
a div div.alinktext { margin:20px 0 0 0;position:absolute }
a:hover div div.alinktext { margin:0px 0 0 0;position:absolute }
</style>
<div>
<a href="#" class="alink">
<div style="margin: 0px 0 0 0;position:absolute">
<div class="alinktext">
Description
</div>
<div class="alinkbar">
</div>
</div>
</a>
</div>
Gruß JJR
P.S.: Hat Spaß gemacht .....
|
Permalink
| Kommentare (0)
| 
