Størrelse på baggrundbillede

du kan ikke bestemme størrelsen på et bgbillede - der bliver du nødt til at lave billedet så det passer

<ole>

Eller du kan squeeze det sådan:

<div style="position:relative;width:400px;height:500px;">
    <img src="ditPic.jpg" width="400" height="500">
    <div style="position:absolute;left:0px;top:0px;z-index:1;width:400px;height:500px;">Her sætter du teksten i forgrunden ...</div>
</div>

Men jeg forstår i øvrigt ikke rigtig, hvad du mener. Du taler om en boks - men viser CSS sat på din body ...(?)

/mvh
</bole>

lav billedet i den rigtige størrelse, hvis du bestemmer højde og bredde i html så bliver det dårlig kvalitet da du bare udvider pixels.

Det kommer helt anpå, hvad det er for et billede - og hvor det skal sidde.
Det kunne jo f.eks. være en farvet bjælke. Så ville der ikke være grund til at hente et stort billede ned fra serveren.
/mvh

<<olebole>> Kan du uddybe det du ikke forstår?
(Men jeg forstår i øvrigt ikke rigtig, hvad du mener. Du taler om en boks - men viser CSS sat på din body ...(?))

Dit forslag virkede i øvrigt ikke, som du selv skriver bliver billdet sat i forgrunden... Jeg laver bare lige størrelsen om.

Nej, tværtimod ..... som jeg selv skriver, bliver netop _teksten_ sat i forgrunden  ;o)

Du kan som sagt ikke 'squeeze' et bagrundsbillede. Derfor må du lægge det i et div og lægge indholdet i et div over billedet. Fuldstændig, som jeg har gjort i eksemplet. Det fungerer fint, hvis du ellers ikke laver fejl.

Jeg forstår ikke, hvad du mener med ordet 'boks'.
/mvh

Ups.. den misforstod jeg lige sorry :)

Ok, med boks mener jeg en kasse der er sat ind på siden, a la en tabel. Det er noget jeg har læst mig til på www.html.dk
Det står i lektion 9 og frem, klik på dette link: http://www.html.dk/tutorials/css/

Jep, så er den der.. Tak for det.

Okay ... så mener vi det samme med 'boks'  ;o)
Det, der bragte mig i tvivl, var at du skrev:

body {
    background: RGB(255,255,255);
    background-image: url("startbillede.jpg");
}

Der sætter du hvid baggrundsfarve og et -billede på hele siden ... ikke bare på en boks (f.eks. et <div>). Hvis vi lige laver et 'lynkursus', kan vi skrive:

div {
    background: RGB(255,255,255);
    background-image: url("startbillede.jpg");
}

Så vil det gælde for alle sidens <div>'s (altså sådan nogen: <div>tekst og billeder her</div>).

Skriver vi derimod:
.karlo {
    background: RGB(255,255,255);
    background-image: url("startbillede.jpg");
}

<div class="karlo">Blablabla blablabla</div>
<div class="karlo">Blablabla blablabla</div>
<div class="ib">Blablabla blablabla</div>

Så vil de to første være hvide med ét og samme baggrundsfarve. Det sidste <div> har vi ikke defineret en klasse til ... det kunne vi selvfølgelig bare gøre  :)
Flere elementer kan have samme klasse og vil derfor have samme egenskaber.

Skriver vi:
#karlo {
    background: RGB(255,255,255);
    background-image: url("startbillede.jpg");
}

<div id="karlo">Blablabla blablabla</div>
<div class="karlo">Blablabla blablabla</div>
<div class="ib">Blablabla blablabla</div>

Er det _kun_ det første <div>, vi har style'et ...!
En havelåge (#) henviser til et element med det efterfølgende ord som id.
Et punktum henviser til alle sidens elementer, der har det ord, der efterfølger punktummet som klasse (class).

Flere elementer på siden kan altså dele klasse ... kun ét element kan have en bestemt id.

Håber, det kunne hjælpe dig lidt på vej  ;o)
/mvh

Undskyld ... der sneg sig en fejl ind. Der burde have stået:

Skriver vi derimod:
.karlo {
    background: RGB(255,255,255);
    background-image: url("startbillede.jpg");
}

<div class="karlo">Blablabla blablabla</div>
<div class="karlo">Blablabla blablabla</div>
<div class="ib">Blablabla blablabla</div>

Så vil de to første være hvide med ét og samme baggrundsbillede.  :)