Bild till CSS fil

Posta ny tråd
Gnist

Gnist

Trådstartare
Tänkte mig byta bakgrund på bloggen till en egen bild, men då måste den vara i CSS och efter x antal försök att få till det hela, så händer ingenting :eek:

Kan någon förbarma sig och på ett enkelt sätt förklara hur jag ska få bilden som jag länkar till i CSS, så är jag evigt tacksam :love:

Bildlänk: http://www.abackenskennel.se/bkg-2-h-sida.jpg
 
Sv: Bild till CSS fil

CSS kan du aldrig få bilden till...
däremot kan du länka till bilden i css-koden, genom att skriva
Kod: 
background: url(länk/till/bilden.jpg);

Förslagsvis lägger du in den under body-avsnittet i css-filen (om du vill ha den som bakgrundsbild för hela sidan)
 
Sv: Bild till CSS fil

<html>
<head>
<style type="text/css">
body
{
background-image:
url('http://i10.photobucket.com/albums/a116/Gnist/bkg-2-h-sida.jpg');
background-repeat:
no-repeat;

</style>
</head>

</body>

</html>

är koden som blir på den testsidan, men iom att jag sparar som css, så syns endast koden och ingen bild. I html syns bilden dock och eftersom jag är kass på sådant här, så vet jag inte var felet ligger :o
 
Sv: Bild till CSS fil

Du ska inte spara det där som css, du ska spara det som html. Det som är css är bara det mellan html-taggarna <style>. Om du vill lägga det i en separat css-fil så ska du bara lägga det här i den filen:
body
{
background: url('http://i10.photobucket.com/albums/a116/Gnist/bkg-2-h-sida.jpg') no-repeat;
}

Och sedan länka till din css-fil i html-koden, inom <head>-taggarna:

<link rel="stylesheet" type="text/css" href="din-css-fil.css" />
 
Sv: Bild till CSS fil

Hur gör jag det?? Står följande på bloggen: Skriv URL:n till din style sheet (CSS). Exempel: http://www.dinsajt.se/din.css och det tolkar jag som att filen måste sluta på css och inte i htm

Mkt förvirrad Gnist :crazy::o
 
Sv: Bild till CSS fil

Men vänta, om du har en blogg så måste den redan ha en CSS-fil. Det är i den redan befintliga CSS-filen du måste lägga till din kodsnutt, och då endast
Kod: 
body
{ background-image:
url('http://i10.photobucket.com/albums/a116/Gnist/bkg-2-h-sida.jpg');
background-repeat: no-repeat; }

Antagligen har din CSS-fil redan en "punkt" för body-taggen, så då lägger du endast till
Kod: 
background-image:
url('http://i10.photobucket.com/albums/a116/Gnist/bkg-2-h-sida.jpg');
background-repeat: no-repeat;
mellan { och }.
 
Sv: Bild till CSS fil

Och nu när jag läste lite mer så ser jag att du kan antagligen spara endast detta:
Kod: 
body
{background-image:
url('http://i10.photobucket.com/albums/a116/Gnist/bkg-2-h-sida.jpg');
background-repeat: no-repeat;}
i en fil, som du döper till vadsomhelst.css och sedan länkar till.

Du kan dock inte ha HTML-kod (dvs med < och >-taggar) i en CSS-fil, då blir det knas.
 
Sv: Bild till CSS fil

:love:

Äntligen fick jag till det, men problemet är nu att bilden ligger ovanför blogginlägg som av outgrundlig anledning placerat sig långt nedanför där de brukar ligga, så det ser ju helskummt ut :eek:

Börjar tro att det inte är meningen att jag ska få detta att funka :crazy:
 
Sv: Bild till CSS fil

Ändrade tillbaka till färgbakrunden, för så där hiskeligt kan jag inte ha det :o

Den vill inte lägga sig bakom själva bloggen utan inläggen hamnar under bilden = ser helknepigt ut :crazy:
 
Sv: Bild till CSS fil

EDIT: Hittade åt hur jag skulle göra, men tack alla för tips och hjälp :love:
 
Senast ändrad:

Liknande trådar

sky_fly
Alkoholist - hur hanterar man det?
Relationer Mina tankar och känslor är ett enda stort kaos och jag fungerar inte normalt i dagsläget. Jag behöver input, råd och pepp ifrån er kära... 2
Svar
32
· Visningar
9 450
Senast: lilstar
·
Tassetass
FAQ Version 1.0
Träning Natural Horsemanship FAQ Det här forumet har funnits ett antal år, och vissa frågor är ständigt återkommande, varpå nån kläckte iden... 2 3
Svar
41
· Visningar
3 802
Senast: TheWickedWitch
·

Välj ämne nedan

Ekonomi & Juridik Anläggning Hästmänniskan Gnägg Utrustning Hästvård Foder & Strö Hästhantering Träning Ridning Avel Tävling Distans Dressyr Fälttävlan Hoppning Islandshäst Körning Trav Western Övr. Grenar Hundhälsa Hundträning Hundavel & Ras Övr. Hund Katthälsa Övr. Katt Lantbruksdjur Däggdjur Övr. Djur Samhälle Juridik & Ekonomi Skola & Jobb Relationer Kropp & Själ Hemmet Trädgård & Växter Mat Kläder & Bli fin Fordon IT & Mobiler Kultur Fritid Tjatter Äldre Gravid - 1år Småbarn Övr. Barn Dagbok Hästnyheter Radannons Företag Bukefalos Bukefalosnyheter

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

Tillbaka
Upp