lave et link med hover effect hvor man bruger billeder

du skal ikke gøre sådan her i din css: ('../pictures_pic_button/but_main_affect.jpg');

test denne i stedet:
background-image: ../pictures_pic_button/but_main_affect.jpg

var lige en blunder :o(
background-image: url("../pictures_pic_button/but_main_affect.jpg");
skulle det være i stedet for dine "pinger"

og lige til sidst kunne du lige kigge her: http://www.html.dk/tutorials/css/lektion3.asp

<ole>

Baggrundsbilleder kan i CSS sættes med enkelte, dobbelte og helt uden gåseøjne. W3C kan ikke helt blive enig med sig selv i deres eksempler  :)

Til gengæld er CSS case-sensitiv, så mon ikke, du skulle prøve at skrive 'url' med små bogstaver?
Hjælper det ikke, må du lægge et link til din side - for så er det nok en anden fejl, du laver.

/mvh
</bole>

en ny ting til fars skuffe, tak for det olebole :o)

Selvtak ... det glæder altid farfar meget, når han kan hjælpe med indhold til fars skuffer  ;D

- men lad os nu lige se, om det var fejlen, før vi begynder at banke vore små, gigtsvage fumlevorter sammen i jubel  ;o)

Hrm ...

a:link

a:hover

og intet af dette virker, medmindre i sætter display: block; på a elementet, da men ikke kan sætte højde og brede på inline elementer.

Jeg har lavet lidt om på det da jeg skal have mere end 1 link :-)

a.mainlink
{
    width:45px;
    height:19px;
    background-image: url('../pictures_pic_button/but_main_normal.gif');
}
a.mainlink:visited
{
    width:45px;
    height:19px;
    background-image: url('../pictures_pic_button/but_main_normal.gif');
}
a.mainlink:hover
{
    width:45px;
    height:19px;
    background-image: url('../pictures_pic_button/but_main_affect.jpg');
}
a.mainlink:active
{
    width:45px;
    height:19px;
    background-image: url('../pictures_pic_button/but_main_affect.jpg');
}


Hvordan er det så lige koden er i HTML dokumentet????

-- prøv med dette, da der ikke er nogen grund til at gentage tildelte properties ...

.mainlink:link,a.mainlink:visited{
    display:block;
    float:left;/* Måske også nødvendigt !-) */
    width:45px;
    height:19px;
    background-image: url('../pictures_pic_button/but_main_normal.gif');
}
a.mainlink:hover,a.mainlink:active{
    background-image: url('../pictures_pic_button/but_main_affect.jpg');
}

<a href="..." class="mainlink">Noget</a>

Den viser ikke billederne.. Den viser kun "noget" :-)

LOOL.. Blind man kan ikke se skoven for bare træer...

Det er stien der er forkert hehe..

Men roenvig smid da lige et svar, da jeg ikke vidste man kunne gøre sådan som du skriver....

Velbekomme '-)

-- og tak for point ;~}