Avatar billede jumlie Nybegynder
12. august 2002 - 11:03 Der er 12 kommentarer og
1 løsning

menuknap

Hejsa

Jeg har lavet mine menuknapper i Photoshop. Den ene hedder f.eks. drikkevarer. Denne knap er lavet i 2 versioner. Den første er selvfølgelig A:link og den anden A:hover. Mit spørgsmål er så hvordan man koder dette i sit css dokument for at skrifte imellem de 2 billeder?
Jeg har spurgt i andre nyhedsgrupper, men de
bruger tilsyneladene ganske alm. tekst som knap.
Måske der er nogen der kender løsningen her?
Avatar billede easysoft_studios Nybegynder
12. august 2002 - 11:08 #1
du skal bruge et java script:

<a href="link.htm"><img border="0" src="menuknap1.gif" onmouseover="this.src='menuknap2.gif'" onmouseout="this.src='menuknap1.gif'"></a>
Avatar billede jumlie Nybegynder
12. august 2002 - 11:31 #2
Hvad med SSI? Har hørt at javascript ikke understøttes af alle
browsere og at det desuden er svært for søgemaskiner at indeksere.
Avatar billede easysoft_studios Nybegynder
12. august 2002 - 11:33 #3
du skal bruge et script til at skifte billedet ud, og det er efterhånden alm med en nyere browser. Hvad angår søgemaskiner, er det vil bare ærgerligt
Avatar billede easysoft_studios Nybegynder
12. august 2002 - 11:44 #4
tror ikke serversideinclude er til magen hjælp. du skal bruge en eller anden form for script, og jeg vil mene at javascript er det nemmeste og mest simple, til den lille opgave.
Avatar billede spe Nybegynder
12. august 2002 - 13:23 #5
Prøv dette:
A:link { list-style-image: url(ditbillede.gif) }
A:Hover { list-style-image: url(ditbillede2.gif) }
Avatar billede easysoft_studios Nybegynder
12. august 2002 - 13:28 #6
virker ikke her :(
Avatar billede staz Nybegynder
12. august 2002 - 13:33 #7
Jeg tror ikke du skal gøre det med css, men med HTML... hvis du vil have en forklaring så skriv
Avatar billede easysoft_studios Nybegynder
12. august 2002 - 13:39 #8
javascript er svaret :)
Avatar billede easysoft_studios Nybegynder
12. august 2002 - 13:40 #9
er der nogen der kan fortæller mig hvor meget js der er over der her?
onmouseover="this.src='menuknap2.gif'" onmouseout="this.src='menuknap1.gif'

mit et eget bud er meget lidt, så brug det, det er det nemmeste
Avatar billede staz Nybegynder
12. august 2002 - 13:57 #10
Det behøves ikke at være js... men det kan også gøre det :o)
Avatar billede jumlie Nybegynder
12. august 2002 - 15:56 #11
Staz-> Jo tak jeg vil meget gerne have en forklaring.
Avatar billede staz Nybegynder
13. august 2002 - 08:31 #12
Okay... Men brug easysoft studios forslag. Det er langt det nemmeste kan jeg se :D

Altså <a href="link.htm"><img border="0" src="logo.gif" onmouseover="this.src='logo1.gif'" onmouseout="this.src='logo.gif'"></a>

Og så kan du gå på HTML.dk og læse den masse om HTML tags og vedrørende...

---- Staz ----
Avatar billede easysoft_studios Nybegynder
20. august 2002 - 16:59 #13
kan du få det til at virke?
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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