Permalänk
Medlem

CSS- Bakgrunden fungerar ej

Hej alla sweclockare!

Det är så att jag har min CSS-kod i ett separat dokument som jag sedan inkluderar i index.php och alla andra sidor där den behövs.

All css-kod fungerar förutom koden för body-taggen. Det jag skriver i body fungerar alltså inte, jag vill ju få fram en bakgrund.

Skriver jag så här i css-dokumentet fungerar det inte (även fast alla andra "css-grejer" fungerar)
Kod

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-image: url(images/bkg.png); background-position:left; background-repeat:no-repeat; }

och skriver jag så här i index-filen så fungerar det

<style type="text/css"> <!-- body { background-image: url(images/bkg.png); background-position:left; background-repeat:no-repeat; } --> </style>

Varför är det så knas? Någon som har någon aning?

Tack!

Visa signatur

Det är bättre att fråga och verka dum, än att inte fråga och förbli det.

Permalänk
Medlem

Vet inte om detta är ett stavfel eller om det verkligen ser ut såhär i koden men annars så kanske detta ställer till det lite.

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image: url(images/bkg.png);
background-position:6eft
background-repeat:no-repeat;
}

Medans när du skriver i index så skriver du left.
Annars ser jag inget fel.

Skulle också tipsa om att sätta " eller ' i background-image så det blir:
background-image: url('images/bkg.png');

Permalänk
Medlem

Är din stilfil i samma mapp som indexfilen? Länkar i css är relativt från vart stilfilen ligger.

Permalänk
Medlem
Skrivet av BuruZ:

Vet inte om detta är ett stavfel eller om det verkligen ser ut såhär i koden men annars så kanske detta ställer till det lite.

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image: url(images/bkg.png);
background-position:6eft
background-repeat:no-repeat;
}

Medans när du skriver i index så skriver du left.
Annars ser jag inget fel.

Skulle också tipsa om att sätta " eller ' i background-image så det blir:
background-image: url('images/bkg.png');

Det blev bara lite fel när jag kopierade.

Det andra gjorde tyvärr ingen skillnad :/

Skrivet av Marwelln:

Är din stilfil i samma mapp som indexfilen? Länkar i css är relativt från vart stilfilen ligger.

Mm exakt, men det är inget fel på sökvägarna. Eftersom mitt andra exmpel som jag skrev fungerar fint.

Visa signatur

Det är bättre att fråga och verka dum, än att inte fråga och förbli det.

Permalänk
Skrivet av riille:

Det blev bara lite fel när jag kopierade.

Det andra gjorde tyvärr ingen skillnad :/

Mm exakt, men det är inget fel på sökvägarna. Eftersom mitt andra exmpel som jag skrev fungerar fint.

Ligger CSS filen i samma mapp som html filen?

Visa signatur

Chassi: FD Define R4 / Mobo: Gigabyte MSI Z87-G45 / CPU: Intel Core i7-4770K / RAM: 8GB Corsair Vengeance LP / HDD: 1TB WD Caviar Blue / SSD: 240GB Samsung 850 PRO / GPU: Sapphire R9 280X 3GB / Nätagg: FD Integra R2 650W

Permalänk
Medlem

Testa att skriva så

body { background-image:url('images/bkg.png'); }

Visa signatur

i7-6700K | MSI Z170A | MSI 1080 8GB | 16GB Kingston HyperX | Intel 600P 256GB | Samsung EVO Basic 840 250GB x2 raid 0 | Corsair RM 750W | 3 x Dell U2414H

Permalänk
Medlem

Problemet är nu löst!

Jag är noob och råkade ha "<style type='text/css'>" innan "body" i css-koden. et gjorde att den inte läste av body.

Tack ändå grabbar!

Visa signatur

Det är bättre att fråga och verka dum, än att inte fråga och förbli det.

Permalänk
Medlem
Skrivet av riille:

Problemet är nu löst!

Jag är noob och råkade ha "<style type='text/css'>" innan "body" i css-koden. et gjorde att den inte läste av body.

Tack ändå grabbar!

Du ska inte ha det i css-filen. Bara i din html fil!

Lägg detta i headern på din htmlfil:

<link href="stil.css" media="screen" rel="stylesheet" type="text/css"/>

Visa signatur

i7-6700K | MSI Z170A | MSI 1080 8GB | 16GB Kingston HyperX | Intel 600P 256GB | Samsung EVO Basic 840 250GB x2 raid 0 | Corsair RM 750W | 3 x Dell U2414H

Permalänk
Medlem
Skrivet av gn1p:

Du ska inte ha det i css-filen. Bara i din html fil!

Lägg detta i headern på din htmlfil:

<link href="stil.css" media="screen" rel="stylesheet" type="text/css"/>

Redan fixat

Visa signatur

Det är bättre att fråga och verka dum, än att inte fråga och förbli det.

Permalänk
Medlem
Skrivet av riille:

Redan fixat

Najs

Visa signatur

i7-6700K | MSI Z170A | MSI 1080 8GB | 16GB Kingston HyperX | Intel 600P 256GB | Samsung EVO Basic 840 250GB x2 raid 0 | Corsair RM 750W | 3 x Dell U2414H