Help with Footer on new design

Discussion in 'CSS' started by ImaginaryOrdinary, Aug 25, 2008.

  1. #1
    ImaginaryOrdinary, Aug 25, 2008 IP
  2. ImaginaryOrdinary

    ImaginaryOrdinary Guest

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Bueller? [​IMG]
     
    ImaginaryOrdinary, Aug 26, 2008 IP
  3. ozan

    ozan Peon

    Messages:
    82
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Original markup has 'footer' as a class. New markup has 'footer' as id.

    I would keep the markup and change the css. Replace ".footer " with "#footer".
     
    ozan, Aug 26, 2008 IP
  4. ImaginaryOrdinary

    ImaginaryOrdinary Guest

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Okay. Still nada. :(
     
    ImaginaryOrdinary, Aug 26, 2008 IP
  5. ozan

    ozan Peon

    Messages:
    82
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Oh, and also you're missing a closing brace ( } ) on the .navigation li a:hover declaration on line 152. Anything below that would not have parsed properly. You've also got a few other css errors that might be causing you other types of grief. You should fix those too.
     
    ozan, Aug 26, 2008 IP
  6. ImaginaryOrdinary

    ImaginaryOrdinary Guest

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Ah. Okay, so I fixed those errors. CSS and XHTML validate now.

    The footer works.

    However... the rest of the site is totally messed. I really don't understand where the problem is.
     
    ImaginaryOrdinary, Aug 26, 2008 IP
  7. ozan

    ozan Peon

    Messages:
    82
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Wow, not sure what you just did, but can you undo the recent changes (besides inserting the missing brace, which obviously should have been fixed) and work again from there?
     
    ozan, Aug 26, 2008 IP
  8. ImaginaryOrdinary

    ImaginaryOrdinary Guest

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    That is all I did and this is what happened.

    I changed font-decoration to text-decoration afterwards.
     
    ImaginaryOrdinary, Aug 27, 2008 IP
  9. ImaginaryOrdinary

    ImaginaryOrdinary Guest

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    No one can help? Seriously?
     
    ImaginaryOrdinary, Aug 27, 2008 IP
  10. bvchandu

    bvchandu Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Hi...

    you have to place the content in " <p> " tag give the padding-left or margin-left to " <p> "


    OR

    place the content in div and fix the width and adject the div in white space like this

    <div style="width:403px; float:right; margin-right:9px;">

    <p>Is there a hole in your glove? Is there a hole in your glove? Is there a hole in your glove? </p>

    </div>
     
    bvchandu, Aug 29, 2008 IP