CSS feil; Bildene forsvinner!

[Gjest medlem-77217]

Hallo. Idag skulle jeg bli ferdig med et design som klanen min skulle ha, men da jeg skulle kode det begynte feilene å komme. Da jeg hadde lastet opp alt isammen, kom feilen.

 

LINK

 

Det ble feil størrelse på bildene så det ble hvit alt i sammen. Hva har jeg gjort feil?

Endret 6. mai 2006 av medlem-77217

[AKIRAx77]

Har du glemt å laste opp CSS fila som du liker til?

 

AKIRA

[Gjest medlem-77217]

Nei. CSS fila er der den.

[arthoz]

Er hvit fordi bakgrunnen på bildene er hvite. lagre som gif eller png om du skal ha usynlig bakgrunn. jpg setter farge der det ikke er noen(når du lagrer)

Eller så bytter du ut det som er hvitt med riktig farge og lagrer som jpg.

[Gjest medlem-77217]

Ok... Takk for det. Men du ser også at det er for liten plass for noen av bildene. Hva gjør jeg med det da?

[arthoz]

gjør større plass?

[Gjest medlem-77217]

Hmm... Noen andre forslag?

 

Uansett.. Jeg har også et annet spørsmål. Jeg har sett et script (?) som gjør at når du trykker på en knapp (i menyen) så blir knappen anerledes. Noen som vet noe om dette?

[Wizendraw]

Hmm... Noen andre forslag?

 

Uansett.. Jeg har også et annet spørsmål. Jeg har sett et script (?) som gjør at når du trykker på en knapp (i menyen) så blir knappen anerledes. Noen som vet noe om dette?

6051119[/snapback]

CSS har funksjoner som kan bytte ut bilder(eller tekst) når forskjellige ting gjøres med knappen. For eksempel slik at når du holder over en knapp så får den en annen farge, og når du trykker på den så skjer det enda noe annet. Dette kalles pseudoklasser.

[Gjest medlem-77217]

Ok..! Tusen takk. Har tatt et skritt lenger fram nå, men nå er det noe rart med bildene på siden min!

 

http://www.cssnorge.com/index/PHP/2/

 

De kommer ikke fram!

 

 

#center {

width: 800px;

margin: 20px auto 100px auto;

}

 

#header {

width: 800px;

height: 226px;

background: url('../img/header.jpg') no-repeat #fff;

margin: 0 0 20px 0;

}

 

#news {

width: 498px;

height: 559px;

background: url('../img/news.jpg') no-repeat #fff;

float: left;

}

 

#menu {

width: 302px;

height: 559px;

background: url('../img/menu.jpg') no-repeat #fff;

float: right;

}

 

#content1 {

margin: 70px 25px;

}

 

#content2 {

margin: 25px;

}

 

body {

font-family: tahoma, verdana, arial, helvetica;    

font-size: #ffffff;                                  

color: #ffffff

}

 

body {

background: repeat-x #626262;

}

 

 

EDIT: La til spoiler av CSS filen

Endret 6. mai 2006 av medlem-77217

[Wizendraw]

Argh, dobbelpost type forsinket.

 

EDIT: Da kan vi jo bruke den til noe vettugt, nemlig å svare:

 

Ut ifra CSS-arket ditt ser det ut til at du linker til bildene i en mappe som ligger ett hakk for langt ut i mappestrukturen.

background: url('../img/news.jpg') no-repeat #fff;

Her sier du at den skal hoppe en mappe opp (../) og så finne mappen 'img'.

I ditt tilfelle betyr det at den linker til http://www.cssnorge.com/index/PHP/img , mens den skulle linket til http://www.cssnorge.com/index/PHP/2/img/ .

 

Fjern '../' og det bør fungere. Nå har jeg ikke kikket videre på koden, så jeg garanterer ingenting.

Endret 6. mai 2006 av WizendraW

[Gjest medlem-77217]

Ja, sannelig. Tusen takk. Funket nå, men jeg har enda et spørsmål. Jeg skal bruke Eba-news til å lage newsene til, men hvordan får jeg da de nyhetene i <div id="content1"> ? Er det bare å bruke Include eller noe slikt?

Endret 6. mai 2006 av medlem-77217