Thema: CSS Container

Einzelnen Beitrag anzeigen

Benutzerbild von jfheins
jfheins

Registriert seit: 10. Jun 2004
Ort: Garching (TUM)
4.579 Beiträge
 
#5

Re: CSS Container

  Alt 9. Jan 2009, 17:03
Das geht in halbwegs aktuellen Browsern aucvh direkt mit divs.

Beispiel:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<style type="text/css">

#first
{
  background: #000080;
  padding: 5px;
  height: 250px;
  width: 350px;
}

#first:hover #second
{
  visibility: visible;
}

#second
{
  background: #008000;
  padding: 5px;
  visibility:hidden;
  height: 200px;
  width: 250px;
}

</style>
</head>

<body>
  <div id="first">Hallo<div id="second">Welt</div></div>
</body>

</html>
Statt visibility kannst du natürlich auch display nehmen, dann wird vorher kein Platz reserviert aber u.U. springt das Layout hin und her ...
  Mit Zitat antworten Zitat