[Solved] make div a box element and let it show test on hover

by


Css class name should start with a character. And use display : inline-block; when you want the width to be fixed to what you set.

here is the code example

 
<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="Mein Projekt zu Australien.">
        <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
        <style>
 
    html {
  background: url(bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
            iframe {
              float:left;
               clear:left;
            }    
           
            .test {
               width: 150px;
               height: 150px;
               margin: auto;
               border-spacing: 15px;
               border-style: ridge;
              float:left;
            }    
 
.showme{
display: none;
}
.showhim:hover .showme{
display : inline-block;
}
 
.row:hover .select{
    display: block
}
 
.select{
    display: none;
}
    </style>
    </head>
    <body>
<iframe src="links.html" width="200" height="1000px"></iframe>
        <div class="test showhim">Hover me <div class="1 showme">Hi </div></div> </body>
</html>

You have to dig more on css and html.

0

solved make div a box element and let it show test on hover