CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

netapplication Nybegynder

02. august 2004 - 13:42 Der er 18 kommentarer

Glidende baggrundsfarve?

Hej,

Baggrund: jeg har PT en baggrundsfarve udfra et lille jpgbillede på ca 900px i højden. Toppen på dette billed er farve mørkeblå, dernæst følger en glidende overgang til lyseblå.

Problem: Hvis siden bliver større end 900px (<br><br>...) så kommer "toppen" (dvs. mørkeblå) frem igen...

Mulig løsning: Kan man fortælle siden at den ikke skal gentage baggrundsbilledet? Således at jeg kan sætte samme farve som naturlig baggrund og lave en glidende overgang.

Takkkker :)

Synes godt om

ckh Nybegynder

02. august 2004 - 13:45 #1

Synes godt om

thesurfer Nybegynder

02. august 2004 - 13:45 #2

http://www.w3schools.com/css/pr_background-repeat.asp

Synes godt om

annettef Nybegynder

02. august 2004 - 13:55 #3

Prøv med:
body {background-image: url(baggrund.jpg);
background-repeat: no-repeat;
background-position: top}

Her bliver baggrundsbilledet ikke gentaget og er placeret i toppen af siden.

Synes godt om

netapplication Nybegynder

02. august 2004 - 14:25 #4

Intet virker

Synes godt om

netapplication Nybegynder

02. august 2004 - 14:29 #5

Ikke engang w3schools

Synes godt om

netapplication Nybegynder

02. august 2004 - 14:30 #6

Det der background-image:
url("/images/bgbillede.jpg");

Kan heller ikke finde bgbillede

Synes godt om

ckh Nybegynder

02. august 2004 - 14:31 #7

bgbillede skal udskiftes med navnet på det billede du vil benytte (det var bare et tilfældigt navn) og stien til billedet skal være korrekt

Synes godt om

netapplication Nybegynder

02. august 2004 - 14:33 #8

I know... men det vil ikke finde det lige meget hvordan jeg sætter det / vender og drejer det.

Synes godt om

netapplication Nybegynder

02. august 2004 - 14:35 #9

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

<body background-image: url("/images/logo123.jpg");>
</body>
</html>

Virker ikke.

Synes godt om

ckh Nybegynder

02. august 2004 - 14:36 #10

Og du har sat ovenstående kode i <head> delen af dit dokument ?

Synes godt om

ckh Nybegynder

02. august 2004 - 14:36 #11

Prøv dette:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color: #000;
background-image:
url("/images/bgbillede.jpg");
background-repeat: repeat-x
}
</style>
</head>

<body>
</body>
</html>

Synes godt om

ckh Nybegynder

02. august 2004 - 14:37 #12

Nå ja ;) Udskift lige
url("/images/bgbillede.jpg");
med
url("/images/logo123.jpg");

Synes godt om

netapplication Nybegynder

02. august 2004 - 14:40 #13

Nej virker ikke

Synes godt om

netapplication Nybegynder

02. august 2004 - 14:40 #14

Kommandoen:

background-image:
url("/images/logo123.jpg");

Finder ikke billedet.

Synes godt om

ckh Nybegynder

02. august 2004 - 14:42 #15

Hvad hedder biblioteket hvor dit bagrundsbillede ligger ?

Synes godt om

netapplication Nybegynder

02. august 2004 - 15:00 #16

Virker næsten:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Setting the canvas background</TITLE>
<STYLE type="text/css">
BODY { background: #000000; background: url("http://www.domainame.com/images/BLAH!.jpg"); background-repeat: repeat-x; }
</STYLE>
</HEAD>
<BODY>
<P>sdfsdfsdfs <br>
<br>
</BODY>
</HTML>

men overlapning sker ikke rigtig

Synes godt om

netapplication Nybegynder

02. august 2004 - 15:05 #17

fik den:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>GRRR!</TITLE>
<STYLE type="text/css">
BODY { background: url("http://www.domainname.com/images/BLAH!.jpg"); background-color: #000000; background-repeat: repeat-x; }
</STYLE>
</HEAD>
<BODY>
<P>sdfsdfsdfs <br>
<br>
</BODY>
</HTML>

Synes godt om

ckh Nybegynder

02. august 2004 - 15:17 #18

Virker det så nu eller hva?

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS