Professional Web Applications Themes

Background colour using CSS - Macromedia Dynamic HTML

Hi all, I hope you can help me . I've just started using CSS for my site and have a few boxes around the place. I would like to have different background colours in the boxes and would like to have the colour fade from top to bottom (top being the strongest shade and bottom being the weakest). Is this possible using CSS and how would it be done?...

  1. #1

    Default Background colour using CSS

    Hi all, I hope you can help me . I've just started using CSS for my site and
    have a few boxes around the place. I would like to have different background
    colours in the boxes and would like to have the colour fade from top to bottom
    (top being the strongest shade and bottom being the weakest). Is this possible
    using CSS and how would it be done?

    digital wonder Guest

  2. #2

    Default Re: Background colour using CSS

    Make a small image that is as long as the fade you want, and about 50px
    wide. Set it as the background to the page, and use the CSS style
    background-repeat:repeat-x, which will tile the image across the page
    horizontally. Make the page's bacground color equal to the end color value
    of your fade.

    You can use an adaptation of this for any container on the page.

    --
    Murray --- ICQ 71997575
    Team Macromedia Volunteer for Dreamweaver
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================

    "digital wonder" <webforumsusermacromedia.com> wrote in message
    news:dbj4ln$12f$1forums.macromedia.com...
    > Hi all, I hope you can help me . I've just started using CSS for my site
    > and
    > have a few boxes around the place. I would like to have different
    > background
    > colours in the boxes and would like to have the colour fade from top to
    > bottom
    > (top being the strongest shade and bottom being the weakest). Is this
    > possible
    > using CSS and how would it be done?
    >

    Murray *TMM* Guest

  3. #3

    Default Re: Background colour using CSS

    Thanks for the help Murray. I did as you suggested (I think) but I'm not sure I
    did it right. Maybe someone can check it out here ( [url]http://greg.cole.name[/url]
    )and see what I'm not doing right. As you can see the effects are as I would
    like (using firefox). The blue news bar was set with the background image
    property in the stylesheet and seems to have expanded to fill the container.
    The green bar was set the same way but also with the suggested
    background-repeat:repeat-x and also has the same effect of filling the
    container.

    digital wonder Guest

Similar Threads

  1. Background colour
    By 5uperfly in forum Macromedia Dynamic HTML
    Replies: 5
    Last Post: December 11th, 03:21 PM
  2. iframe background colour
    By knigknog in forum Macromedia Dynamic HTML
    Replies: 1
    Last Post: December 22nd, 09:25 PM
  3. 100%K knocking out background colour.
    By jon_gallet@adobeforums.com in forum Adobe Indesign Macintosh
    Replies: 20
    Last Post: October 1st, 05:16 PM
  4. Background colour - selection box
    By JennyC in forum Macromedia Dynamic HTML
    Replies: 3
    Last Post: June 7th, 08:36 PM
  5. Application background Colour
    By nancy willis in forum Adobe Photoshop 7, CS, CS2 & CS3
    Replies: 1
    Last Post: July 14th, 05:01 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139