Mittwoch, 3. Dezember 2008



KhAkRefBr



Create Image Navigation



.KhAk {Create Image Navigation}
div.basicInfoModule {padding-top:50px;}
.KhAkImgNav{ position:absolute; left:50%; top:0%;
margin-left:-400px; margin-top:200px;
_margin-left:-400px; _margin-top:210px;
width:800px;
text-align:center; white-space:nowrap;}

.KhAkImgNav a img {border: 2px solid; border-color:yellow;}
.KhAkImgNav a:hover img {border: 2px solid; border-color:red;}




<div class="KhAkImgNav">
<a href="Page URL"><img src="Image URL"></a>
<a href="Page URL"><img src="Image URL"></a>
<a href="Page URL"><img src="Image URL"></a>
<a href="Page URL"><img src="Image URL"></a>
<a href="Page URL"><img src="Image URL"></a>
</div>




  • Set "50" to the height you need for your Image Navigation.
  • Adjust "margin-left and margin-top numbers" to fix the position.
  • Adjust "_margin-left and _margin-top numbers" to fix the position on Internet Explorer.
  • Adjust "800" to the width of your image navigation (max. 950px).

  • Replace the URLs with your own.
    You can find HERE a list of contact table URLs.





  •  

    Welcome To KhAk's Design - Profile 2.0 ----- Enjoy! Copyright 2006-2010 by KhAk