WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   body background (https://www.wn.se/forum/showthread.php?t=33663)

harding-85 2008-12-02 12:00

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 2008-12-02 12:26

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 2008-12-02 12:33

oh det gjorde susen! tack så mkt!

stakes 2008-12-02 12:37

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 2008-12-31 02:32

Citat:

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 2008-12-31 19:12

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

Kod:

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)


Alla tider är GMT +2. Klockan är nu 20:30.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson