Avatar billede peterkopi Nybegynder
15. juni 2005 - 10:32 Der er 8 kommentarer og
1 løsning

Indsætte IMG i javascript:history.go(-1) funktion

Jeg vil gerne indsætte pilen 'back.gif' i denne del af min CSS. Hvor og hvordan placerer jeg den, så resultatet bliver:

'back.gif' tilbage

Her er den aktuelle del af stylesheet'et:

a.navBack    {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 8pt;
    font-style : normal;
    font-weight : bold;
    text-decoration : none;
}

a:visited.navBack    {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 8pt;
    font-style : normal;
    font-weight : bold;
    text-decoration : none;
}

a:active.navBack    {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #8cac7a;
    font-size : 8pt;
    font-style : normal;
    font-weight : bold;
    text-decoration : none;
}

a:hover.navBack    {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #8cac7a;
    font-size : 8pt;
    font-style : normal;
    font-weight : bold;
    text-decoration : none;
    background-color : #666666;
}
Avatar billede keysersoze Ekspert
15. juni 2005 - 10:34 #1
<a href="java script:history.go(-1);" class="navBack"><img src="back.gif">&nbsp;tilbabe</a>
Avatar billede roenving Novice
15. juni 2005 - 11:49 #2
<style type="text/css">
a.navBack    {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #666;
    font-size : 8px;
    font-style : normal;
    font-weight : bold;
    text-decoration : none;
    background:url(back.gif) no-repeat;
    padding-left:15px;
}

a.navBack:visited {
    color : #666;
}

a.navBack:hover, a.navBack:active{
    color : #8cac7a;
    background-color : #666;
}
</style>

<a href="java script:history.go(-1);" class="navBack">tilbage</a>

-- du skal selvfølgelig regulere padding-left efter størrelsen på dit image !o]

Iøvrigt fjernede jeg så en masse overflødig kode, samt ændrede rækkefølgen til den rigtige (selvom det ikke betød noget her, når de var ens !-)
Avatar billede roenving Novice
15. juni 2005 - 11:54 #3
Bemærk også, at du skal sætte class-tingen før pseudo-selektorerne !-)

-- og brug px som enhed i stedet for pt, hvis du vil have et ens resultat i de forskellige browsere !-)
Avatar billede peterkopi Nybegynder
16. juni 2005 - 14:21 #4
Tusinde mange tak, roenving. Det virks! Også tak til keyzersoze selvom du placerede mit back IMG i tagget og ikke i CSS'en som ønsket...
Hvis I begge vil være så venlige at lægge et svar, er der Phlødeboller og kaffe :-)
Avatar billede roenving Novice
16. juni 2005 - 14:22 #5
Velbekomme '-)
Avatar billede peterkopi Nybegynder
16. juni 2005 - 14:22 #6
roenving: padding-left passede minus 1px! ;-D
Avatar billede peterkopi Nybegynder
16. juni 2005 - 15:46 #7
...venter på keyzersoze...
Avatar billede peterkopi Nybegynder
17. juni 2005 - 16:59 #8
Venter ikke længere på keysersoze.... ;-)
Avatar billede roenving Novice
19. juni 2005 - 09:27 #9
Okay, tak for point ;-)

keysersoze: http://www.eksperten.dk/spm/626974
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester