Kod na zmianę obrazka(problem)


(Alex90) #1

Cześć

Mam problem, mianowicie zrobiłem stronę(2 wersje) w photoshopie pociąłem, dokładniej:

I strona jest normalna, na II stronie są efekty, poprzez które po najechaniu kursorem mają się zmienić. Wzorzec cięcia został zachowany w I i w II wersji strony.

Obrazek nie kliknięty jak i kliknięty mają ten sam rozmiar.

Fragment kodu strony z którym mam kłopot:

portfolio

| | | | index-_04.png | | | | |
Jeśli wstawiam ten kod poniżej, strona się źle wyświetla. Probowałem też zrobić stronę normalnie bez efektu najechania, z samym odnośnikiem obrazkowym ale efekt jest identyczny. http://img251.imageshack.us/img251/1685/beztytuubo6.pngKod na zmianę obrazka(jako link)
[code] obrazek2.gif


(_mnich) #2

połącz obrazek (tzn zrób jeden z dwóch ważne żeby były tego samego rozmiaru i żebyś wymiar znał)

w moim przypadku były to dwa obrazki o wysokości 38px czyli stworzyłem jeden o wielkości 76px który zawierał obydwa potem tylko suwasz po najechaniu

kod css

#menu a.link_menu

{


    display: block;

    width:185px;

    height:38px;

    text-decoration: none;

    padding:0;

    margin:8px auto;

}



#menu a.link_menu, #menu a.link_menu:visited


{

 	background:url('obrazek.jpg') top left repeat-y;


}


#menu a.link_menu:hover, #menu a.link_menu:active


{

	background-position:0 -38px;

}

na stornie umieszczasz kod

[/code]

jeżeli bedziesz miał jakies problemy napisz na gg