Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
  
    <style type="text/css"> 
    #li_guides { 
        background-image:url('http://www.reintek.de/immologbw/src/img/real.png'); 
        width:130px; 
        height:92px;     
} 
    #li_guides:hover { 
        background-image:url('http://www.reintek.de/immologbw/src/img/real+.png'); 
    } 
#li_guides:active { 
        background-image:url('http://www.reintek.de/immologbw/src/img/real.png'); 
    } 
#li_reviews { 
        background-image:url('http://www.reintek.de/immologbw/src/img/plan.png'); 
        width:130px; 
        height:92px;     
} 
    #li_reviews:hover { 
        background-image:url('http://www.ballpointtech.com/wp-content/uploads/2010/09/Reviews-Rollover.png'); 
    } 
#li_reviews:active { 
        background-image:url('http://www.ballpointtech.com/wp-content/uploads/2010/09/Reviews-Click.png'); 
    } 
#li_news { 
        background-image:url('http://www.ballpointtech.com/wp-content/uploads/2010/09/News-Still.png');
        width:130px; 
        height:92px;     
} 
​
#li_news:active { 
        background-image:url('http://www.ballpointtech.com/wp-content/uploads/2010/09/News-Click.png'); 
    } 
#li_tipstricks { 
        background-image:url('http://www.ballpointtech.com/wp-content/uploads/2010/09/tipstricks-still.png'); 
        width:130px; 
        height:92px;     
} 
    #li_tipstricks:hover { 
        background-image:url('http://www.ballpointtech.com/wp-content/uploads/2010/09/tipstricks-rollover.png'); 
        } 
    #li_tipstricks:active { 
        background-image:url('http://www.ballpointtech.com/wp-content/uploads/2010/09/tipstricks-click.png'); 
    } 
</style> 
​
  
  </head>
<body>
  <ul style="top:0; display: block; padding-left: 205px;" id="cats-menu" class="nav superfish sf-js-enabled"> 
    <li id="li_guides" >
      <a href="http://www.ballpointtech.com/category/guides/"> </a>
    </li> 
   <li id="li_news" onmouseover="mouseOver(event);"
     onmouseout="mouseOut(event);"        >
     <a href="http://www.ballpointtech.com/category/news/"> </a>
    </li> 
  <li id="li_reviews" >
    <a href="http://www.ballpointtech.com/category/reviews/"> </a>
    </li> 
  <li id="li_tipstricks" >
    <a href="http://www.ballpointtech.com/category/tipstricks/"> </a>
    </li> 
</ul> 
​
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers