Gå til innhold

hvordan få Sentrert bagrundsbilde?


Anbefalte innlegg

Jeg skal legge ett bakgrundsbide, bilde er mindre enn siden, og da kommer bildene bare under hverandre og ved sidenav hverandre. hvordan kan jeg få det bil å bare være ett bilde i midten.

 

Jeg bruker Notisblokk. Jeg skal lære meg hvorfor ting skje før jeg begynner med programmer som lager kodene for deg.

 

Hjelp meg gjerne vis du vet dette.

 

Mvh

Anders

Lenke til kommentar
Videoannonse
Annonse

Det du skal gjøre her er å plasere bildet i en div med en tilhørende klasse, eller id. Det gjør vi på denne måten:

 

<div id="background">
<!--her ligger bakgrundsbildet. Da bruker vi css.-->
</div>

 

CSS:

div#background {
   background: url(bakgrund.filendelse) no-repeat 50% 50%;
}

 

Her bruker vi no-repeat for å vise at bildet ikke skal repetere seg.

 

Bare spør om hjelp hvis du lurer på noe..

 

Edit: litt skrivefeil.

Edit2: Glemte å sentrere bakgrunnen.

Endret av ett
Lenke til kommentar

Hvis du skal ha bakgrunnen på BODY, slik som du har nå, gjør du slik:

 

HTML:

<html>
<head>
<title>Tittelen</title>
<style>
body {
 background: url("Menybilde.jpg") no-repeat 50% 50%;
}
</style>
</head>
<body>
Bodyinnhold
</body>
</html>

 

Du kan også legge CSS-en i en egen fil. Praktisk hvis du skal bruke den samme stilen på flere sider.

Endret av Mikka
Lenke til kommentar
<Body bgcolor="000000">

 

skal ikke det være riktig?

Det er langt fra riktig. Alt av utseende skal lages med CSS, punktum. På nittitallet var det noen smartinger som gjorde dette i HTML, og det er derfor du har lært slike koder. Disse er direkte feil å bruke, og du kan ikke alltid forvente resultater med dem.

 

Bruk koden som Judofyr skrev. Hvis du vil endre fargen til noe annet, kan du sette inn en hex-verdi i stedet for "black", for eksempel #f4d2b9.

Lenke til kommentar

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
×
×
  • Opprett ny...