Forum PHP.pl > [HTML][CSS]Wstawianie pseudoklasy hover do html'a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Wstawianie pseudoklasy hover do html'a

suhy

18.05.2009, 14:29:06

witam. mam problem jak wkleic

Kod

a {
    background-image: url('adres/obrazek.png');
    background-repeat: no-repeat;
    width: 200px;
    height: 150px;
    display: block;
}
a:hover {
    background-image: url('adres/obrazek_hover.png');
    background-repeat: no-repeat;
    width: 200px;
    height: 150px;
}

do htmla zeby dzialalo

Wicepsik

18.05.2009, 14:30:13

[HTML] pobierz, plaintext 
<style type="text/css"><!--
a {
    background-image: url('adres/obrazek.png');
    background-repeat: no-repeat;
    width: 200px;
    height: 150px;
    display: block;
}
a:hover {
    background-image: url('adres/obrazek_hover.png');
    background-repeat: no-repeat;
    width: 200px;
    height: 150px;
}
--></style>
[HTML] pobierz, plaintext

suhy

18.05.2009, 14:33:47

niestety ale niedziala, moze podesle caly html

Procesor

18.05.2009, 14:38:20

W head wklejasz ten kod, co kolega podał dwa posty wyżej, pomijając .

slawny

18.05.2009, 14:39:26

To albo nie działa css, który napisałeś albo kod html.
Bo tak właśnie zagnieżdża się css w html.

suhy

18.05.2009, 14:43:35

czyli do head wstawiam

Kod

a tam gdzie chce obrazek

Kod

czy jak...

Crozin

18.05.2009, 14:56:44

1) Przeczytaj o regule DRY
2) Tworzysz nowy plik o nazwie np. style.css i zawartości takiej jak w pierwszym poście
3) W kodzie HTML dajesz w elemencie HEAD kod:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="./style.css" type="text/css" />
[HTML] pobierz, plaintext

suhy

18.05.2009, 15:02:58

a jest moze inny sposob latwiejszy.. bo mi to chodzi na allegro bo se mam szablon gotowy i tam sa przyciski takie wlasnie animowane. onmouse nie dziala a te hover i css to dla mnie troche za duzo
http://allegro.pl/item633869136_szablony_s...dywidualny.html --> przyklad animowanych przyciskow
http://www.suh.cba.pl/00/qpage.htm --> moj szablon [tu jest na onmouse]

Crozin

18.05.2009, 15:20:44

No to w takim razie poprostu w HEAD wstawiasz:

Kod

I tyle.

suhy

18.05.2009, 15:33:00

crozin moglbys mi to zrobic.. podeslal bym ci html caly i bys mi to zrobil

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.