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 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jul 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Some HTML/CSS Help

    Hi all,

    Few issues. If you go to http://mfmacbros.com/testsite/ I am currently having 2 issues. In the navigation bar there is spaces between the images for some reason, and also I want the images to change when you hover over them...how do you do that? Also, I can't get that black advertisements box up at the top of the page where it needs to be. Any help is appreciated.

    Thanks,
    -Shaun

  • #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
    Move the sidebox before the content and it will be where it needs to be. You may just want to float the content to the left too and leave things where they are. As for spaces in the navigation. I'm not seeing any in Firefox. Did you fix the issue or is this an IE thing? To get them to change, search for CSS rollovers.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Jul 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, I have everything fixed except for now the background image doesn't show up behind the content because its "floating". (http://mfmacbros.com/testsite/). I have everything fixed except for that...any suggestions?

  • #4
    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
    Add this to #bodyBG
    Code:
    overflow:hidden;
    and please stop using deprecated attributes like align. They aren't going you any good.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New to the CF scene
    Join Date
    Jul 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Haha, thanks for the help, what does overflow: hidden mean? Also, by deprecated values do you mean the align="left" in the HTML? Its a bad habit, I know haha.

  • #6
    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
    Well when using overflow:hidden; or overflow:auto; with an element that has a set height the element will either hide anything that is bigger than its height or create a scrollbar to allow you to scroll to see the rest of things inside of it. However if you don't use a height both overflow:auto; and overflow:hidden; will contain your floats.

    http://www.quirksmode.org/css/clearing.html
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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