1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Welcome both old friends and new to the all new Walt Disney Secrets :-D Please take a moment to say hi

CSS/HTML Help

Discussion in 'Gadgets and Gizmos' started by josh.p., Jan 29, 2010.

  1. josh.p.
    Offline

    josh.p. Addicted to Mickey

    Joined:
    Jun 18, 2008
    Messages:
    9,159
    Likes Received:
    2
    Trophy Points:
    38
    Location:
    Wirral
    Hi All,

    I'm currently building a website as part of my A-level project. The basic explanation of my site is;

    1 container DIV- Width: 768, Height: Auto
    (The following are nested within the DIV)
    1 Header DIV- Width: 768, Height: 150
    1 Navigation DIV- Width: 768, Height: 50
    1 'Left content' DIV- Width: 450, Height: Auto
    1 'Widget Bar' DIV- Width: 318, Height: Auto

    Basically the effect I want to add to the 'Left content' and 'Widget Bar' Div, A gradient image, fading from the DIV's background colour to transparent. :yes: So that it gives the effect that the bottom of the DIV is fading out. :yes: Everything I've tried googling is just bringing up DIVs that fade/in out on page loading, which isn't really what I want.

    Wondering if anyone could give me any help with this one. I assume having nesting both the Left content and Widget bar (where I will keep some Java and PHP stuff) in separate DIVs, with another DIV beneath this, which is positioned 'relative' to the other one, and has a background of a fading out PNG gradient would work? :unsure: Can't get it to though!

    I'm using a HTML document with an attached style sheet :yes:
     
  2. Dawn
    Online

    Dawn carpe diem-ing Forum Host

    Joined:
    Jun 29, 2008
    Messages:
    14,312
    Likes Received:
    132
    Trophy Points:
    63
    Location:
    In the red...
    I'll give Adrian a shout.
     
  3. Hex
    Offline

    Hex The Toy Master!

    Joined:
    Aug 15, 2008
    Messages:
    195
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Under the patio...
    i'm on the case, tinkering in the guts of a webpage, seeing what i can do in relation to this...
     
  4. Dawn
    Online

    Dawn carpe diem-ing Forum Host

    Joined:
    Jun 29, 2008
    Messages:
    14,312
    Likes Received:
    132
    Trophy Points:
    63
    Location:
    In the red...
    Yes he's neglecting his household duties to gradiate colours. :rotfl:
     
  5. catrancher
    Offline

    catrancher Assistant Cruise Director Forum Host

    Joined:
    Oct 5, 2008
    Messages:
    6,096
    Likes Received:
    64
    Trophy Points:
    48
    Location:
    Cumming, GA. A small suburb of Atlanta.
    Will this one give you what you need, Josh? :unsure:

    Tom :)macwave:... who's fading in and out this morning himself!)
     
  6. Slowhand
    Offline

    Slowhand Cruise Director Forum Host

    Joined:
    Jul 29, 2008
    Messages:
    5,727
    Likes Received:
    138
    Trophy Points:
    63
    Gender:
    Male
    Location:
    Staffordshire U.K.
    I`m staying well out of this one! :lol:
     
  7. Hex
    Offline

    Hex The Toy Master!

    Joined:
    Aug 15, 2008
    Messages:
    195
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Under the patio...
    Ok, Josh...

    I've been busy :D

    Hopefully this will give you some helpful ideas to play with: Click Me! Click Me!!!

    The page includes a link to download a zip file with the html, css, and images used.

    Hope that helps. Any problems, let me know (or get Dawn to hunt me down and get me to login...)
     
  8. keith
    Online

    keith Camera nut Staff Member Administrator Forum Host

    Joined:
    Jun 14, 2008
    Messages:
    19,567
    Likes Received:
    457
    Trophy Points:
    83
    Location:
    United Kingdom
    hehe that's very very cool :yes:
     
  9. catrancher
    Offline

    catrancher Assistant Cruise Director Forum Host

    Joined:
    Oct 5, 2008
    Messages:
    6,096
    Likes Received:
    64
    Trophy Points:
    48
    Location:
    Cumming, GA. A small suburb of Atlanta.
    Oh... come on, Terry! Show us what you got! :laugh2:

    Tom :)macwave:... I wanna see... I wanna see!)
     
  10. Tink
    Online

    Tink Cead Mille Failte! Staff Member Administrator

    Joined:
    Jun 29, 2008
    Messages:
    26,223
    Likes Received:
    506
    Trophy Points:
    113
    Gender:
    Female
    Location:
    15 minutes (or so) North of WDW
    Ahem. I'll have you know Mr. Catrancher, that Mr. Slowhand and I keep our tekknikkal advice VERY close and don't "show" it around like some cheapie ... well, need I say more? * sniff *
     
  11. catrancher
    Offline

    catrancher Assistant Cruise Director Forum Host

    Joined:
    Oct 5, 2008
    Messages:
    6,096
    Likes Received:
    64
    Trophy Points:
    48
    Location:
    Cumming, GA. A small suburb of Atlanta.
    Ohhh... I think I've been :slap:

    Tom :)macwave:... wait... I might have actually liked it!)
     
  12. Hex
    Offline

    Hex The Toy Master!

    Joined:
    Aug 15, 2008
    Messages:
    195
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Under the patio...
    auntie Tink taught me everything i know...

    ... be afraid... be vewey afwaid...
     
  13. Slowhand
    Offline

    Slowhand Cruise Director Forum Host

    Joined:
    Jul 29, 2008
    Messages:
    5,727
    Likes Received:
    138
    Trophy Points:
    63
    Gender:
    Male
    Location:
    Staffordshire U.K.
    Aaaw Tink, now you`ve let the cat out of the bag. :lol:
     
  14. catrancher
    Offline

    catrancher Assistant Cruise Director Forum Host

    Joined:
    Oct 5, 2008
    Messages:
    6,096
    Likes Received:
    64
    Trophy Points:
    48
    Location:
    Cumming, GA. A small suburb of Atlanta.
    <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/u2OiRb9701o&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/u2OiRb9701o&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>​

    Tom :)macwave:... I r!)
     
  15. Tink
    Online

    Tink Cead Mille Failte! Staff Member Administrator

    Joined:
    Jun 29, 2008
    Messages:
    26,223
    Likes Received:
    506
    Trophy Points:
    113
    Gender:
    Female
    Location:
    15 minutes (or so) North of WDW
    HUSH MAN!!!! Ya' want 'em to start talkin' about us? :wink:

    Hope you are doing well, Adrian! :hug2:
     
  16. Tink
    Online

    Tink Cead Mille Failte! Staff Member Administrator

    Joined:
    Jun 29, 2008
    Messages:
    26,223
    Likes Received:
    506
    Trophy Points:
    113
    Gender:
    Female
    Location:
    15 minutes (or so) North of WDW
    :eek: NAUGHTY BOY!!! :eek:
     
  17. catrancher
    Offline

    catrancher Assistant Cruise Director Forum Host

    Joined:
    Oct 5, 2008
    Messages:
    6,096
    Likes Received:
    64
    Trophy Points:
    48
    Location:
    Cumming, GA. A small suburb of Atlanta.
    Is it possible to :banned: myself?

    Tom :)macwave:... Enquiring minds want to know!)
     
  18. Tink
    Online

    Tink Cead Mille Failte! Staff Member Administrator

    Joined:
    Jun 29, 2008
    Messages:
    26,223
    Likes Received:
    506
    Trophy Points:
    113
    Gender:
    Female
    Location:
    15 minutes (or so) North of WDW
    Welllll... no. :D
     
  19. josh.p.
    Offline

    josh.p. Addicted to Mickey

    Joined:
    Jun 18, 2008
    Messages:
    9,159
    Likes Received:
    2
    Trophy Points:
    38
    Location:
    Wirral
    I don't understand... Skywatcher didn't make this thread... why all the derailment :unsure: :rotfl:

    Thank you SOOOO much Hex!!!! :thumbsup: :thumbsup: :thumbsup:
     
  20. Hex
    Offline

    Hex The Toy Master!

    Joined:
    Aug 15, 2008
    Messages:
    195
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Under the patio...
    Happy to help Josh...

    oh yeah, i have updated it with an example of how you can achieve the other effect you asked me about...

    Now i had better go cook some dinner for Dawn... she gets grumpy if she is not fed regularly and on time... Steven may want feeding too :D
     

Share This Page