[HTML][CSS]Wstawianie pseudoklasy hover do html'a Opcje

[suhy]

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]

[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]

niestety ale niedziala, moze podesle caly html

Ten post edytował suhy 18.05.2009, 14:35:50

[Procesor]

W head wklejasz ten kod, co kolega podał dwa posty wyżej, pomijając <!-- oraz -->.

[slawny]

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]

czyli do head wstawiam

Kod

<style type="text/css"></style>

a tam gdzie chce obrazek

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;
}
-->

czy jak...

[Crozin]

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]

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]

No to w takim razie poprostu w HEAD wstawiasz:

Kod

<style type="text/css">
  //kod z pierwszego postu
</style>

I tyle.

[suhy]

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