Sida 1 av 1
Fråga angående css och bakgrund [LÖST]
Postat: 09 mar 2010, 22:46
av xtr3m3
Har satt mig ner och pillat lite med html och css.
La till en bakgrundsbild i en mapp jag kallar bilder. Hade först css-filen till bakgrundsbilden i indexmappen men skapade sen en mapp som heter css.
Ändrade i html-filen till:
Kod: Markera allt
<link href="css/main.css" rel="stylesheet" type="text/css">
Men nu syns inte bakgrundsbilden. Har testat på dom här sätten:
Kod: Markera allt
body { background-image: url(bilder/bg.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed }
Kod: Markera allt
body { background-image: url(../bilder/bg.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed }
Hur ska jag göra för att få det riktigt?
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 02:15
av Rune.K
Kod: Markera allt
<link href="css/main.css" rel="stylesheet" type="text/css">
ska nog vara
Kod: Markera allt
<link href="/css/main.css" rel="stylesheet" type="text/css">
observera snedstrecket framför css.
Jag bara tror.
Länge sedan jag höll på med html och css...
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 02:24
av Rag3Rac3r
Ändra det till:
Kod: Markera allt
body { background-image: url(/bilder/bg.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed }
(om jag kommer ihåg min CSS rätt)
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 15:38
av xtr3m3
Tackar för svaren. Tyvärr verkade inget utav dom fungera.
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 15:48
av Katt
background-image:url("bilder/bg.jpg")
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 15:48
av Rune.K
Jag kan rekommendera w3schools >
http://w3schools.com/css/default.asp
Eller så får vi hoppas på att någon som håller på med html, dyker upp här och kan hitta felet.
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 16:09
av SlamsornasKung
Katt skrev:background-image:url("bilder/bg.jpg")
Katt har rätt, det är citattecknen (") som saknas.
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 16:40
av xtr3m3
Det hade jag missat. Verkar inte fungera ändå:
Kod: Markera allt
body { background-image: url("bilder/bg.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed }
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 16:51
av Rag3Rac3r
xtr3m3 skrev:Det hade jag missat. Verkar inte fungera ändå:
Kod: Markera allt
body { background-image: url("bilder/bg.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed }
Testa att lägga till / före bilder, kan vara så att den tappar bort sig i filstrukturen, och då är det lättare att be den gå till roten och därifrån rota upp bilder mappen.
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 17:03
av xtr3m3
Testade det. Gick inget bättre. Kanske lättare att lägga css-filerna i root-mappen ändå.
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 17:18
av Osprey
Kan det vara så enkelt att det är "height:100%; width:100%;" som saknas..?
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 17:25
av xtr3m3
Osprey skrev:Kan det vara så enkelt att det är "height:100%; width:100%;" som saknas..?
Funkade ju fint innan jag flyttade dom till en annan mapp. Så länge som dom ligger i samma mapp som html-filerna fungerar allt utan problem.
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 17:31
av AlexF
om filstrukturen är följande
./index.html som inkluderar css-dokumentet
och
./css/style.css
med följande kod i
Kod: Markera allt
background: url('../bilder/bg.jpg') no-repeat center center fixed;
så ska
./bilder/bg.jpg vara en godtagbar jpg-bild.
Uppdatera (F5) om du inte funkar först. Ev. kan du validera din kod enligt
http://validator.w3.org för att leta upp fel i koden.
Re: Fråga angående css och bakgrund
Postat: 10 mar 2010, 17:48
av xtr3m3
AlexF skrev:om filstrukturen är följande
./index.html som inkluderar css-dokumentet
och
./css/style.css
med följande kod i
Kod: Markera allt
background: url('../bilder/bg.jpg') no-repeat center center fixed;
så ska
./bilder/bg.jpg vara en godtagbar jpg-bild.
Uppdatera (F5) om du inte funkar först. Ev. kan du validera din kod enligt
http://validator.w3.org för att leta upp fel i koden.
Tackar. Nu gick det bättre
Re: Fråga angående css och bakgrund
Postat: 18 mar 2010, 06:55
av xtr3m3
Har en ny fråga. Testar en sak jag hittade. Lavalamp meny. Har gjort likadant med bg-bilderna som jag fick hjälp med men det syns inte ändå.
Nån som har tid och lust att hjälpa mig?
Kod: Markera allt
.lavaLampWithImage {
position: relative;
height: 35px;
width: 328px;
background: url('..bilder/bg.gif') no-repeat top;
padding: 0px;
margin: 0px 0;
overflow: hidden;
}
.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background: url('..bilder/lava.gif') no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampWithImage li.back .left {
background: url('..bilder/lava.gif') no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
font: bold 14px arial;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 7px;
text-transform: lowercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}
Har testat:
Kod: Markera allt
url('..bilder/bg.gif')
url('bilder/bg.gif')
url("..bilder/bg.gif")
url("bilder/bg.gif")
Re: Fråga angående css och bakgrund
Postat: 18 mar 2010, 07:54
av Hund
Förut satt att mappen bilder och CSS-filen ligger i samma mapp.
Ett absolut måste om man håller på med webbdesign är Firefox-tillägget Firebug. Har du en gång använt det kan du inte leva utan det.
Re: Fråga angående css och bakgrund
Postat: 18 mar 2010, 13:03
av xtr3m3
Verkade inte fungera. Använder mig mest av google chrome. Såg att firebug fanns till den också. Både firebug lite för firefox och Firebug Lite 1.3.0 beta för Google Chrome.
Installerade den nyaste.
Får se om jag fattar nått
Verkade inte funka så bra till chrome än. Kör i firefox så länge
edit
Ska det bli rött om det är fel? Allt verkar ju okey annars i såna fall.
Märkte nu att man kan hålla över koden där bilden är och den försöker ladda nått. Ska bilden dyka upp om det är rätt?
Fasiken. Tycker jag testat allt nu
Lägger jag bilden i css-mappen så går det fint. Då är koden:
I root-mappen har jag mappar som heter: bilder, css och js. Sen ligger html-filerna i root-mappen.