Forum Mjukvara Programmering och digitalt skapande Tråd

Anpassa bakgrundsbild, webbdesign!

1
Skriv svar
Permalänk
Medlem
●

Anpassa bakgrundsbild, webbdesign!

Hejsan!

Det är så att jag håller på med webbdesign i skolan och har kommit en bra bit på vägen. Nu är det så att jag fastnat lite på hur man skall få så att bakgrundsbilden skall anpassa sig efter skärmupplösningen. Alla har ju olika och om det är så att man skall lägga upp den så vill man ha den anpassad. Så min fråga är: kan någon ge mig tips på hur det funkar?

Tack på förhand!
JonathanA

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Det du frågar efter är faktiskt en ovanlighet. CSS2.1 har inte stöd för utsträckning av bakgrundsbilder. Du kan testa att lägga ett img-element direkt under <body> och sätta position:absolute och width:100% och se om det fungerar.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

Det har jag testat och det funkar inte så bra. Har kollat runt lite, men inte riktigt hittat något. Vet att det inte går i html, knappt i css heller. Men skulle det kunna funka i javascript? Om det är så, är det någon som kan och vet hur man göra?

Tack på förhand!
JonathanA

Redigera
Citera flera Citera
Permalänk
Medlem
●

Detta går enkelt med lite javascript, så hela hemsidan anpassar sig efter användarens skärmupplösning, dock måste du ha en eller fler externa css filer.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Okej, det låter fint det! Du har inte lust att utveckla det kanske lite? Förstår hur du menar men vill ha lite koder osv. Om du kan förstås.

tack på förhand!
JonathanA

Redigera
Citera flera Citera
Permalänk
Medlem
●

Här är två länkar som verkar göra det du vill:
http://css-tricks.com/how-to-resizeable-background-image/
http://www.netbulge.com/index.php?session=0&action=read&click...

Google brukar kunna hitta såna här grejer åt dig

Redigera
Citera flera Citera
Permalänk
Medlem
●

Fungerar ju visst i html? Bara att göra en tabell med 100% höjd och 100% bredd utan kanter och med bilden som bakgrundsbild. Då skalar den ju upp och ner sig beroende på storlek.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Okej, tack så mycket för svaren. Skall testa detta och se om det funkar.

Hälsningar//
JonathanA

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av JonathanA:

Okej, tack så mycket för svaren. Skall testa detta och se om det funkar.

Hälsningar//
JonathanA

Gå till inlägget 
...
<body>
    <img src="minbakgrund.png" width="100%" style="position:absolute; left:0; top:0;">
...
Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

Okej, skall testa detta och se hur det funkar. Tack så mycket!

Hälsningar//
JonathanA

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara