Plan: Erste Seite

by dirkk0

HTML

<header>
<div class="image">

      <img src="http://3.bp.blogspot.com/-yYLc9-rJ-UQ/TysPdQoHW-I/AAAAAAAAAXs/neALYKCB_eM/s1600/photo%252528106%252529.JPG" alt="" />
     <div style="margin-right: 200px;">
      <h2>Willkommen<br />Schüler!</h2>


         <a href="http://jsfiddle.net/dirkk0/kL261eb4/show/" style="position:absolute;" id="weiterBtn" target=_blank>

 <button type="button">Weiter</button>
         </a>
         
         </div>
    </header>

CSS

#weiterBtn {
    top:280px;
    left:10px;
    border:1px solid black;
}

ul#actions
{
    display:none;
}
.actions:hover ul#actions
{
    display: block;
}
.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

h2 { 
   position: absolute; 
   top: 200px; 
   left:0;
   right: 10; 
   width: 100%; 
}