Mygtukai su a:hover

Sveiki, yra 3 mygtukai, ir noriu kad užvedus ant mygtuko pele jis truputi pasikeltu į viršu.

http://www.part.lt/img/e7cdc21bf3994714a9432b1d57e737d242.png

Kaip reikėtu padaryti su css?

Yra begalės būdų, štai vienas iš jų kuris užvedus pele pakeičia class

onmouseover = "this.className='css class pavadinimas'"

Yra begalės būdų, štai vienas iš jų kuris užvedus pele pakeičia class

onmouseover = "this.className='css class pavadinimas'"

Nelabai šito supratau, aš su css noriu pasidaryti.

a {

margin-top:5px

}

a:hover {

margin-top:0;

}

taip gali bandyt

Nu turi mygtuką, ar paveiksliuka pvz:

<input type="button" class="mygtukas" value="Press"></input>

Ir tarkim jam class padarai ten:

.mygtukas{
color:#FFFFF;
}
.mygtukas_užvedus{
color:#CCCCC;
}

O nori kad užvedus pele butu kitoks class

tai darai:

<input type="button" class="mygtukas" onmouseover = "this.className='mygtukas_užvedus'"  value="Press"></input>

Nu pas mane yra"

.buy {

 margin-top: -93px;
 margin-left: 474px;  }	

.buy a:hover {
 margin-top: 10px 0 0 0;

}

Padarius, kad į šonus slinktus reguoja, o į viršu visai nereguoja, gal dar kokiu nustatymų trūksta?

.buy a:hover {
 margin-top: -10px;
}

nu tai bandyk

margin-top: -5px;

Sakau nereguoja visai į šiuos nustatymus kažkodėl. Nei į apačia nei į viršu.

Teks pridėti position:relative; :)

Teks pridėti position:relative; :)

Bandžiau ir šita, bet nepadeda vistiek taip pat nejuda.

Bandžiau ir šita, bet nepadeda vistiek taip pat nejuda.

http://satisfaction.lt/other/

http://satisfaction.lt/other/

Ir kas čia yra?

Rodau, kaip veikia, gi :))

Kad niekas neveikia man :/

Parodyk kodą

Parodyk kodą

.buy {

 margin-top: -93px;
 margin-left: 474px;  }        

.buy a:hover {
 margin-top: -10px;

}

Kazkaip daug neaiskumu pas tave cia... Pvz kodel a:hover, tu jug noroda judini, o ne pvks.

Sitas veikia.

<style type="text/css">
.buy {
padding-top: 10px;    
}        

.buy:hover {
padding-top: 30px;
}
</style>

<div>
	<img src="http://satisfaction.lt/other/mygtukas.jpg" class="buy">
</div>

nežinau, kaip ten pas tave, bet taisyklingai turi būt taip:

a { position:relative; }

a:hover { top:1px; }

judinti su margin ar tai padding, tai wtf...