Notifikationer

Markér alle som læst Log ud

Slettet bruger

02. juni 2008 - 16:28 Der er 11 kommentarer og
1 løsning

Faded background image

Hej,

Er det muligt at bruge et billede der fader fra en farve til en anden som baggrundsbillede i en tabel/celle der strækker sig over hele skærmen (100% bred og 100% høj)?
Eller er man nød til altid at lave fade billedet så det passer til en bestemt højde/bredde i tabellen?

Synes godt om

webdesigner Praktikant

02. juni 2008 - 17:22 #1

okay du kan lave et gif i 1x1 pixel der ikke looper.
som du angiver som baggrund, du kan i animationen angive frames for at bestemme længden.

Synes godt om

webdesigner Praktikant

02. juni 2008 - 17:23 #2

du kan angive højde og brede i pixel hvis du bruger css
var vist det hele sorry trykked på send for tidligt :P

Synes godt om

olebole Juniormester

02. juni 2008 - 23:23 #3

<ole>

webdesigner >> jeg tror, spørgeren tænker på en gradient ... men er ikke sikker =)

Hvis det er tilfældet, så er man nødt til at lave det i den korrekte størrelse

/mvh
</bole>

Synes godt om

mclemens Nybegynder

02. juni 2008 - 23:33 #4

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html;

charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body {height:100%;margin:0;padding:0;}
html {overflow:hidden;}
#bg {width:100%;height:100%;position:absolute;z-index:0;}
#bg img{width:100%;height:100%;}
#main {width:100%;

overflow:auto;position:absolute;width:100%;height:100%;background:('http://adressetiltransparentgiffilsåscrollpå

heleskærmenvirker');}
</style>

</head><body>

<div id="bg"><img src="http://www.eksperten.dk/img/elogo.png" alt=""></div>
<div

id="main">a a a a a a a a a a a a a a a a a a a a a 

a a a a a a a a a a a a a a a a a a a a a a a 

a a a a a a a a a a a a a a a a a a a a a a a 

a a a a a </div>

</body></html>

Synes godt om

mclemens Nybegynder

02. juni 2008 - 23:34 #5

(skal lige samles hvor den er ombrudt - ret exp logo til gif der skifter farve...)

Synes godt om

Slettet bruger

03. juni 2008 - 10:09 #6

Det er korrekt det er en granit overgang jeg søger som strækker sig over hele skærmen. :)

Din kode virker ser ud til at klare ærterne mclemens! :)

Hvad bruges dette link til > http://adressetiltransparentgiffilsåscrollpå ... Kan det undværes?

Jeg har prøvet med et JPG billede til at lave granit og det virker også. Hvordan laver jeg så det bliver den mest flydende overgang? Skal jeg lave et stort granitbillede og/eller bruge et bestemt billedformat: jpg, gif, png?

Synes godt om

mclemens Nybegynder

03. juni 2008 - 15:11 #7

"Hvad bruges dette link til > http://adressetiltransparentgiffilsåscrollpå ... Kan det undværes?"

Hvis du bruger:

#main {width:100%;overflow:auto;position:absolute;width:100%;height:100%;background:url('stitiltranparent.gif');}

bør det være muligt at scrolle på hele siden (med musehjulet) - uden vil du kun kunne scrolle med scrollbaren eller med musehjulet hvor indhold dækker for baggrunden i IE.
(bemærk url er indsat foran (, det glemte jeg tidligere).

Jeg læste spørgsmålet forkert og troede at det var 1x1 px der evt. skulle udvides og animeres med skiftende/fadende farve - op skalering af billeder kan tit blive pixeleret og derudover eksisterer problemet med at optimere baggrunden til både 16:9 og 4:3 opløsninger uden at baggrunden virker forstrukket ...

Så det bedste og mest optimale er at følge Ole's anbefaling,
det andet tror jeg ikke (afgængig af baggrunden) kommer til
at se særlig godt ud ...

Synes godt om

Slettet bruger

03. juni 2008 - 16:12 #8

Okay stor tak for hjælpen, det var kanon!

Sender du et svar så får du points. :)

Synes godt om

mclemens Nybegynder

03. juni 2008 - 17:15 #9

Jeg føler ikke rigtig, at jeg løste spørgsmålet,
men her er da lige et svar, hvis du brugte mit forslag.
Hvis du brugte Ole's, så afvis svaret og bed Ole lægge et.

Synes godt om

webdesigner Praktikant

03. juni 2008 - 18:46 #10

mclemens: hehe jeg troede at det skulle fade en del af en tabel.
derfor kunne man lave et 1x1 gif som fader som bliver gentaget x antal gang i både længte og højde og som stoppe efter alle framesene.

okay så kunne du hvis du vil begrænse siden til IE7 bruger og alle de andre browser.
kunne du gå efter PNG indeholder en alpha channel...
men som sagt det begrænder dit design på brugerens side...

Synes godt om

Slettet bruger

03. juni 2008 - 23:49 #11

Her er points mclemens. Din kode gav svaret på mit problem. :)

Synes godt om

mclemens Nybegynder

04. juni 2008 - 00:39 #12

Okidoki, og tak for point :o)

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
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS