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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18

Thread: valign bottom?

  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    valign bottom?

    I was just trying to vertical align my bottom left image, i eventually did it using Clear:both;
    but now it goes right of the bottom of the page?!


    http://jbiddulph.com/cv.htm

    Code:
    #bottomleftpic {
    background-color:#FFFFFF;
    margin-top:23px;
    float:left;
    clear:right;
    background-image:url(../img/bottomleft.jpg);
    background-repeat:no-repeat;
    
    width:209px;
    height:362px;
    }
    any anyone please help?

  • #2
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    Please help!

  • #3
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    Where exactly do you need that image to be? Flush with the bottom of the footer? Below the navigation?
    matt | design | blog

  • #4
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    the bottom of the picture level with the footer but about 10px of white below the footer.

  • #5
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try adding this, it messes up in FF so i cant tell if it hurts or helps

    Code:
    * {
    margin:0px;
    padding:0px;
    }

  • #6
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    validate first and post when you are finished. is hard to fix if markup is invalid:

    http://validator.w3.org/check?verbos...h.com%2Fcv.htm

    regards

  • #7
    Regular Coder ninnypants's Avatar
    Join Date
    Apr 2008
    Location
    Utah
    Posts
    504
    Thanks
    10
    Thanked 47 Times in 47 Posts
    It's because the #mainarea of your page is floated so when you put the "clear:right" you image could no longer stay where it was it was forced to move down below the #mainarea

  • #8
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    ok so I changed it but now it's stil isn't aligned to the bottom?!

    why is my background not white anymore?! I nee dto put a float:left; on my #Table_01

  • #9
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by jarv View Post
    ok so I changed it but now it's stil isn't aligned to the bottom?!

    why is my background not white anymore?! I nee dto put a float:left; on my #Table_01
    did you fix markup errors?

    regards

  • #10
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    I would fix them but I don't understand what is wrong with: Line 84, Column 6: XML Parsing Error: Opening and ending tag mismatch: body line 8 and div.

    </div>

    and

    Line 84, Column 5: end tag for element "div" which is not open.

    </div>

  • #11
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by jarv View Post
    I would fix them but I don't understand what is wrong with: Line 84, Column 6: XML Parsing Error: Opening and ending tag mismatch: body line 8 and div.

    </div>

    and

    Line 84, Column 5: end tag for element "div" which is not open.

    </div>
    tags must be pair, if you have <div> must have somewhere </div> to close it.
    use a editor with pair match highlight.

    Edit: usualy the validator show more error then are, so you must start from top, fix one line and revalidate until you finish

    regards
    Last edited by oesxyl; 08-04-2008 at 11:16 PM.

  • #12
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    can't find errors in my </div> and i still have the vertical align problem on the image at the bottom left of my site please can someone help me?

  • #13
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by w3-validator
    Line 16, Column 18: document type does not allow element "div" here; assuming missing "body" start-tag.

    <div id="Table_01">

    Line 169, Column 5: end tag for element "div" which is not open.

    </div>
    These are pretty clear! aren't ?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #14
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by jarv View Post
    can't find errors in my </div> and i still have the vertical align problem on the image at the bottom left of my site please can someone help me?
    - between </head> and <div id="Table_01"> must be <body>
    - missing alt attribute at img tags.
    - in few places you have </br> instead of <br />
    - you have an </div> on line 185 but no <div>, remove it

    that will fix markup errors.

    after that you must clear the float's element but will see how after you make this changes.

    regards

  • Users who have thanked oesxyl for this post:

    jarv (08-06-2008)

  • #15
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    thanks but how do i align the bottom left pic of me to the bottom?


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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