| Home | Forums | Reviews | Guides | Newsgroups | Register | Search |
 |
| Thread Tools |
|
Guest
Posts: n/a
|
I want the backgrond of my whole page in gradient.
In the source tab I have: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <div style="width: 100%; height: 100%; filter: progid  XImageTransform.Microsoft.Gradient(Gradien tType=0, StartColorStr='#0000FF', EndColorStr='#000000')"> </div> </form> </body> </html> In the design view everything looks like I want, but in runtime the height isnt 100% ??? :-s I also tried a panel but with no luck... How can I fill the whole page? (dynamicly) |
|
|
|
|||
|
|
| |
|
Guest
Posts: n/a
|
hmm, got some progress...
I put it in the body...nice. But there is still a white border around it.....how can I get ride of that??? thanks "Klaas" <> schreef in bericht news:... >I want the backgrond of my whole page in gradient. > In the source tab I have: > > <html xmlns="http://www.w3.org/1999/xhtml"> > > <head runat="server"> > > <title>Untitled Page</title> > > </head> > > <body> > > <form id="form1" runat="server"> > > <div style="width: 100%; height: 100%; filter: > progid XImageTransform.Microsoft.Gradient(Gradien tType=0, > StartColorStr='#0000FF', > > EndColorStr='#000000')"> > > </div> > > </form> > > </body> > > </html> > > In the design view everything looks like I want, but in runtime the height > isnt 100% ??? :-s > > I also tried a panel but with no luck... > > How can I fill the whole page? (dynamicly) > > |
|
|
|
|
|||
|
|
| |
|
Guest
Posts: n/a
|
Hello Klass,
I have a gradient background at www.limbertech.com. I accomplished it a bit differently. In the body element I assigned the background attribute as follows: body { background: url(Images/PageBackGround.jpg) #99ccff repeat-x; } The PageBackGround.jpg is a thin, long image (5x1024) of the gradient as it goes from dark blue to light blue (#99ccff) which I created using Fireworks (you could use any different graphics package). It is repeated in the x direction. Since the background color of the page is specified as light blue (#99ccff), the image blends into the background of the page at the bottom. -- brians http://www.limbertech.com "Klaas" wrote: > hmm, got some progress... > I put it in the body...nice. > But there is still a white border around it.....how can I get ride of > that??? > > thanks > > "Klaas" <> schreef in bericht > news:... > >I want the backgrond of my whole page in gradient. > > In the source tab I have: > > > > <html xmlns="http://www.w3.org/1999/xhtml"> > > > > <head runat="server"> > > > > <title>Untitled Page</title> > > > > </head> > > > > <body> > > > > <form id="form1" runat="server"> > > > > <div style="width: 100%; height: 100%; filter: > > progid XImageTransform.Microsoft.Gradient(Gradien tType=0, > > StartColorStr='#0000FF', > > > > EndColorStr='#000000')"> > > > > </div> > > > > </form> > > > > </body> > > > > </html> > > > > In the design view everything looks like I want, but in runtime the height > > isnt 100% ??? :-s > > > > I also tried a panel but with no luck... > > > > How can I fill the whole page? (dynamicly) > > > > > > > |
|
|
|
|
|||
|
Guest
Posts: n/a
|
hi Klass, in addition to what brains said, make sure you remove the default
margin and the padding from your body element, seems to me that this is what you are experiencing. Setting it to zero will remove it. <body style="margin:0px;padding:0px" .. Regards, Alessandro Zifiglio http://www.AsyncUI.net "Klaas" <> ha scritto nel messaggio news:... > hmm, got some progress... > I put it in the body...nice. > But there is still a white border around it.....how can I get ride of > that??? > > thanks > > "Klaas" <> schreef in bericht > news:... >>I want the backgrond of my whole page in gradient. >> In the source tab I have: >> >> <html xmlns="http://www.w3.org/1999/xhtml"> >> >> <head runat="server"> >> >> <title>Untitled Page</title> >> >> </head> >> >> <body> >> >> <form id="form1" runat="server"> >> >> <div style="width: 100%; height: 100%; filter: >> progid XImageTransform.Microsoft.Gradient(Gradien tType=0, >> StartColorStr='#0000FF', >> >> EndColorStr='#000000')"> >> >> </div> >> >> </form> >> >> </body> >> >> </html> >> >> In the design view everything looks like I want, but in runtime the >> height isnt 100% ??? :-s >> >> I also tried a panel but with no luck... >> >> How can I fill the whole page? (dynamicly) >> >> > > |
|
|
|
|
|||
|
Guest
Posts: n/a
|
YES!!!
You are right Alessandro!!! Thank you very very much...great! May the source be with you!!! greetings, Klaas "Alessandro Zifiglio" <AlessandroZifiglio @ -h-o-t-m-a-i-l-c-o-m> schreef in bericht news:... > hi Klass, in addition to what brains said, make sure you remove the > default margin and the padding from your body element, seems to me that > this is what you are experiencing. Setting it to zero will remove it. > <body style="margin:0px;padding:0px" .. > > Regards, > Alessandro Zifiglio > http://www.AsyncUI.net > > "Klaas" <> ha scritto nel messaggio > news:... >> hmm, got some progress... >> I put it in the body...nice. >> But there is still a white border around it.....how can I get ride of >> that??? >> >> thanks >> >> "Klaas" <> schreef in bericht >> news:... >>>I want the backgrond of my whole page in gradient. >>> In the source tab I have: >>> >>> <html xmlns="http://www.w3.org/1999/xhtml"> >>> >>> <head runat="server"> >>> >>> <title>Untitled Page</title> >>> >>> </head> >>> >>> <body> >>> >>> <form id="form1" runat="server"> >>> >>> <div style="width: 100%; height: 100%; filter: >>> progid XImageTransform.Microsoft.Gradient(Gradien tType=0, >>> StartColorStr='#0000FF', >>> >>> EndColorStr='#000000')"> >>> >>> </div> >>> >>> </form> >>> >>> </body> >>> >>> </html> >>> >>> In the design view everything looks like I want, but in runtime the >>> height isnt 100% ??? :-s >>> >>> I also tried a panel but with no luck... >>> >>> How can I fill the whole page? (dynamicly) >>> >>> >> >> > > |
|
|
|
|
|||
|
Guest
Posts: n/a
|
Hi Brains,
Ken ik zie de PageBackGround.jpg, please? Ik understand what you are saying but cant visualize the JPG.....  Thank you Klaas "brians[MCSD]" <> schreef in bericht news:4D13DF8B-9BDC-4EF0-8279-... > Hello Klass, > > I have a gradient background at www.limbertech.com. I accomplished it a > bit > differently. In the body element I assigned the background attribute as > follows: > > body > { > background: url(Images/PageBackGround.jpg) #99ccff repeat-x; > } > > The PageBackGround.jpg is a thin, long image (5x1024) of the gradient as > it > goes from dark blue to light blue (#99ccff) which I created using > Fireworks > (you could use any different graphics package). It is repeated in the x > direction. Since the background color of the page is specified as light > blue > (#99ccff), the image blends into the background of the page at the bottom. > -- > brians > http://www.limbertech.com > > > "Klaas" wrote: > >> hmm, got some progress... >> I put it in the body...nice. >> But there is still a white border around it.....how can I get ride of >> that??? >> >> thanks >> >> "Klaas" <> schreef in bericht >> news:... >> >I want the backgrond of my whole page in gradient. >> > In the source tab I have: >> > >> > <html xmlns="http://www.w3.org/1999/xhtml"> >> > >> > <head runat="server"> >> > >> > <title>Untitled Page</title> >> > >> > </head> >> > >> > <body> >> > >> > <form id="form1" runat="server"> >> > >> > <div style="width: 100%; height: 100%; filter: >> > progid XImageTransform.Microsoft.Gradient(Gradien tType=0,>> > StartColorStr='#0000FF', >> > >> > EndColorStr='#000000')"> >> > >> > </div> >> > >> > </form> >> > >> > </body> >> > >> > </html> >> > >> > In the design view everything looks like I want, but in runtime the >> > height >> > isnt 100% ??? :-s >> > >> > I also tried a panel but with no luck... >> > >> > How can I fill the whole page? (dynamicly) >> > >> > >> >> >> |
|
|
|
|
|||
|
Guest
Posts: n/a
|
You are more than welcome, klass
 Regards, Alessandro Zifiglio http://www.AsyncUI.net "Klaas" <> ha scritto nel messaggio news:... > YES!!! > You are right Alessandro!!! > Thank you very very much...great! > > May the source be with you!!! > > greetings, > > Klaas > > "Alessandro Zifiglio" <AlessandroZifiglio @ -h-o-t-m-a-i-l-c-o-m> schreef > in bericht news:... >> hi Klass, in addition to what brains said, make sure you remove the >> default margin and the padding from your body element, seems to me that >> this is what you are experiencing. Setting it to zero will remove it. >> <body style="margin:0px;padding:0px" .. >> >> Regards, >> Alessandro Zifiglio >> http://www.AsyncUI.net >> >> "Klaas" <> ha scritto nel messaggio >> news:... >>> hmm, got some progress... >>> I put it in the body...nice. >>> But there is still a white border around it.....how can I get ride of >>> that??? >>> >>> thanks >>> >>> "Klaas" <> schreef in bericht >>> news:... >>>>I want the backgrond of my whole page in gradient. >>>> In the source tab I have: >>>> >>>> <html xmlns="http://www.w3.org/1999/xhtml"> >>>> >>>> <head runat="server"> >>>> >>>> <title>Untitled Page</title> >>>> >>>> </head> >>>> >>>> <body> >>>> >>>> <form id="form1" runat="server"> >>>> >>>> <div style="width: 100%; height: 100%; filter: >>>> progid XImageTransform.Microsoft.Gradient(Gradien tType=0, >>>> StartColorStr='#0000FF', >>>> >>>> EndColorStr='#000000')"> >>>> >>>> </div> >>>> >>>> </form> >>>> >>>> </body> >>>> >>>> </html> >>>> >>>> In the design view everything looks like I want, but in runtime the >>>> height isnt 100% ??? :-s >>>> >>>> I also tried a panel but with no luck... >>>> >>>> How can I fill the whole page? (dynamicly) >>>> >>>> >>> >>> >> >> > > |
|
|
|
|
|||
|
|
| |
|
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| HELP!! Mp3 phone but cant find a suitable data cable!! | alex_1991 | General Computer Support | 1 | 08-18-2007 06:44 AM |
| cant compile on linux system.cant compile on cant compile onlinux system. | Nagaraj | C++ | 1 | 03-01-2007 11:18 AM |
| I guess a simple question but I cant find it :-( | Klaas | ASP .Net Web Controls | 6 | 07-29-2006 08:01 AM |
| Might not be pure HTML but I guess it's part of it... | Jean-Louis Crouzet | HTML | 14 | 06-14-2005 07:36 AM |
| very simple question, but i cant find the answer | suzy | ASP .Net | 3 | 03-05-2004 11:34 AM |
