Gå til innhold

Søppel eller godkjent?


Anbefalte innlegg

Videoannonse
Annonse

/* --------------- Linker start ----------------- */

 


#menu a {
   display:block;
   width:120px;
   	height: 30px;
 	margin: 1em 0; padding:10px 0 10px 10px;
   	font: bold 10px/1 sans-serif;
   color:#f00;
   background: url("button.jpg") top left no-repeat;

   }
#menu a:hover {
 background-position: 0 -39px;
 background: url("button-over.jpg")
 color:#0f0;
   }
#menu a:active {
     	color:#00f;
   	background-image: url("button-active.jpg") 0 -78px no-repeat;}
        
        
/* --------------- Linker slutt ----------------- */

 

Vel, et par grunner til at dette ikke virker:

 

Knappen skal være laget i ett eneste bilde, den bør være en gif, men png duger også, dersom du titter på knappen på eksemplet så ser du at det er bilde av tre kanpper i samme bildet, det er det som er cluet, du bare laster ett bilde, som da stilarket flytter opp og ned for å endre på utseendet, da slipper du å laste et nytt bilde for å få kanppene til å skifte utseende på hover og active, og attpåtil så bruker du i dette tilfellet samme knappen på alle linker, slik at siden blir lynkjapp å laste, smart altså.

 

og så må du huske på at knappen skal ligge i samme mappe som css-fila, slik som den har angitt url i dette eksemplet.

 

så da får du bare leke litt igjen da :)

 

blir bra detta! (sysn nå jeg) og er enig med PoleCat, sort var diggest.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...