Hjelp til små temajusteringer

[Ole Petter Holthe Berg]

Hei,

Jobber med en side her; http://oppdaltreningssenter.no/v3/
Sliter med at bildet "repeterer" ved scroll på siden... Vil gjerne unngå dette, da det ser veldig merkelig ut.

Headeren er definert med str 1000 x 250 som sto anbefalt i tematilpassningen...

Noen som kan hjelpe meg å løse dette? Se selv så ser dere hva jeg mener.

 

[Arctic]

Prøv å sette inn no-repeat i CSSen på elementet som heter main-header. Les om det her.

 

[Tonny Kluften]

#main-header {
......
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
}

#main-header {
background-color: #EDEDED;
}

 

[Ole Petter Holthe Berg]

Tonny!

Jeg takker for bistand, men jeg prøvde akkurat dette selv... Og jeg prøvde på nytt, og det funker NESTEN, MEN, nå kommer det i stedet en blå slags greie under bildet når man scroller.. :S

 

[Ole Petter Holthe Berg]

Med Chrome på Macbooken min funker det fint.. Men ikke noen andre steder, ei heller mobil

 

[xdex]

Har du prøvd,

background-attachment: fixed;

ren gjetting fra min side altså, vet ikke om du bruker noe javascripet etc på dette elementet i tillegg?

 

[Ole Petter Holthe Berg]

Ja, det har jeg også prøvd.. Jeg har pvøvd det meste.. Slik det er nå, så repiterer bakgrunnen seg på mindre skjermoppløsninger. i Vanlig oppløsning ser det OK ut.

 

[xdex]

Så i hvert fall ut som at background-attachment fikset problemet i firefox!

 

[Ole Petter Holthe Berg]

Så i hvert fall ut som at background-attachment fikset problemet i firefox!

Jeg ser nå at det har du helt rett i! Det funker også i Chrome nå.. Selv om det ikke får den fine "fade" effekten, så er det bedre enn at den dubliserer seg..
Det funker også på tlf nettleser, men ikke Chrome på tlf.. Men, TAKK! JEg er i alle fall laaangt nærmere!

 

[Tonny Kluften]

Det ble ikke så fint nå. Var mye finere før.

Fjern den background-attachment: fixed;
og prøv å legg til:
#main-header {
background-color: #EDEDED !important;
}

 

[Ole Petter Holthe Berg]

Det ble ikke så fint nå. Var mye finere før.

Fjern den background-attachment: fixed;
og prøv å legg til:
#main-header {
background-color: #EDEDED !important;
}

Der har vi den vettu! Stilig!
Er det mulig nåå lå den så "stille" (fixed) kun på mobilenheter? Jeg vet ikke hva som regulerer dette - hvor?

 

[Tonny Kluften]

Hva med å bytte ut
border-bottom:3px solid#fff;
med
border-bottom:1px solid#ccc;
?

 

[Tonny Kluften]

Syns forresten det er litt kjedelig med så mye grått på bildet.

 

[Ole Petter Holthe Berg]

Jeg er ikke helt i mål med nyhetene på fremsiden enda. Jeg skal forandre litt der, så det vil ikke se så grått ut når jeg er ferdig. Toppbildene sprudler jo opp det meste en del, syns jeg... Prøver forslaget ditt med border. Syns du det ble bedre slik?

 

[fiksedesign]

Er det mulig nåå lå den så "stille" (fixed) kun på mobilenheter? Jeg vet ikke hva som regulerer dette - hvor?

For å ha spesifikke stiler på mobiltelefon bruker du denne koden i css-stilarket ditt:

@media (max-width: 767px){
#id eller .class {
    selector: style;
}
  }

I mellom disse klammene kan du skrive helt vanlig css som kun gjelder på enheter med skjermbredde opp til 767 px. Disse stilene har du på slutten av stilarket ditt slik at de overstyrer de tidligere stilene som kun skal gjelde på større skjermer.