Søg
Avatar billede feliz Nybegynder
06. august 2007 - 14:45 Der er 9 kommentarer og
1 løsning

Hjemmeside med gradient som baggrund

Hej
Jeg er igang med at lave en hjemmeside. Jeg har valgt at baggrunden på siden skal være en gradient, men hvordan kan jeg få den til at passe til flere opløsninger?
Lige et billede af designet: http://peecee.dk/resize.php?id=61243

På forhånd tak
Felix
Avatar billede feliz Nybegynder
06. august 2007 - 14:48 #1
http://peecee.dk/?id=61240
Her er det i en anden version
Kan det lade sig gøre at få teksten i bunden til at fade? og kan det lade sig gøre at lave en scroll bar der ser sådan ud?
Avatar billede w13 Novice
06. august 2007 - 15:21 #2
Er der tale om en horizontal gradient?
Sætter du den med css? Brug:
  background:#c0c0c0 url('billedadresse.bmp') no-repeat;
#c0c0c0 skal så bare være den nederste farve i gradientbilledet.

At få teksten til at fade, kan du ikke lave. Muligvis hvis du lavede det hele i Flash, men det er jo lidt voldsomt bare for det. Scroll-baren kunne muligvis laves med noget JavaScript.
Avatar billede feliz Nybegynder
06. august 2007 - 15:24 #3
Okay. Tak
Det CSS du har skrevet, skal jeg bare sætte det ind et sted i body'en?
Avatar billede feliz Nybegynder
06. august 2007 - 15:53 #4
Altså gradienten er lodret, så den ændre farve lodret nedad og har den samme farve vandret. Jeg gør også det at jeg laver den gradient 1 px bred, så det ikke fylder så meget. Hvordan kan jeg så sørge for at den gentager sig vandret og ikke lodret?
Avatar billede roenving Novice
06. august 2007 - 16:11 #5
repeat-x
Avatar billede w13 Novice
06. august 2007 - 16:58 #6
Ah ja, der var jeg lidt for hurtig. Naturligvis skal den sættes til repeat-x.

Og ja, du kan sætte den på dit body-tag:
<body style="background:#c0c0c0 url('billedadresse.bmp') no-repeat;">

Du kan også, nok mere hensigtsmæssigt, sætte den ind i en StyleSheet-blok:

<style type="text/css">body { background:#c0c0c0 url('billedadresse.bmp') no-repeat;"> }</style>

Du kan også include et eksternt CSS-dokument:
<link rel="stylesheet" type="text/css" media="screen" href="stylesheet/screen.css">
Avatar billede feliz Nybegynder
06. august 2007 - 22:51 #7
Mange tak w13, også roenving for den sags skyld.
w13 smider du ikke lige et svar, så du kan få point?
Avatar billede w13 Novice
07. august 2007 - 00:50 #8
Jep, kommer her! Grib!
Avatar billede feliz Nybegynder
07. august 2007 - 02:08 #9
/me kaster hurtigt bolden viddere :D
Avatar billede w13 Novice
07. august 2007 - 03:14 #10
Takker! :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:06 Min IPad efter sidste opdatering Af nu_igen i Tablet
29/0113:08 Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP
28/0113:36 godt råd søges Alternativ styresystem på Mac pc Af luffe1955 i Andre styresystemer
28/0111:32 Hjælp til kontrol af sygefravær Af Maja i Excel
27/0113:59 2 skærme til en stationær computer Af BIRGER i Skærme
White papers
Flere white papers »