kEv*: div hover Effekt

Beitrag lesen

SELF-Forum

div hover Effekt

kEv*
– Informationen zu den Bewertungsregeln

Ist denn diese Lösung eine anständige oder würdet ihr hier etwas anders machen?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
<title>CSS</title>  
  
<style type="text/css">  
<!--  
body{  
  margin:0 auto;  
  font-family:Georgia, "Times New Roman", Times, serif;  
  font-size:100.01%;  
  color:#996600;  
  }  
  
#layer{  
  width:30px;  
  height:800px;  
  background-color:#CCCCCC;  
  }  
  
#layer:hover{  
  width:200px;  
  height:800px;  
  background-color:#CCCCCC;  
  }  
  
#layer ul{  
  visibility:hidden;  
  }  
  
#layer:hover ul{  
  visibility:visible;  
  }  
-->  
</style>  
</head>  
  
<body>  
<div id="layer">  
  <ul id="menu">  
    <li><h2>Kategorie</h2></li>  
 <li>Menulink 1</li>  
 <li>Menulink 1</li>  
 <li>Menulink 1</li>  
 <li>Menulink 1</li>  
 <li>Menulink 1</li>  
 <li><h2>Kategorie</h2></li>  
 <li>Menulink 2</li>  
 <li>Menulink 2</li>  
 <li>Menulink 2</li>  
 <li>Menulink 2</li>  
 <li>Menulink 2</li>  
  </ul>  
</div>  
</body>  
</html>

Bin als Neuling im CSS über alle Hinweise und Tips dankbar.

LG
kEv*

Beitrag melden
–
Informationen zu den Bewertungsregeln