CSS Background-image

razor
razors bilde
Avlogget
Ble med: 11.12.2009

Jeg prøver å legge til ett bakgrunns bilde i css.Den skal være som en mal for hele siden kan man si, før jeg eventuelt legger selve siden over bakgrunns bilde.

Men det står forklart at man skal skrive: (css)

body {
  background-image: url (location of the image);
}

Jeg skrev:

body {
  background-image: img src="C:/min_nettside/assets/black.JPEG";
}

kan jeg skrive det slik i css`n ? eller er det kun URL som kan skrives i CSS filen.

<img src="C:/min_nettside/assets/black.JPEG">

skal kanskje bare skrives i html fila ?

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Filbaner og sette inn bilde i HTML og CSS

Relative og absolutte filbaner gjelder alltid, slik vi diskuterte tidligere. Du har også spurt om (og fått svar på) hvordan man setter inn bilde i HTML og CSS før.

Som jeg har sagt, ikke bruk de lokale og absolutte filbanene, hvis du gjør det så kommer bildene kun opp på din PC, ikke hos andre når de ser på websiden din.

Runer
Runers bilde
Avlogget
Donator
Ble med: 19.02.2010
Problemer med bakgrunnsbilde

Hei!

Er helt amatør...jeg får ikke bakgrunnsbilde når jeg skriver følgende i css-filen:

Body {
  background-image:url('.\Bilder\background.jpg');
}

Får bakgrunnsbilde bare når jeg innfører følgende i <head> seksjonen i html-dokumentet:

<style type="text/css">
    body {background-image:url('Bilder/background.jpg');}
</style>

Et annet problem. Når jeg "leser" min hjemmeside med firefox før jeg laster opp, blir resultatet annerledes. Når jeg har lastet den opp blir alt utenfor margins hvitt, og det blir som en konsekvens veldig mye hvitt nederst på sidene. Hvordan kan jeg få bakgrunnsbildet til å fylle ut hele siden, også utenfor margins og nedenfor tekst? Hvordan kan jeg får bakgrunnsbildet til å ligge "bak" alle html-dokumentene og ikke bare som en bakgrunn for elementene i html dokumentene?!?!?!?! hmmm....

...sukk....

takk for hjelp :-)

 

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Små bokstaver når du angir HTML-elementer i CSS

Du skal bruke små bokstaver når du angir elementer i CSS, videre er best praksis å bruke foroverslasher, slik:

body {
  background-image:url('./Bilder/background.jpg');
}

Jeg anbefaler ikke bruk av <style> (såkalt inline style), fordi koden din da blir spredd over HTML-dokumenter. Målet er jo å ha eget dokument for webdesignet.

Kan du ta et screenshot (ALT+PRINT SCREEN), paste bildet inn i et bildebehandlingsprogram (CTRL+V), lagre og laste opp her for å vise hva du mener med at ting blit hvitt utenfor margins?

I utgangspunktet vil bildet repeteres både horisontalt og vertikalt med CSSen ovenfor. Og det skal skje i hele bodyen, ie; hele dokumentet.

Runer
Runers bilde
Avlogget
Donator
Ble med: 19.02.2010
Hei!

Hei!

Her er screenshoten, da fikk jeg brukt printscreen for første gang :-)

Prøver å rette opp feilen så fort som mulig.

Takk :-)

 

 

VedleggStørrelse
screenshot.jpg 175.42 KB
Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Bug i Firefox

Åh, det der, ja. Det er en bug (feil) i Firefox. Den kan man ikke gjøre noe med, jeg har den selv.

Runer
Runers bilde
Avlogget
Donator
Ble med: 19.02.2010
YES!!!!

Hurra!!!!!

Nå er det fikset!!!!!

Takk!

 

Svar på forumemnet

(If you're a human, don't change the following field)
Your first name.
Innholdet i dette feltet blir holdt privat og vil ikke bli vist offentlig.