Помощ със задаването на стилл на линк...

[tahys]

Как мога да задам линк със някаква картика за Background и при минаването с мишката огоре върху нея да се мести позицията на background-a със от top center , bottom center или направо 34px надоло...

Ето една примерна картинка с която да ми покажете ...

 

[marian]

<style type="text/css">
.hover_menu {
display:block;
width:157px; /* duljinata na pica - padding left - padding right (187 - 30 - 0 = 157) */
height:28px; /* viso4inata na picа - padding top - padding bottom (33 - 5 - 0 = 28 ) */
padding:5px 0 0 30px;
font-size:16px;
background:url("http://web-tourist.net/userfiles/1/1859.gif") no-repeat;
}
.hover_menu:hover {
background-position:0px -34px;
}
</style>
<a href="#" class="hover_menu">Link 1</a>
<a href="#" class="hover_menu">Link 2</a>
<a href="#" class="hover_menu">Link 3</a>

Най-важното е да имаш това, което съм го оцветил в червено...

 

[kulov]

<html>

<head>
<title>Try ? </title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script> 
</head>

<body>

<style>

</style>

<script type="text/javascript">

$(function()
{
  $("#menu").hover(function(){
  $(this).animate({ 
    marginTop: "36px"
  }, "slow" );
});
});
</script>
<div id="menu" style="width:187px;"><img src="1859.gif" alt="" align="center"></div>

</body>
</html>

Ако съм те разбрал, това ще ти свърши работа дори с ефекти :d

 

[tahys]

Охх аз display: block съм пропускал....

Благодаря +1