Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts

    opacity & FF padding

    Here is the new layout I am working on. Just started and I have already ran into some problems. http://twodayslate.com/test/test2.php

    For the transparent bar on top I want the text to not be transparent, just the background. Is there a way to do this without images?

    Also for my footer, when I added padding it seems it also add height. I saw another thread that had the same problem a while back (way back) but I forgot how they fixed this and I lost the thread.


    Thanks for your help, opinion on design welcome!
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    When you add padding to an element it counts towards overall height and width so if you want your footer to be 157px high with the top padding then you need to set the min-height of your footer to 37px. I've told you this before you should NOT set height and min-height in the same CSS declaration. IF you do the min-height will be ignored.

    As to the opacity, Stu Nicholls seems to accomplish this. http://www.cssplay.co.uk/opacity/png.html
    View the source.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    I should have known that. Thanks! Looking at the opacity thing now. Thank you!
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!


  •  

    Posting Permissions

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