Prøv å importere lightbox sin CSS-fil etter at du legger til vanlig CSS, ikke før. Jeg fjernet stilarket for siden din ved hjelp av Firebug, og lot kun Lightbox sin CSS være igjen, og da fungerte det fint. Så det er mulig at dine CSS koder overskriver og ødelegger litt.

Altså, først din CSS, så Lightbox sin etter det.

Takk for forslag, men det ser desverre ikke ut til at det ble noe bedre av det. Finnes det en måte å "lure" CSS-en på?

Jeg har funnet feilen! Grunnen til at det skjer er fordi lightbox-koden nullstiller ikke padding på bildene sine, så alle bildene i lightbox tar med seg padding fra dine CSS-filer. For å fikse dette må du åpne lightbox.css og finne #lightbox img {}. Her må du legge til padding: 0;

Et tips til fremtiden er å laste ned en plugin til Firefox som heter "Firebug". Med denne kan føre musa over kildekoden også highlighter den elementet på siden som har den koden. På denne måten kan man enkelt finne hvilke elementer som oppfører seg annerledes og hvordan deres kode/ style ser ut. I tillegg kan man endre CSS for å se om ting endrer seg. Denne viser også alle kildekodene slik de ser ut ETTER at alle javascript er kjørt, så man kan derfor se alle HTML-kodene som Lightbox spytter ut

TUSEN TAKK!