[harding-85]

Har ett problem med min css. bakgrunden visas inte, lägger jag in background-image på sidan istället för på den externa css filen så funkar det. tips?

body {
background-image: url(../img/bakgrund.gif);
background-repeat:repeat-x;
text-align:center;
}

sidan finns här http://mr-ab.se/mr-ab/index.html
trodde först att det måste ha nått och göra med "../" före img , men det funkar inte på sidor som ligger i en mapp t.ex.
http://mr-ab.se/mr-ab/koncept/konceptet.html

tack på förhand!

[stakes]

Du ska inte ha en <style type="text/css"> eftersom din CSS ligger i en extern CSS fil, detta är förmodligen en anledning till varför din första selektor (body) inte fungerar, ta även bort sluttaggen </style>

[harding-85]

oh det gjorde susen! tack så mkt!

[stakes]

Lite andra tips:

- Använd

(paragrafer) istället för att skapa mellanrum med
(radbrytning)

- Istället för att använda JavaScript preloaders och rollover effekter, använd dig av
CSS Sprites

- Du behöver inte ge varje <div> i din meny en klass, det räcker att du har class="menu" på det omslutande <div> elementet. Du kan nå dina menyobjekt med:

.menu div { }

Ger dig kontroll över <div> i class="menu"

.menu div a {}

Ger dig kontroll över <a> i <div>i class="menu"

Läs mer om CSS selektorer

[kw_wasabi]

Originally posted by stakes@Dec 2 2008, 13:37
- Du behöver inte ge varje <div> i din meny en klass, det räcker att du har class="menu" på det omslutande <div> elementet.

Bra tips, det måste jag börja använda mig av.

[alejandr0]

Om man vill spara på koden lite så kan man slå ihop bakgrundsinställningarna så här;

body {
	background: #ffffff url(bg.png) no-repeat fixed center center
}

Den där gör så att bakgrundsbilden hålls på mitten hela tiden fast man skrollar B)