Bakgrunn på webside -

5 innlegg i emnet

Skrevet

HELLo!

Nå har jeg funnet en bakgrunn jeg vil ha på den nye websiden min. Jeg har atm ett problem, og det er at jeg ikke får bakgrunnen som jeg vil ha den. Den går ikke helt ut til kantene, men det er ikke så mye det er snakk om. Er det i det hele tatt mulig å gjøre bakgrunnen strukket?

På forhånd,

thankz

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Nå er det nok enkelere å hjelpe deg om du sier litt om siden du vil endre bakgrunnen på.

Kan være at det er bare å endre HTML taggen tilpasset til siden.

Eller bruke et litt større bilde.

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Den ligger kun oppe på localhost, men kan legge ved ett bilde;

invak5.jpg

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet (endret)

Har fått fikset slik at bildet ikke kommer på nytt. La inn no-repeat, men da ble selvfølgelig den delen til høyre hvor bildet kom på nytt hvitt. Akkurat som det er oppe. Spør igjen, er det mulig å få strukket bakgrunnen slik at det hvite forsvinner eller finnes det andre løsninger?

Endret av bimbo
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Å strekke et bakgrunnsbilde er ikke så enkelt som man ved første øyekast hadde trodd. For å gjøre det så legger man bildet på siten som ethvert annet bilde for så å legge inholdet over bildet.

Dette kan du gjøre i CSS filen.

du kan prøve denne koden her

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Background to fit screen</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta http-equiv="Imagetoolbar" content="no">


<style type="text/css">

/* pushes the page to the full capacity of the viewing area */

html {height:100%;}

body {height:100%; margin:0; padding:0;}

/* prepares the background image to full capacity of the viewing area */

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}

/* places the content ontop of the background image */

#content {position:relative; z-index:1;}

</style>

<!--[if IE 6]>

<style type="text/css">

/* some css fixes for IE browsers */

html {overflow-y:hidden;}

body {overflow-y:auto;}

#bg {position:absolute; z-index:-1;}

#content {position:static;}

</style>

<![endif]-->

</head>


<body>

<div id="bg"><img src="yourimage.jpg" width="100%" height="100%" alt=""></div>

<div id="content"><p>Enter a ton of text or whatever here.</p></div>

</body>

</html>

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!


Start en konto

Logg inn

Har du allerede en konto? Logg inn her.


Logg inn nå

  • Hvem er aktive   0 medlemmer

    Ingen innloggede medlemmer aktive